/* Minification failed. Returning unminified contents.
(1164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1186,10): run-time error CSS1030: Expected identifier, found '>'
(1186,23): run-time error CSS1031: Expected selector, found ')'
(1186,23): run-time error CSS1025: Expected comma or open brace, found ')'
(2904,18): run-time error CSS1046: Expect comma, found '0'
(2904,21): run-time error CSS1046: Expect comma, found ')'
(2962,38): run-time error CSS1046: Expect comma, found '225'
(2962,46): run-time error CSS1046: Expect comma, found '/'
(2980,35): run-time error CSS1046: Expect comma, found '225'
(2980,43): run-time error CSS1046: Expect comma, found '/'
(3585,1): run-time error CSS1019: Unexpected token, found '}'
(3691,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3709,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3745,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(3746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3763,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4109,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-030a'
(4674,18): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(5926,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(6729,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(6730,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-010'
(6770,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(6779,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(6795,28): run-time error CSS1039: Token not allowed after unary operator: '-border-global-primary'
(6816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6865,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(6878,32): run-time error CSS1039: Token not allowed after unary operator: '-surface-button-primary'
(6879,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(6885,28): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(6896,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(6922,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7043,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(7048,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(7058,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(7062,33): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(7067,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-7'
(7068,32): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-3'
(7072,52): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(7072,86): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(7077,52): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(7077,87): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(7093,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(7098,33): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(7113,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(7114,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-elevation-02'
(7115,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(7128,28): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(7130,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(7131,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(7135,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7139,21): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(7145,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(7154,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-010'
(7163,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-button-primary'
(7164,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(7170,21): run-time error CSS1039: Token not allowed after unary operator: '-text-body-disabled'
(7194,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(7198,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7206,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(7213,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(7226,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7231,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(7235,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(7239,33): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(7264,18): run-time error CSS1039: Token not allowed after unary operator: '-slate-6'
(7272,18): run-time error CSS1039: Token not allowed after unary operator: '-colors-green-9'
(7276,18): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(7280,18): run-time error CSS1039: Token not allowed after unary operator: '-colors-orange-9'
(7284,18): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-9'
(7293,18): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(7306,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(7317,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7401,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(7405,32): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(7413,37): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(7421,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7448,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(7449,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-elevation-02'
(7450,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(7451,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7471,17): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(7500,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(7512,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7520,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(7529,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(7856,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(7857,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-020'
(7861,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(7891,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-010'
(7902,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(7913,43): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(7919,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(8708,42): run-time error CSS1046: Expect comma, found '0'
(8708,46): run-time error CSS1046: Expect comma, found '/'
(8709,34): run-time error CSS1046: Expect comma, found '0'
(8709,38): run-time error CSS1046: Expect comma, found '/'
(10411,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10487,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10497,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10746,345): run-time error CSS1030: Expected identifier, found '.'
(10746,358): run-time error CSS1031: Expected selector, found ')'
(10746,358): run-time error CSS1025: Expected comma or open brace, found ')'
(10758,48): run-time error CSS1030: Expected identifier, found '.'
(10758,61): run-time error CSS1031: Expected selector, found ')'
(10758,61): run-time error CSS1025: Expected comma or open brace, found ')'
(10764,55): run-time error CSS1030: Expected identifier, found '.'
(10764,78): run-time error CSS1031: Expected selector, found ')'
(10764,78): run-time error CSS1025: Expected comma or open brace, found ')'
(11948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11949,10): run-time error CSS1035: Expected colon, found '{'
(11986,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11987,8): run-time error CSS1035: Expected colon, found '{'
(12010,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12011,10): run-time error CSS1035: Expected colon, found '{'
(12174,29): run-time error CSS1030: Expected identifier, found '#login-content'
(12174,43): run-time error CSS1031: Expected selector, found ')'
(12174,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12231,15): run-time error CSS1030: Expected identifier, found '#login-content'
(12231,29): run-time error CSS1031: Expected selector, found ')'
(12231,29): run-time error CSS1025: Expected comma or open brace, found ')'
(12254,19): run-time error CSS1030: Expected identifier, found '#login-content'
(12254,33): run-time error CSS1031: Expected selector, found ')'
(12254,33): run-time error CSS1025: Expected comma or open brace, found ')'
(12298,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(13155,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13169,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18618,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(19016,26): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(19044,36): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(19064,36): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(19102,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(19873,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(19874,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(20690,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20691,8): run-time error CSS1035: Expected colon, found '{'
(20696,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20853,19): run-time error CSS1046: Expect comma, found '85'
(20853,24): run-time error CSS1046: Expect comma, found ')'
(21193,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21254,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21616,11): run-time error CSS1030: Expected identifier, found '.'
(21616,22): run-time error CSS1031: Expected selector, found ')'
(21616,22): run-time error CSS1025: Expected comma or open brace, found ')'
(21685,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21784,11): run-time error CSS1030: Expected identifier, found '.'
(21784,22): run-time error CSS1031: Expected selector, found ')'
(21784,22): run-time error CSS1025: Expected comma or open brace, found ')'
(21865,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22234,11): run-time error CSS1030: Expected identifier, found '.'
(22234,27): run-time error CSS1031: Expected selector, found ')'
(22234,27): run-time error CSS1025: Expected comma or open brace, found ')'
(22419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22425,22): run-time error CSS1039: Token not allowed after unary operator: '-player-color-background'
(22460,29): run-time error CSS1039: Token not allowed after unary operator: '-player-color-text'
(22487,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22496,29): run-time error CSS1039: Token not allowed after unary operator: '-player-percent-played'
(22498,34): run-time error CSS1039: Token not allowed after unary operator: '-player-color-featured'
(22499,30): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22500,42): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22520,38): run-time error CSS1039: Token not allowed after unary operator: '-player-color-featured'
(22524,43): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22535,38): run-time error CSS1039: Token not allowed after unary operator: '-player-color-featured'
(22539,43): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22548,38): run-time error CSS1039: Token not allowed after unary operator: '-player-color-featured'
(22552,43): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22562,34): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22563,46): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22572,34): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22573,46): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22582,34): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22583,46): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(22598,31): run-time error CSS1039: Token not allowed after unary operator: '-player-current-time'
(22607,35): run-time error CSS1039: Token not allowed after unary operator: '-player-current-date-time'
(22613,33): run-time error CSS1039: Token not allowed after unary operator: '-player-color-featured'
(23148,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(24382,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24411,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(24452,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(24456,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(24460,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(24466,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(24470,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(24639,28): run-time error CSS1039: Token not allowed after unary operator: '-border-030a'
(24640,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-020'
(24652,39): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(24653,26): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-020'
(24681,32): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(24684,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(24713,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(24714,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-020'
(24777,32): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(24784,36): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(24785,30): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(24814,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(24837,21): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(24852,22): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(24870,32): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(24876,36): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(24877,30): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(25463,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(25473,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(25849,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(25869,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(25908,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-hover'
(25920,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-active'
(25936,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-010'
(26454,26): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(26594,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(26937,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(27140,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-090'
(27152,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27162,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-error'
(27180,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27197,31): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-030a'
(27198,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27243,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(27249,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(27260,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(27271,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-enabled'
(27272,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(27283,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-hover'
(27306,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27316,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27325,17): run-time error CSS1039: Token not allowed after unary operator: '-Link-light-enabled'
(27353,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27358,35): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(27359,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27360,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(27370,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27382,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27394,17): run-time error CSS1039: Token not allowed after unary operator: '-Link-light-enabled'
(27429,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-000'
(27430,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27446,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27465,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27473,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27483,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27516,17): run-time error CSS1039: Token not allowed after unary operator: '-On-primary'
(27523,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-On-primary'
(27528,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-hover'
(27529,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(27584,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-020'
(27594,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27605,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27626,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-000'
(27627,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(27651,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-020'
(27766,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-010'
(27791,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-enabled'
(27792,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(27803,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-hover'
(27819,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(27850,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(27891,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(27897,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(27905,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(27926,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-On-primary'
(27927,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-enabled'
(27933,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(27962,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(27985,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Inverse-disabled'
(27986,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-disabled'
(28044,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(28055,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(28073,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(28078,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(28112,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(28232,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(28233,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-background-surface-light-005'
(28234,17): run-time error CSS1039: Token not allowed after unary operator: '-Icon-primary'
(28266,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(28275,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(28327,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28378,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28379,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-white'
(28380,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(28384,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-7'
(28385,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-blue'
(28386,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-blue'
(28394,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(28407,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(28430,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(28441,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-blue'
(28445,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-red'
(28485,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(28547,5): run-time error CSS1019: Unexpected token, found '}'
(28558,34): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28571,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(28652,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28664,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-010'
(28699,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(28715,22): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28741,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-On-primary'
(28750,22): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-enabled'
(28766,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(28768,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(28780,16): run-time error CSS1039: Token not allowed after unary operator: '-Icon-inverse'
(28799,35): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28807,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(28858,35): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28862,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(28873,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(28874,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(28885,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-010'
(29051,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(29076,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-error'
(29086,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-error'
(29209,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(29255,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(29256,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(29261,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(29262,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(29283,22): run-time error CSS1039: Token not allowed after unary operator: '-down-gradient'
(29320,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(29511,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-2'
(29512,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(29528,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-2'
(29529,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(29541,17): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(29553,32): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(29555,17): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(29723,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-on-primary'
(29757,17): run-time error CSS1039: Token not allowed after unary operator: '-Link-Light-alternate-Enabled'
(29776,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-030a'
(29777,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-000'
(29779,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(29920,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(29946,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(29947,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(29960,28): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(29961,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(29962,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(29974,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(29976,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(30003,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(30014,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30051,32): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(30059,24): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(30060,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(30079,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(30081,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-2'
(30086,17): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(30090,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(30099,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(30122,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30185,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30190,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30200,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30227,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30240,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30254,22): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-light-005'
(30337,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30341,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(30346,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30350,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(30459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30475,24): run-time error CSS1039: Token not allowed after unary operator: '-border-inverse'
(30477,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30510,28): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(30558,28): run-time error CSS1039: Token not allowed after unary operator: '-slate-7'
(30568,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30572,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(30576,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(30585,28): run-time error CSS1039: Token not allowed after unary operator: '-slate-6'
(30590,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-9'
(30595,28): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(30602,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30606,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(30607,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30611,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(30612,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(30632,28): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(30634,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30657,28): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(30677,28): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(30709,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(30771,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30795,32): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(30807,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(30834,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30839,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(30845,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(30847,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-2'
(30848,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30857,28): run-time error CSS1039: Token not allowed after unary operator: '-slate-7'
(30859,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30860,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30863,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(30879,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(30887,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30890,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(30943,35): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(30947,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30951,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(30969,32): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(30982,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(30987,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(30994,28): run-time error CSS1039: Token not allowed after unary operator: '-Grays-Slate-7'
(31000,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(31042,30): run-time error CSS1039: Token not allowed after unary operator: '-Surface-background-xsurface-light-020'
(31046,25): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(31095,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(31101,22): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(31106,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(31184,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31189,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(31199,28): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(31216,22): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(31220,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31225,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(31246,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31254,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(31259,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(31263,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31268,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(31293,24): run-time error CSS1039: Token not allowed after unary operator: '-Border-error'
(31314,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31319,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-error'
(31323,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31328,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(31490,1): run-time error CSS1019: Unexpected token, found '}'
(31553,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(31574,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(31583,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(31597,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31601,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(31610,28): run-time error CSS1039: Token not allowed after unary operator: '-slate-6'
(31617,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31626,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31630,17): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(31635,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(31674,32): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(31678,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31682,17): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(31729,17): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-error'
(31807,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31808,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-010'
(31833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31890,17): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(31894,21): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate-2'
(31935,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31936,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(31940,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31975,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(31979,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-button-primary'
(31980,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(31985,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(31989,28): run-time error CSS1039: Token not allowed after unary operator: '-border-global-primary'
(31991,17): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(31996,17): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(32025,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32071,28): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32079,18): run-time error CSS1039: Token not allowed after unary operator: '-est-list-body-height'
(32085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32133,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32137,17): run-time error CSS1039: Token not allowed after unary operator: '-green-10'
(32162,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(32186,29): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32232,28): run-time error CSS1039: Token not allowed after unary operator: '-red-9'
(32271,35): run-time error CSS1039: Token not allowed after unary operator: '-red-9'
(32275,36): run-time error CSS1039: Token not allowed after unary operator: '-red-9'
(32279,35): run-time error CSS1039: Token not allowed after unary operator: '-red-9'
(32283,36): run-time error CSS1039: Token not allowed after unary operator: '-red-9'
(32287,37): run-time error CSS1039: Token not allowed after unary operator: '-red-9'
(32300,22): run-time error CSS1039: Token not allowed after unary operator: '-est-list-body-height'
(32320,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32338,17): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32386,35): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32387,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32391,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32404,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32431,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(32455,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32471,28): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32473,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32486,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32494,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32508,28): run-time error CSS1039: Token not allowed after unary operator: '-slate-8'
(32512,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32522,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-3'
(32525,17): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(32528,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,92): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,139): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,191): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,217): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,271): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,302): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,331): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,357): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,383): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,409): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,435): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,493): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,524): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,579): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,632): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,668): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,698): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,744): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,773): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,791): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,809): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,826): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,847): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,894): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,915): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,940): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,965): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1017): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1043): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1086): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1191): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1237): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1284): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1309): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1335): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1383): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1465): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1516): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1535): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1630): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,1786): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,2054): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-green'
(32528,2095): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-green'
(32528,2160): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(32528,2205): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-grey'
(32528,2245): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(32528,2316): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(32528,2361): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-white'
(32528,2399): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(32528,2498): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(32528,2543): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-white'
(32528,2581): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-primary'
(32528,2655): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-7'
(32528,2697): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-4'
(32528,2734): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(32528,2815): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-020a'
(32528,2860): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-grey'
(32528,2900): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-alternate'
(32528,2962): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-red'
(32528,3001): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-red'
(32528,3058): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-blue'
(32528,3098): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-blue'
(32528,3157): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-black'
(32528,3198): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(32528,3270): run-time error CSS1039: Token not allowed after unary operator: '-Colors-Red-8'
(32528,3309): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-red'
(32528,3348): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-red'
(32528,3422): run-time error CSS1039: Token not allowed after unary operator: '-Colors-Red-8'
(32528,3461): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Chips-yellow'
(32528,3503): run-time error CSS1039: Token not allowed after unary operator: '-Text-Chips-yellow'
(32528,3610): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-7'
(32528,3652): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-4'
(32528,3689): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(32528,4022): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,4104): run-time error CSS1039: Token not allowed after unary operator: '-colors-grass-7'
(32528,4145): run-time error CSS1039: Token not allowed after unary operator: '-colors-grass-3'
(32528,4181): run-time error CSS1039: Token not allowed after unary operator: '-text-chips-green'
(32528,4245): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-7'
(32528,4287): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-3'
(32528,4324): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(32528,4388): run-time error CSS1039: Token not allowed after unary operator: '-colors-orange-7'
(32528,4430): run-time error CSS1039: Token not allowed after unary operator: '-colors-orange-3'
(32528,4467): run-time error CSS1039: Token not allowed after unary operator: '-colors-orange-11'
(32528,4537): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-7'
(32528,4576): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-3'
(32528,4610): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-11'
(32528,4681): run-time error CSS1039: Token not allowed after unary operator: '-gray-inverse-11'
(32528,4723): run-time error CSS1039: Token not allowed after unary operator: '-gray-inverse-8'
(32528,4759): run-time error CSS1039: Token not allowed after unary operator: '-slate-inverse-12'
(32528,5012): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-hover'
(32528,5142): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(32528,5320): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(32528,5423): run-time error CSS1039: Token not allowed after unary operator: '-Border-border-010a'
(32528,5657): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,5821): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,5882): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,6197): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,6317): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,6378): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,6474): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,6549): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(32528,6589): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,6746): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,6861): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,6922): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,6997): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,7061): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,7236): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,7487): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,7702): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,7821): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,8039): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,8084): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,8223): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,8284): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,8338): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,8368): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,8557): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,8602): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,8787): run-time error CSS1039: Token not allowed after unary operator: '-radio-border'
(32528,8844): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,8921): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,9098): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,9600): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-disabled'
(32528,9670): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-disabled'
(32528,9930): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Primary-hover'
(32528,10264): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-error'
(32528,10298): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(32528,10565): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Inverse-hover'
(32528,11562): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Background-surface-dark-020'
(32528,11699): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Inverse-DEP_hover'
(32528,11810): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Inverse-DEP_pressed'
(32528,11908): run-time error CSS1039: Token not allowed after unary operator: '-Icon-inverse'
(32528,11975): run-time error CSS1039: Token not allowed after unary operator: '-Text-Body-inverse'
(32528,12296): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,12611): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,12650): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,12803): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,12835): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,12948): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,12980): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,13096): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,13128): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,13270): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,13302): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,13759): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate-2'
(32528,13795): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,13935): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,13967): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,14157): run-time error CSS1039: Token not allowed after unary operator: '-link-light-alternate'
(32528,14197): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,14368): run-time error CSS1039: Token not allowed after unary operator: '-link-light-alternate'
(32528,14562): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,14594): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,14696): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,15150): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,15199): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,15299): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,15494): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,15572): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,15795): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,15834): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,16047): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(32528,16087): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,16274): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate-2'
(32528,16396): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate-2'
(32528,16476): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,16512): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,16646): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,16679): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(32528,16713): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,16811): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,17059): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,17114): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,17276): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,17359): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,17447): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(32528,17725): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,17758): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(32528,17792): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,18005): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,18111): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,18184): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,18283): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,18718): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,18767): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,19052): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,19220): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,19300): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,19378): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,19605): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,19900): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,19978): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(32528,20051): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,20150): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,20278): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,20401): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav'
(32528,20582): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,20660): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav'
(32528,20782): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav'
(32528,20875): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav-active'
(32528,21057): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav-active'
(32528,21102): run-time error CSS1039: Token not allowed after unary operator: '-slate-fill'
(32528,21195): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav-active'
(32528,21419): run-time error CSS1039: Token not allowed after unary operator: '-slate-fill'
(32528,21609): run-time error CSS1039: Token not allowed after unary operator: '-green-check'
(32528,21820): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-8'
(32528,21878): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-2'
(32528,21913): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,21996): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,22143): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,22336): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,22373): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,22471): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,22623): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(32528,22655): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(32528,22737): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,22997): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,23075): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,23226): run-time error CSS1039: Token not allowed after unary operator: '-slate-7'
(32528,23314): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav'
(32528,23375): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,23458): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-error'
(32528,23759): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,23812): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,23919): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,23997): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,24096): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,24211): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,24289): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,24391): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,24474): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,24575): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,24653): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,24718): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,24800): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav'
(32528,25037): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,25120): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,25391): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,25447): run-time error CSS1039: Token not allowed after unary operator: '-slate-8'
(32528,25479): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,25510): run-time error CSS1039: Token not allowed after unary operator: '-text-quicknav'
(32528,25818): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,25849): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,25959): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,26076): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,26107): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,26190): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,26444): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,26627): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,26689): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,26772): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,26871): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,26988): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,27241): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,27295): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,27534): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,27750): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,27780): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,27811): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,27960): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,27991): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,28315): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate-2'
(32528,28444): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,28552): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,28820): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,29025): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,29471): run-time error CSS1039: Token not allowed after unary operator: '-slate-7'
(32528,29521): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,29558): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,29656): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,29726): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,29782): run-time error CSS1039: Token not allowed after unary operator: '-slate-6'
(32528,29874): run-time error CSS1039: Token not allowed after unary operator: '-gray-9'
(32528,29918): run-time error CSS1039: Token not allowed after unary operator: '-vv-textarea-height'
(32528,30270): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,30332): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,30446): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbound'
(32528,30520): run-time error CSS1039: Token not allowed after unary operator: '-chat-outbound'
(32528,30603): run-time error CSS1039: Token not allowed after unary operator: '-slate-7'
(32528,30648): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,30710): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,30879): run-time error CSS1039: Token not allowed after unary operator: '-slate-7'
(32528,30930): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,31069): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,31147): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(32528,31213): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,31291): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,31685): run-time error CSS1039: Token not allowed after unary operator: '-border-090'
(32528,31738): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,31869): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,32028): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(32528,32071): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(32528,32262): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(32528,32474): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,33849): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,35990): run-time error CSS1019: Unexpected token, found '@keyframes'
(32528,36017): run-time error CSS1035: Expected colon, found '{'
(32528,38788): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,41602): run-time error CSS1039: Token not allowed after unary operator: '-slate-6'
(32528,41793): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,41896): run-time error CSS1039: Token not allowed after unary operator: '-slate-1'
(32528,41925): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(32528,42156): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,42220): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,42371): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,42469): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,42529): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate'
(32528,43004): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,43198): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,43450): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,43571): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,43920): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,44066): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,44132): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,45237): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,45345): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,45511): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(32528,45770): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,45959): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,46434): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,46777): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(32528,46886): run-time error CSS1039: Token not allowed after unary operator: '-colors-green-9'
(32528,46967): run-time error CSS1039: Token not allowed after unary operator: '-bright-amber-alpha-9'
(32528,47066): run-time error CSS1039: Token not allowed after unary operator: '-colors-orange-9'
(32528,47154): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-9'
(32528,47323): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(32528,47401): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,47499): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,47593): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,47675): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,47922): run-time error CSS1039: Token not allowed after unary operator: '-border-030a'
(32528,47976): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,48013): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,48111): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,48224): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,48374): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,48411): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,48509): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,48669): run-time error CSS1039: Token not allowed after unary operator: '-slate-8'
(32528,48721): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,48758): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,48856): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,48936): run-time error CSS1039: Token not allowed after unary operator: '-blue-7'
(32528,48967): run-time error CSS1039: Token not allowed after unary operator: '-blue-3'
(32528,48987): run-time error CSS1039: Token not allowed after unary operator: '-blue-11'
(32528,49042): run-time error CSS1039: Token not allowed after unary operator: '-gray-inverse-11'
(32528,49082): run-time error CSS1039: Token not allowed after unary operator: '-gray-inverse-8'
(32528,49110): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(32528,49238): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,49274): run-time error CSS1039: Token not allowed after unary operator: '-shadow-elevation-02'
(32528,49442): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,49540): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,49707): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,49793): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(32528,49918): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,50110): run-time error CSS1039: Token not allowed after unary operator: '-text-global-primary'
(32528,50328): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,50468): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,50504): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,50541): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,50847): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,51063): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,51161): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,51249): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,51621): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,51720): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,51802): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,51942): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,51996): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,52071): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,52333): run-time error CSS1039: Token not allowed after unary operator: '-surface-media-dark'
(32528,52371): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,52469): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(32528,52880): run-time error CSS1019: Unexpected token, found '@keyframes'
(32528,52913): run-time error CSS1035: Expected colon, found '{'
(32528,52975): run-time error CSS1019: Unexpected token, found '@keyframes'
(32528,52999): run-time error CSS1035: Expected colon, found '{'
(32528,53541): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,55969): run-time error CSS1039: Token not allowed after unary operator: '-blue-7'
(32528,56000): run-time error CSS1039: Token not allowed after unary operator: '-blue-3'
(32528,56020): run-time error CSS1039: Token not allowed after unary operator: '-blue-11'
(32528,56075): run-time error CSS1039: Token not allowed after unary operator: '-colors-grass-7'
(32528,56114): run-time error CSS1039: Token not allowed after unary operator: '-colors-grass-3'
(32528,56142): run-time error CSS1039: Token not allowed after unary operator: '-text-chips-green'
(32528,56227): run-time error CSS1039: Token not allowed after unary operator: '-vv-table-min-width'
(32528,56285): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(32528,56324): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,56360): run-time error CSS1039: Token not allowed after unary operator: '-shadow-table-010'
(32528,56396): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,56549): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,56568): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,56604): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,56623): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,56727): run-time error CSS1039: Token not allowed after unary operator: '-vv-th-height'
(32528,56928): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(32528,57029): run-time error CSS1039: Token not allowed after unary operator: '-vv-th-height'
(32528,57083): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32528,57234): run-time error CSS1039: Token not allowed after unary operator: '-vv-col-min'
(32528,57259): run-time error CSS1039: Token not allowed after unary operator: '-vv-th-height'
(32528,57315): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,57358): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,57394): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,57431): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,57530): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,57978): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,58058): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(32528,58147): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,59035): run-time error CSS1039: Token not allowed after unary operator: '-vv-col-min'
(32528,59098): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,59134): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,59171): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,59270): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,59412): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,59445): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,59688): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(32528,59964): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,60038): run-time error CSS1039: Token not allowed after unary operator: '-text-alternate-2'
(32528,60251): run-time error CSS1039: Token not allowed after unary operator: '-slate-8'
(32528,60303): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,60432): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-7'
(32528,60472): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-3'
(32528,60501): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(32528,60572): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,60696): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,60898): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,60929): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,61028): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,61350): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,61405): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,61441): run-time error CSS1039: Token not allowed after unary operator: '-shadow-elevation-01'
(32528,61538): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,61633): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,61720): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,61819): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,61962): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,62028): run-time error CSS1039: Token not allowed after unary operator: '-surface-global-error'
(32528,62062): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-inverse'
(32528,62128): run-time error CSS1039: Token not allowed after unary operator: '-State-layer-Inverse-hover'
(32528,62230): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-7'
(32528,62267): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-3'
(32528,62293): run-time error CSS1039: Token not allowed after unary operator: '-colors-red-11'
(32528,62363): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-7'
(32528,62403): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-3'
(32528,62432): run-time error CSS1039: Token not allowed after unary operator: '-bright-yellow-11'
(32528,62502): run-time error CSS1039: Token not allowed after unary operator: '-colors-grass-7'
(32528,62541): run-time error CSS1039: Token not allowed after unary operator: '-colors-grass-3'
(32528,62794): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,63689): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,63799): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(32528,63918): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,64193): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,64319): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,64417): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,64507): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,64546): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,64613): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,64684): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,64849): run-time error CSS1039: Token not allowed after unary operator: '-text-chips-green'
(32528,65002): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-010'
(32528,65038): run-time error CSS1039: Token not allowed after unary operator: '-shadow-elevation-02'
(32528,65077): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,65222): run-time error CSS1039: Token not allowed after unary operator: '-border-020a'
(32528,65278): run-time error CSS1039: Token not allowed after unary operator: '-surface-light-000'
(32528,65315): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(32528,65377): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,65443): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(32528,65687): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(32528,65766): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-hover'
(32528,65851): run-time error CSS1039: Token not allowed after unary operator: '-border-010a'
(32528,65949): run-time error CSS1039: Token not allowed after unary operator: '-text-chips-green'
(32528,66122): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,66209): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(32528,66267): run-time error CSS1039: Token not allowed after unary operator: '-border-global-primary'
(32528,66313): run-time error CSS1039: Token not allowed after unary operator: '-state-layer-primary-active'
(32528,66501): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(33002,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(33003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33013,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(33014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33019,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(33020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33025,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(33026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33940,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(33941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33951,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(33952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33957,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(33958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(33963,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(33964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(35940,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35941,10): run-time error CSS1035: Expected colon, found '{'
(35954,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35955,10): run-time error CSS1035: Expected colon, found '{'
(36103,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36111,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40586,1639): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40586,1666): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40586,1787): run-time error CSS1019: Unexpected token, found '@keyframes'
(40586,1806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden;
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%;
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%;
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: none;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
    opacity: 0.6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    border: none;
    background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

/*Transition rules*/
.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
    padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: none;
    color: white;
    padding: 10px;
    min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0px;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
    margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px;line-height:1.5 \0}input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px;line-height:1.33 \0}_:-ms-fullscreen,:root input[type=date],_:-ms-fullscreen,:root input[type=time],_:-ms-fullscreen,:root input[type=datetime-local],_:-ms-fullscreen,:root input[type=month]{line-height:1.42857143}_:-ms-fullscreen.input-sm,:root input[type=date].input-sm,_:-ms-fullscreen.input-sm,:root input[type=time].input-sm,_:-ms-fullscreen.input-sm,:root input[type=datetime-local].input-sm,_:-ms-fullscreen.input-sm,:root input[type=month].input-sm{line-height:1.5}_:-ms-fullscreen.input-lg,:root input[type=date].input-lg,_:-ms-fullscreen.input-lg,:root input[type=time].input-lg,_:-ms-fullscreen.input-lg,:root input[type=datetime-local].input-lg,_:-ms-fullscreen.input-lg,:root input[type=month].input-lg{line-height:1.33}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm,.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}.input-lg,.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#428bca;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

/********BEGIN*********/

/**, *::after, *::before {
    box-sizing: border-box;
}*/


:root {
    --green-color: #8BC53F;
    --xipster-theme-color: #4838E4;
    --border-030a: #90918D;
    --surface-light-020: #F2F2F2;
    --border-010a: #C8CCC3;
    --border-020a: #ACACAC;
    --ad-title-size: 32px;
    --login-right-title-size: 32px;
    --ad-sub-size: 18px;
    --surface-light-010: #F7F7F7;
    --surface-light-000: #FFFFFF;
    --surface-light-020: #EDEDED;
    --text-primary: #4C4E49;
    --text-secondary: #6A6A6A;
    --link-color: #0F62FE;
    --font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --radius-md: 16px;
    --radius-lg: 24px;
    --text-primary-light: #1D2B1C;
    --text-alternate: #666;
}

body:has(> chatAppBody) {
    padding-top: 60px !important;
}

body {
    overflow: hidden;
    /* IE scrollbars */
    scrollbar-base-color: #858683; /*#96C856;*/
    scrollbar-3dlight-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-track-color: #ddd;
    scrollbar-arrow-color: #858683; /*#96C856;*/
    scrollbar-shadow-color: #ddd;
    scrollbar-dark-shadow-color: #000;
}

    body.mainBody {
        padding-top: 50px;
    }

a {
    color: #1285c5;
}

    a:hover {
        color: #58595b
    }

/* Fonts */
@font-face {
    font-family: HelveticaNeueLight;
    src: url('../fonts/HelveticaNeueLTStd-Lt.otf') format("opentype"), url('../fonts/HelveticaNeueLTStd-Lt.woff') format("woff"); /* IE compatibility */
}

@font-face {
    font-family: HelveticaNeueBold;
    font-weight: bold;
    src: url('../fonts/HelveticaNeueLTStd-Bd.otf') format("opentype"), url('../fonts/HelveticaNeueLTStd-Bd.woff') format("woff"); /* IE compatibility */
}

.helv-light {
    font-family: "HelveticaNeueLight", Helvetica, Arial, sans-serif !important;
}

.helv-bold {
    font-family: "HelveticaNeueBold", Helvetica, Arial, sans-serif !important;
}

.bold {
    font-weight: bold;
}

/* Scrollable pages */

#customers-page {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}

#transactions-page {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
    padding: 0 40px 20px 40px;
}

.ViewEstimateButtonMobileWrapper {
    background-color: black;
    padding-bottom: 20px;
}

.add-dealer-content {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}

.scrollable-page {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}

.no-display {
    display: none !important;
}

#chatAppBody {
    height: 100%;
}

#loginForgotPasswordLink {
    margin-top: 20px;
}

/*
#chatAppBody > .container-fluid.body-content {
    font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}*/

/* NAVBAR & LOGO */

.body-content {
    padding-top: 0;
}

.navbar-right {
    font-family: "HelveticaNeueLight", Helvetica, Arial, sans-serif;
    display: flex;
    padding-right: 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.resizePic {
    background: url('venuevision_logo_footer.png') no-repeat center; /* no-repeat left center and url(venuevision_logo2.png) */
    background-size: contain; /* cover */
    height: 40px; /* 50px */
    align-content: center;
    width: 150px;
    top: 8px; /* 12% */
    left: 180px; /* no value before */
    position: absolute; /* relative */
    display: inline-block;
    float: left;
    /*
    background-position: center !important;
    background-position: 50% 50% !important;
    */
}

.bg-light {
    background-color: lightblue;
    border: dashed 2px;
    cursor: pointer;
    padding: 20px;
}

.bg-gray-100 {
    background-color: #e8f4ff;
    cursor: pointer;
    padding: 20px;
    border: dashed 1px;
}

#nav-main-title {
    display: inline-block;
    float: left;
    height: 50px; /* no value before */
}

.mobile-title {
    font-family: HelveticaNeueLight;
    color: #fff;
}

.autoTextNavbar {
    font-size: 30px;
    font-family: HelveticaNeueBold;
    right: 10%;
    display: inline-block;
    float: left;
    color: #fff !important;
}

    .autoTextNavbar:hover {
        color: #000 !important;
    }

.autoTextNavbar-span {
    font-family: HelveticaNeueLight;
}

input[type='checkbox'] {
    accent-color: #8BC53F;
    transform: scale(1.3);
}

.navLogo {
    color: #fff;
    display: block;
    padding-top: 15px;
    font-family: HelveticaNeueLight;
    display: inline-block;
    position: absolute; /*position: relative;*/
    left: 160px; /*right: 5px;*/
    top: 5px;
    float: left;
}

.vvTextColor {
    color: #8BC53F;
}
/* Emoji select on customer FeedBack page */
.emojies {
    width: 40px;
    cursor: pointer
}

.EmojiSelected {
    width: 47px !important;
}

.feedbackHeader {
    color: #1285c5;
    font-weight: bold;
}

.btnGray {
    background: #464444;
    color: white;
}

    .btnGray:hover {
        color: white;
    }
/* overriding bootstrap modal class below to prevent issue where opening modal within a modal and closing the second modal, scrolling becomes disabled on initial modal; should work for all cases */
.modal {
    overflow-y: auto !important;
}

#layoutUserAlertBox {
    position: absolute;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-top: 10px;
    /* right: 20px; */
    /* top: 0; */
    background-color: #8BC53F;
    border-radius: 8px;
    box-shadow: 2px 3px #b7b7b7;
    z-index: 5000;
    letter-spacing: 0.5px;
    width: 220px;
    min-height: 150px;
    left: 50%;
    transform: translateX(-50%);
}

#layoutUserAlertBoxCloseBtn {
    cursor: pointer;
    border: 1px solid white;
    padding: 0 30px;
    border-radius: 5px;
    opacity: 0.5;
}

#layoutUserAlertMsgHeader {
    font-weight: bold;
    font-size: 12px;
}

#layoutUserAlertMsgBody {
    text-align: center;
}

.userAlertTypeIcon {
    width: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.stats {
    margin: 15px;
    border: 1px solid lightgrey;
    height: 100%;
}

    .stats:last-child {
        margin-right: 0;
    }

    .stats:first-child {
        margin-left: 0;
    }

    .stats h3 {
        border-bottom: 4px solid #8BC53F;
        padding-bottom: 10px;
        margin: 15px;
    }

    .stats h4 {
        text-align: center;
        font-weight: bold;
        font-size: 40px
    }

    .stats p {
        text-align: center;
    }
/*
.poweredBy {
    background: url('http://www3.venuevision.com/wp-content/uploads/2015/09/venuevision_logo_220px-1-e1457996977387.png') no-repeat center left;
    background-size: cover;
    height: 50px;
    width: 200px;

    position: relative;
    top: 10px;
    left: 37%; 
}
.poweredByText {
    position: relative;
    top: 10px;
    left: 37%;
    font-size: 12px;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif;
}
*/
/*             Themes            */
/*
.red-theme .navbar-default {
    background-color: #db1111;
    border-color: #7f1010;
    max-width: 100vw;
}

.red-theme .navbar-default {
    background-color: #db1111;
    border-color: #7f1010;
    max-width: 100vw;
}

.red-theme .navbar-default {
    background-color: #db1111;
    border-color: #7f1010;
    max-width: 100vw;
}

.red-theme .navbar-default {
    background-color: #db1111;
    border-color: #7f1010;
    max-width: 100vw;
}
*/
/* Usage Records */
.hide-records {
    display: none;
}

.display-none {
    display: none;
}

#usageRecordsTable > tbody > tr > td {
    text-align: center;
}

#usageRecordsTable_info {
    margin-right: 30px;
}

#usageRecordsTable_wrapper > .dt-buttons > .dt-button {
    margin-right: 10px;
}

#deleteAllMediaButton, #deleteSingleMediaButton {
    margin-bottom: 20px;
}

/* Users Page */

.users-page {
    margin: 20px;
}

/* Autocomplete Address sugesstion box */
div.pac-container {
    z-index: 99999999999 !important;
}

#users-page {
    padding: 20px 20px 20px 20px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.users-page-overwrite {
    margin: 0 !important;
}

.registerBtn {
    background-color: #858683; /*#8BC53F;*/
    border-color: #858683; /*#327634;*/
}
/*
    .registerBtn:hover, .registerBtn:focus {
        background-color: #DB0D25; 
        border-color: #858683; 
    }
*/

.addDealerBtn {
    background-color: #858683; /*#8BC53F;*/
    border-color: #858683; /*#327634;*/
}
/*
    .addDealerBtn:hover, .addDealerBtn:focus {
        background-color: #DB0D25;
        border-color: #858683;
    }
*/

.usersPageModalsCol {
    flex: 1;
}

.usersPageModalsRightCol {
    margin-left: 40px;
}

    .usersPageModalsRightCol .form-group {
        margin-bottom: -6px;
    }

    .usersPageModalsRightCol legend {
        font-size: 14px;
        font-weight: bold;
        border-bottom: none;
        margin-bottom: 0;
    }

.jconfirm-title-c {
    text-align: center !important;
}

.jconfirm-buttons button {
    padding: 3px 10px !important;
}

.loadingEditUserData {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

/* Edit Profile */
.edit-content {
    /* some css rules for edit profile page content */
}

.saveChangesBtn {
    background-color: #858683;
}

/*
    .saveChangesBtn:hover, .saveChangesBtn:focus {
        background-color: #DB0D25;
    }
*/

/* Manage Account */

.manage-index-container {
    margin-right: 100px;
}

#manage-powered-text {
    left: 88%;
}

#manage-powered-img {
    left: 88%;
}

.manageViewsDropdown {
    left: 50%;
    transform: translateX(-50%);
}

.manageViewsDropdownItem {
    display: flex !important;
    align-items: center;
}

#manageDropdownNavBtn .manageViewsDropdown {
    width: 130px;
}

.manageViewsDropdown .fa-square {
    margin-right: 10px;
    color: #8BC53F;
    font-size: 0.7em;
}

.twilioNumberDropdown > a {
    padding: 5px !important;
    text-align: left;
    cursor: pointer;
}

.manageAccountDropdown {
    width: 170px;
}

.manageHelpDropdown {
    width: 120px;
}

/*.manageAccountDropdown a {
        float:left;
    }*/

.manageAccountDropdownItem {
    display: flex !important;
    align-items: center;
}


.manageHelpDropdown > a {
    padding: 6px !important;
}

.manageAccountDropdown > a {
    padding: 6px !important;
}

.manageViewsDropdown > a {
    padding: 6px !important;
}

.dropdown-small > a {
    padding: 10px 15px !important;
}

/* Add Dealer */
.dealerViewBagMessage {
    position: relative;
    right: -200px;
}

.businessHoursContainer {
    border: 1px solid #96C856;
    padding: 20px;
}

.hoursKey {
    width: 421px;
}

.businessHoursHeader {
    text-align: left;
    font-weight: bold;
    /*margin-top:6px;*/
    /*
    width: 200px;
    position: absolute;
    left: 620px;
    top: 110px;*/
}

.settingBusinessHoursHeader {
    text-align: left;
    font-weight: bold;
}

.hoursKeyList {
    list-style-type: disc;
    margin-left: -15px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
}

.dealerFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 960px;
    margin: auto;
}

.dealerFlexContainer-main {
    border: 1px solid grey;
}


.dealerFlexRow {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.dealerFlexRowMain {
    border: 1px solid gray;
    padding: 20px;
    position: relative;
    margin-bottom: 100px;
}

.dealerFlexFirstColumn {
    /*padding-bottom: 20px;
    margin-right: 100px;*/
}

.dealerFlexSecondColumn {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    /*margin: 0 20px;*/
    margin-top: -3px;
    max-width: 465px;
}

    .dealerFlexSecondColumn .form-group {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .dealerFlexFirstColumn .form-group, .dealerFlexSecondColumn .form-group {
        width: 350px;
    }

    .dealerFlexSecondColumn .form-group.dealer-automated-messages {
        width: 100%;
    }

    .dealerFlexSecondColumn .vvGreenHr {
        margin-top: 15px;
        margin-bottom: 15px;
    }

#saveChangesEditDealerContainer {
    /*margin-bottom: 30px;*/
    /*display: flex;
    align-items: center;
    justify-content: space-around;*/
}

.dealerFlexHeader {
    margin-left: 25px;
    margin-right: 65px;
}

#dealerFlexSecondColumnBottom {
    padding-left: 70px;
}

#addDealerSolutionsHeader {
    font-weight: bold;
    margin-top: 20px;
}

#addDealerSolutionsChecksContainer {
    margin-bottom: 0;
}

    #addDealerSolutionsChecksContainer .control-label {
        padding-top: 0;
    }

    #addDealerSolutionsChecksContainer .form-group {
        margin-bottom: 0;
    }

label[for=ShuttleTrackerGroup] {
    font-weight: normal;
}

#MaxDailyMarketingMessagesContainer, #mobileCashierNotificationEmailsContainer, #appointmentsNotificationEmailsContainer {
    margin-left: 35px !important;
    margin-top: -10px;
}

    #MaxDailyMarketingMessagesContainer label, #mobileCashierNotificationEmailsContainer label, #appointmentsNotificationEmailsContainer label {
        font-weight: normal !important;
    }

#dealerEstimateFollowupSettingsContainer .form-group {
    margin-bottom: 10px;
}

#shuttleTrackerGroupContainer, #valetPickupTimeContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

#valetPickupTimeContainer {
    display: flex;
}

    #valetPickupTimeContainer > div {
        flex: 1;
    }

        #valetPickupTimeContainer > div:first-child {
            margin-right: 5px;
        }

.form-group.closed-message {
    margin: 0 auto 20px auto;
    padding: 0;
}

#dealerAutomatedMessagesTableContainer {
    width: 500px; /*420px*/
    padding-top: 20px;
}

#dealerAutomatedMessagesTable {
    width: 100%;
    max-width: 500px;
}

#dealerAppraisalNotificationEmailsContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: 484px;
}

    #dealerAppraisalNotificationEmailsContainer label {
        font-weight: normal !important;
    }

#uploadDealerLogoPlaceholder {
    display: none;
    background-color: lightgrey;
    width: 360px;
    border: 1px solid #58595b;
    height: 250px;
    justify-content: center;
    align-items: center;
}

.DealerLogo-container #fileUploadButtonCampaign {
    background-color: #9a9a9a;
}

#addDealerButtonSubmitContainer {
    /*margin-left: 20px;*/
}

.messageDay > div {
    display: inline-block;
    margin-top: 5px
}

    .messageDay > div:first-child {
        width: 80px;
    }

.greenCheckBoxLabel {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.greenCheckBox {
    position: relative;
    width: 21px; /*25px*/
    height: 21px;
    float: left;
    /* top: 0; */
    /* left: 0; */
    background: #ffffff;
    border: 1px solid #96C856;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.greenCheckBoxHiddenCheck {
    display: none;
}

.greenCheckBox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 5px; /*7px*/
    border: 3px solid #ffffff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.greenCheckBox:hover::after {
    opacity: 0.5;
}

.greenCheckBoxHiddenCheck:checked ~ label > .greenCheckBox:after {
    opacity: 1;
}

.greenCheckBoxHiddenCheck:checked ~ label > .greenCheckBox {
    background-color: #96C856;
}

/* Slider switch */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    float: right;
    top: 5px;
}

.switchLeft {
    top: 10px;
    left: 10px;
    float: none;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        /*position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;*/
    }

.form-group.subCheck {
    margin-right: auto;
}

input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: #96C856;
}

input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px #96C856;
}

    input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
    input[type="checkbox"]:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Error Page */

#error-page-container {
    margin-top: 30px;
    margin-left: 50px;
}

/* Advisors Chat */

#internalChatButton {
    background-color: grey;
    color: white;
    padding: 5px 10px 5px 10px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 500;
    width: 50px;
    height: 42px;
    font-size: 1.5em;
    padding-top: 10px;
}

.internalUser {
    padding: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    /*margin-bottom: 10px;*/
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;*/
}

    /*.internalUser:first-child {
    margin-top: 25px;
}*/

    .internalUser:last-child {
        margin-bottom: 0 !important;
    }

    .internalUser:hover {
        background-color: #f1f1f1;
    }

.collapsible {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    padding-left: 5px;
}

.internalUserChatCollapsedContent {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.collapsibleHeader {
    font-weight: bold;
    margin-left: 5px;
}

.collapsible .fa-caret-right {
    display: inline-block;
}

.collapsible .fa-caret-down {
    display: none;
}

.collapsible.active .fa-caret-right {
    display: none;
}

.collapsible.active .fa-caret-down {
    display: inline-block;
}

.selectedGroupChatHeader .fa-user-friends {
    color: white;
}

.collapsible * {
    pointer-events: none;
}

.readReceipt {
    color: #8BC53F;
}

.internalGroupChatListItem {
    display: flex;
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
    transition: all .3s ease;
}

.slide-fade-leave-active {
    transition: all .3s ease-out /*cubic-bezier(1.0, 0.5, 0.8, 1.0);*/
}

.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateY(-10px);
    opacity: 0;
}

.internalUsersList {
    /*padding-bottom:5px;*/
    padding: 0 15px 5px;
}

    .internalUsersList .fa-square {
        margin-right: 10px;
        color: #8BC53F;
        font-size: 0.7em;
        margin-top: 2px;
    }

.internalGroupChatListItem .fa-square {
    margin-right: 8px;
    margin-top: 2px;
}

#closeInternalUsersChatBtn {
    position: absolute;
    right: 6px;
    top: 2px;
}

    #closeInternalUsersChatBtn:hover {
        cursor: pointer;
    }

#internalUsersView {
    display: none;
    background-color: #fff;
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 2px;
    box-shadow: grey 0 0 20px;
    position: absolute;
    z-index: 500;
    width: 360px;
    max-width: 360px;
    top: 25px;
}

#createGroupChatUsersView {
    display: flex;
    flex-direction: column;
    max-height: 40vh;
}

/*#internal-chat-section {
    position: absolute;
    right: 50%;
    transform: translateX(-50%);
}*/
#internalConvosView {
    display: none;
    /*height: 100px;
    overflow-y: auto;*/
    background-color: #eeeeee;
    box-shadow: grey 0px 0px 20px;
    z-index: 500;
    top: 25px;
    /*width: 300px;*/
    position: absolute;
    height: 300px;
    /*min-width: 330px !important;*/
    width: 360px; /*!important;*/
}

#internalGroupConvosView {
    /*height: 100px;
    overflow-y: auto;*/
    background-color: #eeeeee;
    box-shadow: grey 0px 0px 20px;
    z-index: 500;
    /*top: 52px;
    left: 10px;*/
    position: absolute;
    height: 350px;
    width: 360px; /*!important;*/
    top: 25px;
}

#closeInternalConvo {
    position: absolute;
    right: 8px;
    color: white;
    top: 8px;
    cursor: pointer;
}

#internalChatTextbox, #internalGroupChatTextbox {
    /*position: absolute;
    bottom: 40px;
    left: 18px;*/
    display: inline;
}

#showAutomatedCheckbox-container, #showKeywordRepliesCheckbox-container {
    margin: auto;
}

#loadPreviousChatMessages {
    height: 20px;
    margin-top: .5em;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

#internalChatTextbox-container {
    position: absolute;
    bottom: 35px; /* 0 */
    left: 10px;
    right: 150px;
    margin: 10px 0;
    display: flex;
    width: 94%;
}

#internalChatBtnsContainer {
    position: absolute;
    bottom: -5px;
    left: 155px;
}

#internalConvoHeader {
    padding: 5px;
    color: #ffffff;
    background-color: grey;
    cursor: move;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

#chatMessagesContainer {
    /*margin-top: 10px;
    padding-left: 5px;
    height: 300px;
    overflow-y: auto;
    margin-bottom: 50px;
    */
    margin-top: 10px;
    padding-left: 5px;
    overflow: auto;
    margin-bottom: 85px;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 20px;
}

#groupChatMessagesContainer {
    /*margin-top: 10px;
    padding-left: 5px;
    height: 300px;
    overflow-y: auto;
    margin-bottom: 50px;
    */
    margin-top: 20px;
    padding-left: 5px;
    overflow: auto;
    margin-bottom: 85px;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 20px;
}

.internalGroupChatName {
    display: flex;
    align-items: center;
}

.internalGroupChatNameInner {
    overflow: hidden;
    max-width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chatMessage {
    clear: both;
    position: relative;
}

.innerChatMessage.receivedChat {
    float: right;
    margin: 7px 5px 7px 0px;
    background: #E4E4E4;
    border-radius: 8px 0px 8px 8px;
    padding: 4px;
}

.innerChatMessage.sentChat {
    float: left;
    margin: 6px 0px 6px 5px;
    background: #ffffff;
    border-radius: 8px 8px 8px 0px;
    padding: 4px;
}

.createEditGroupChatTeamNameContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px 10px 15px;
}

.createEditGroupChatTeamNameInput {
    width: 200px;
    font-weight: normal;
}

@media (max-width: 768px) {
    #internal-chat-section {
        right: 0 !important;
    }

    #internalUsersView, #internalConvosView, #internalGroupConvosView {
        position: fixed;
        top: 70px;
        left: 50%;
        transform: translateX(-50%);
    }

        #internalConvosView.ui-draggable-dragging, #internalGroupConvosView.ui-draggable-dragging {
            transform: initial !important;
        }

    .closeGroupUsersChatBtn {
        right: 14px;
        top: 2px;
    }

    #closeInternalUsersChatBtn {
        right: 14px;
        top: 2px;
    }
}

.viewCampaignsButton {
    /*text-align: right;*/
}

    .viewCampaignsButton > a {
        float: right;
    }

.selectedGroupChatHeader {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 320px;
    display: flex;
    align-items: center;
}

.selectedGroupChatHeaderInnerName {
    margin-left: 10px;
}

.checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 6px !important;
    margin-left: 10px !important;
}

    .checkbox-round:checked {
        background-color: gray;
    }

#closeCurrentGroupChatMembers {
    position: absolute;
    right: 5px;
    top: 2px;
}

#groupChatMembersBox {
    background-color: #fff;
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 2px;
    box-shadow: grey 0 0 20px;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 500;
    width: 100%;
    color: black !important;
    text-align: center;
}

    #groupChatMembersBox .internalUser:hover {
        background-color: #fff !important;
    }

    #groupChatMembersBox .internalUser {
        padding-top: 0;
        padding-bottom: 0;
    }

#viewGroupChatMembersHeading {
    padding-top: 5px;
    font-weight: bold;
}

#addEditGroupChatMembersBtn {
    margin: 5px 0;
}

#editGroupChatUsersView {
    background-color: #fff;
    max-height: 40vh;
    border-radius: 2px;
    box-shadow: grey 0 0 20px;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 600;
    width: 100%;
    color: black !important;
    display: flex;
    flex-direction: column;
}

#editGroupChatUsersList, #createGroupChatUsersList {
    flex: 1;
    overflow: auto;
}

    #editGroupChatUsersList .fa-square {
        margin-right: 5px;
        color: #8BC53F;
        font-size: 0.7em;
    }

    #groupChatMembersBox .internalUser, #editGroupChatUsersList > .internalUser {
        margin-top: 0 !important;
    }

.internalChatUsersViewBtnsHeaderContainer {
    display: flex;
    justify-content: space-between;
    margin: 10px 25px 0 15px;
    align-items: center;
}

.closeGroupUsersChatBtn {
    position: absolute;
    right: 6px;
    top: 2px;
}


    .closeGroupUsersChatBtn:hover {
        cursor: pointer;
    }

.addedRemovedParticipantsMsg {
    display: flex;
    font-size: 11px;
    font-weight: bold;
    clear: both;
    position: relative;
    margin-left: 10px;
}

/*
.chatMessage.receivedChat {
    margin-right: 10px;
    float: right;
    background: #E4E4E4;
    border-radius: 8px 0px 8px 8px;
}

.chatMessage.sentChat {
    margin-left: 5px;
    background: #ffffff;
    border-radius: 8px 0px 8px 8px;
    padding: 4px;
    float: left;
}*/

.redDot {
    background-color: red;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 2px;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.internalUsersList .redDot {
    margin-bottom: 8px;
    float: none;
    margin-top: 8px;
    margin-left: -13px;
    margin-right: 8px;
}

.internalUsersList .collapsibleHeader .redDot {
    margin-left: -13px;
    margin-right: 3px;
    margin-bottom: 2px;
}

.sendChatMessage {
    position: absolute;
    right: 104px; /*100*/
    bottom: 0;
    margin: 10px 0;
    padding: 10px 10px;
}

.fa-arrow-circle-o-right {
    margin-top: 2px;
}

/*
.groupDealersInternalChatDropdownContent, .groupDealersInternalChatInnerDropdownContent {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.groupDealersInternalChatDropdown {
    margin-left: 5px;
    position: relative;
    display: inline-block !important;
}

.groupDealersInternalChatInnerDropdown {
    position: relative;
    display: inline-block !important;
}

.groupDealersInternalChatDropdown:hover .groupDealersInternalChatDropdownContent, .groupDealersInternalChatInnerDropdown:hover .groupDealersInternalChatInnerDropdownContent {
    display: block;
}*/

#viewGroupChatMembersList {
    padding: 0 15px;
}

#addEditGroupChatMembersBtnContainer {
    text-align: right;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Templates Page */
.templates-page {
    margin: 20px;
}

#templates-page {
    padding: 20px 40px 40px 40px;
}

.templatesPage-title {
    float: left;
    margin: 0 !important;
    padding-right: 20px;
}


.addTemplateBtn {
    margin-left: 20px;
    background-color: #858683;
    border-color: #858683;
}

.templates-key-header {
    position: absolute;
    top: -70px;
}

.templates-key-content {
    /*margin-left: 5%;*/
}

.templatesTable .userItem td:first-child {
    text-align: left;
}

.viewTemplatesButton {
    float: right;
}

/*
.language-selection-links {
    color: blue !important;
    text-decoration: underline;
    font-family: HelveticaNeueBold;
}

.language-selection-links:hover {
    color: black;
}
*/
#customerSearch {
    font-size: 13px;
}


#customerSearch {
    font-size: 13px;
}

.dropdown {
    /*display: inline-block !important;*/
}

li.dropdown {
    display: inline-block;
}

li a, span .dropbtn {
    display: inline-block;
    /*color: white;*/
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown-content a {
    color: black;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
    /*text-align: left;*/
}

    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }

.languageDropdown a:hover {
    background-color: #fff;
}

.dropdownDealer {
    width: auto !important;
    left: auto !important;
    transform: translateX(50%) !important;
    padding: 10px;
}

.dropdown-content-links {
    color: black;
    font-size: 1.5em;
}

    .dropdown-content-links:hover {
        color: grey;
        text-decoration: none;
    }

.dropdown-content {
    text-align: center;
    display: none !important;
    position: absolute !important;
    background-color: #fff;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 5px;
    max-height: 90vh;
    overflow-y: auto;
}

.languageDropdown {
    min-width: 135px;
    left: 50%;
    transform: translateX(-50%);
}

.dropdown:hover .dropdown-content {
    display: block !important;
}

.notificationContent {
    position: fixed; 
    border-radius: 4px; 
    display: none; 
    border: 1px solid azure; 
    z-index: 2; 
    right: 45px;
}

ul#notification_content {
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
}

    ul#notification_content li {
        margin: 3px;
        padding: 6px;
        background: #ff0000;
    }

span.notiification {
    color: #2A3F54;
    margin: 15px;
    font-size: 18px;
    cursor: pointer;
}

#bell-img {
    height: 24px;
    margin-right: -5px;
    vertical-align: text-bottom;
}

span.notifCircle {
    position: absolute;
    left: 26px;
    width: 20px;
    height: 20px;
    background-color: rgb(150, 202, 79);
    border-radius: 95%;
    z-index: 0;
    top: 15px;
}

 .num {
    position: absolute;
    right: 10px;
    top: 5px;
    left: 6px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#NotificationsDropdownNavBtn.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Higher than content behind */
}

.notification-item {
    /*display: flex;*/
    margin: 10px;
    margin-bottom: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    border-bottom: solid 1.5px #e7e7e7;
}

.notification-item-item {
    display: flex;
    justify-content: space-between;
}

.notification-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    padding-bottom: 5px;
}

.notification-top-arrow {
    width: 400px;
    right: -370px;
    border-radius: 8px;
    padding-top: 5px;
    cursor: default;
    overflow-y: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.mainContentNotify {
    /*    font-size: 13px;
    font-family: sans-serif;
    font-weight: bold;
    color: rgb(140 133 133);*/
    font-size: 11px;
    font-family: sans-serif;
    font-weight: bold;
    color: rgb(0 0 0);
}

.modal-body-content {
    padding: 10px 5px 0 15px;
}

.scrollbar-content {
    max-height: 400px;
    overflow-y: auto;
}

.square-box {
    width: 16px;
    height: 16px;
    position: relative;
    background-color: lightgrey;
    border-radius: 2px;
}

.x-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.notification-tile {
    width: 35px;
    height: 35px;
    background-color: #8BC53F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.align-left-day {
    text-align: left;
}

.label-check-read {
    /*font-size: 14px;*/
    /*font-family: Verdana, Geneva, sans-serif;*/
    padding-left: 10px;
    vertical-align: middle;
    color: black;
}

.keep-header-static {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff;
    border-bottom: solid 1px rgb(226 225 225 / 20%);
    height: 90px;
}



.keep-body-scrollable {
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box;
}

.keep-footer-static {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff;
    padding: 10px;
    border-top: solid 1px rgb(226 225 225 / 20%);
}

.notif-title {
    font-size: 15px;
    font-family: sans-serif;
    padding: 10px;
    border-bottom: 2px solid #96ca4f;
    text-align: center;
    width:170px;
    height:40px;
}

.check-to-read {
    cursor: pointer;
    transform: scale(1.2);
    vertical-align: middle;
}

.mark-all-read {
    padding: 18px;
    padding-bottom: 5px;
    text-align: left;
    color: #000000;
    /*font-family: sans-serif;*/
}

.mark-all-delete {
    /*bottom: 55px;
    color: #000000;*/
    /* font-family: sans-serif; */
    /*float: right;
    margin-right: 66px;
    margin-top: -29px;*/
    padding: 18px;
    margin-right: 66px;
}


.mark-all-read-label {
    cursor: pointer;
    vertical-align: middle
}

.initials {
    font-size: 13px;
    color: white;
    font-weight: bold;
}

.notification-description {
    flex: 1;
    text-align: left;
    padding-bottom: 10px;
}

.notification-description .vv-badge.parts-return {
    margin-top: 5px;
}

.notifyDescTimeBtn {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    text-align: justify;
    padding-bottom: 5px;
}

.notification-timestamp {
    display: flex;
    align-items: center;
}

.notifyTimestamp {
    flex: 1;
    font-size: 12px;
    color: #888;
    text-align: left;
}

#notifyTimeBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.dismiss-button {
    font-size: 12px;
    background-color: #eee;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    width: 80px;
    font-weight: bold;
}

    .dismiss-button:hover {
        background-color: #ccc;
        color: #fff;
    }

.centered-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.blue-text {
    color: blue !important;
    text-align: center;
}

#trialDaysLeft {
    position: fixed;
    left: 40%;
    top: 30%;
    font-size: 30px;
    z-index: 1;
}

.language-icons {
    /*position: absolute;
    left: 5%;
    top: 24%;*/
    transform: scale(0.6);
    transition: 1s ease;
}

    .language-icons:hover {
        transform: scale(1.05);
        transition: .5s ease;
        color: none;
    }

.language-icons-links {
    display: initial !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.address-book-resize {
    font-size: 4em !important;
    padding-top: 5px !important;
}

.remove-attachment-button {
    padding: 4px !important;
    margin-top: 5px;
}

.central-align {
    text-align: center;
    vertical-align: middle !important;
}

.templateBodyColumn {
    max-width: 300px;
    word-break: break-word;
    vertical-align: middle !important;
}

#templateNameHeader {
    width: 12%;
}

#templateNameBody {
    width: 40%;
}

#templateActionsHeader {
    width: 8%;
}


.capitalizeFirstChar {
    text-transform: capitalize;
}

#button-container > div {
    float: left;
    margin: 0 10px 10px 0;
}

#customers-page #button-container > div {
    margin: 0;
}

.template-main {
    border: 1px solid gray;
    padding: 20px !important;
}
/* AddGroup and EditGroup pages */

.dealer {
    font-weight: bold;
    margin-bottom: 7px;
}

#Dealers {
    margin-bottom: 7px;
}

.remove-item {
    float: right;
    padding-top: 2px;
}

#AddDealerToGroupButton {
    margin-top: 7px;
}

.addGroup-main {
     max-width: 500px;
     margin: auto;
}


.addGroup-container {
     border: 1px solid gray;
     padding: 15px;
}

.addGroup-container .form-group {
    margin-left: 20px;
    margin-right: 20px;
}

.addOEGroup-main {
     max-width: 450px;
     margin: auto;
     padding: 25px;
}


.addOEGroup-container {
     border: 1px solid gray;
     max-width: 322px;
     padding: 15px;
}

.addOEGroup-container .form-group {
    width: 250px;
    margin-left: 20px;
}


.addOEGroup-saveBtn, addGroup-sabeBtn {
    float: right;
}

/* Customers Page */

#button-container {
    display: none;
}

#addedCustomers {
    /* border: 1px solid green;*/
    padding: 10px;
    /*background-color: rgba(120,255,0,0.4);*/
    background-color: #8BC53F;
    /*border: 1px solid black;*/
    color: white;
}

#updatedCustomers {
    /* border: 1px solid green;*/
    padding: 10px;
    /*background-color: rgba(120,255,0,0.4);*/
    background-color: #8BC53F;
    /*border: 1px solid black;*/
    color: white;
}

#ignoredCustomers {
    border: 1px solid #988d09;
    padding: 10px;
    background-color: rgba(239, 255, 1, 0.4);
}

#importErrors {
    border: 1px solid #a00707;
    padding: 10px;
    background-color: rgba(255, 0, 0, 0.4);
}

#addNewCustomer {
    margin-left: 11px;
}

#import-customers-btn {
    margin-left: 10px;
    margin-right: 10px;
}

#customers-page .dropdown-item {
    text-align: left;
}

#customers-page, #blocked-customers-page {
    padding: 20px 40px 40px 40px;
}

#exportOptOutsFromDate, #exportOptOutsToDate {
    padding-top: 8px !important;
}

.marginBottomFive {
    margin-bottom: 5px;
}

#onlyOptOutsAfter {
    font-size: 11px;
}

/* Attachments */
.message-photo {
    padding: 5px;
}

.message-video {
    /* add rules for video attachments */
}

.bar {
    height: 100%;
    background-color: rgba(88, 194, 32, 0.4);
    border-radius: 4px;
    pointer-events: none;
}

.attachmentColor {
    color: white !important;
    background: grey !important;
}

#progressChat {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 40.66px;
    pointer-events: none;
}

#progressChat {
    top: 0px;
    left: 90px;
}

#progressChatInNotes {
    position: absolute;
    top: 39px;
    width: 40.66px;
    pointer-events: none;
}

.upload-progress {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 37px;
    pointer-events: none;
}

.transaction-upload {
    position: relative;
    display: inline-block;
}

#showAttachmentsButton {
    position: absolute;
    left: 51px;
    top: 39px;
    z-index: 499;
    padding-top: 10px;
    margin-right: 5px;
    font-size: 1.3em;
    width: auto;
}

#showAttachmentsButtonInternalChat {
    position: absolute;
    right: 5px;
    bottom: 0;
    margin: 10px 0;
    padding: 10px 10px;
    height: 35px;
}

.fileUploadInternalChatContainer {
    position: absolute;
    right: 55px;
    bottom: 0px;
    margin: 10px 0;
}

    .fileUploadInternalChatContainer > label {
        padding-top: 10px;
    }

#progressInternalChat {
    position: absolute;
    top: 0px;
    width: 40.66px;
    pointer-events: none;
}

#attachmentsArea-container {
    display: none;
    z-index: 1030;
    /*position: fixed;
    top: 88.2%;
    right: 30%;*/
}

#attachmentsArea-top {
    position: absolute;
    bottom: 34px;
    left: 47px;
    z-index: 1999;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

#attachmentsArea {
    position: absolute;
    bottom: 62px;
    left: 60px;
    width: 470px;
    max-height: 80vh;
    overflow: auto;
    /*overflow-y: scroll;*/
    transform: translateX(-50%);
    border: 2px solid #858683;
    background-color: #fff;
    /* float: right; */
    z-index: 1998;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    color: #000;
}

.attachments {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.6em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    float: left;
    line-height: 1.2em;
    padding: 17px;
    padding-bottom: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /* border-bottom: 1px solid #cacaca; */
}

#removeAttachmentButton {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2000;
    text-align: center;
    width: 20px;
    cursor: pointer;
    font-size: 15px;
}

#loanerAgreementTemplateEnPreview, #loanerAgreementTemplateFrPreview {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 11px;
}

#removeLoanerAgreementTemplateEn:hover, #removeLoanerAgreementTemplateFr:hover, #removeLoanerRecieptTemplateEn:hover, #removeLoanerRecieptTemplateFr:hover {
    cursor: pointer;
}

.edit-group-file-upload-header {
    display: flex;
    justify-content: space-between;
}

/* Preset messages */
#showPresetsButton {
    position: absolute;
    top: 39px;
    z-index: 499;
    padding-top: 12px;
    font-size: 1.1em;
    left: 4px;
    width: auto;
}

.presets {
    /* margin-top: 10px !important; */
    float: none !important;
    padding-bottom: 10px !important;
    color: #000 !important;
    background: #f2f2f3 !important;
    font-size: 12.75px !important;
    line-height: 1.3em;
    max-width: none !important;
    white-space: normal !important;
    text-align: left;
    margin-bottom: 15px !important;
}

#formattedPresets {
    border-bottom: 1px solid #cacaca;
}

    #formattedPresets:last-child {
        border-bottom: none;
    }

#presetsArea hr {
    margin: 0px !important;
}

.click-send {
    text-align: center;
    font-size: 16px !important;
    /*font-family: HelveticaNeueLight;*/
    padding: 5px;
}

.preset-title {
    text-align: center;
    padding-top: 0.5em;
    font-family: HelveticaNeueLight;
    font-size: 13px;
}

#presetsArea-top {
    position: absolute;
    bottom: 35px;
    left: 0px;
    z-index: 1999;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

audio {
    display: none;
}

#presetsArea {
    position: relative;
    bottom: 123px;
    left: 17px;
    width: 470px;
    max-height: 80vh;
    overflow: auto;
    /*overflow-y: scroll;*/
    transform: translateX(-50%);
    border: 2px solid #858683;
    background-color: #fff;
    /* float: right; */
    z-index: 1998;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 4px 4px 4px #888; /*4px 4px 4px #888;*/
    color: #000;
}

.presetsArea:last-child {
    margin-top: 0px !important;
}
/*****/

#advisorFilterContainer {
    position: absolute;
    width: 100%;
}

#filterByAdvisorButton {
    top: 13px;
    left: 8px;
    z-index: 100;
    height: 40px;
    width: 40px;
    padding: 11px 8px;
    margin-left: auto;
    padding-top: 20px;
}
}

    #filterByAdvisorButton:focus {
        outline: 0;
    }

#filterSettingsButton {
    position: fixed;
    top: 10%;
    left: 50%;
}

/** checkbox **/
#selectAdvisorsFilter-container input[type=checkbox] {
    display: none;
}

/* Manage (user profile) Index */
.manage-buttons > a {
    margin: 10px;
}
/*****/
.checkboxFive {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .checkboxFive label {
        cursor: pointer;
        position: relative;
        width: 25px;
        height: 21px;
        float: left;
        top: 0;
        left: 0;
        background: #eee;
        border: 1px solid #ddd;
        margin-top: 12px; /* 5px */
    }

.filterSubmit {
    bottom: 0px;
    position: absolute;
    text-align: right;
}

.advisorLabelSpan {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 75%;
    float: left;
    margin: 4px;
    margin-top: 15px; /* 8px */
    line-height: normal;
}

    .advisorLabelSpan.wrap {
        white-space: normal;
    }

.checkboxFive label:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 7px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.checkboxFive label:hover::after {
    opacity: 0.5;
}

.checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1;
}
/*****/
.fa-envelope {
    font-size: 1.2em !important;
    padding-top: 1px;
}

.fa-envelope-open {
    font-size: 1.2em !important;
}

/* Icon bounce */

.fa-bounce {
    /*display: inline-block;*/
    position: relative;
    -moz-animation: bounce 1s infinite linear;
    -o-animation: bounce 1s infinite linear;
    -webkit-animation: bounce 1s infinite linear;
    animation: bounce 0.5s infinite linear;
}

@-webkit-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -0.1em;
    }

    70% {
        bottom: -0.4em;
    }

    100% {
        bottom: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -0.1em;
    }

    70% {
        bottom: -0.4em;
    }

    100% {
        bottom: 0;
    }
}

@-o-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -0.1em;
    }

    70% {
        bottom: -0.4em;
    }

    100% {
        bottom: 0;
    }
}

@-ms-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -0.1em;
    }

    70% {
        bottom: -0.4em;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bounce {
    0% {
        top: 48.4em;
    }

    50% {
        top: 48.5em;
    }

    70% {
        top: 48.55em;
    }

    100% {
        top: 48.4em;
    }
}

/******************************/
/*          Navbar            */
/******************************/

.navbar-default {
    background-color: #858683;
    border-color: #ccc;
    max-width: 100vw;
}

    .navbar-default .navbar-brand {
        color: #fff;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #e8eac8;
        }

    .navbar-default .navbar-text {
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #fff;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #000;
        background-color: #327634;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #000;
        background-color: #327634;
    }

    .navbar-default .navbar-toggle {
        border-color: #327634;
    }
/*hamburger menu placement for mobile view */
.navbar-toggle {
    margin-right: 5px !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #327634;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

    .navbar-default .navbar-link:hover {
        color: #000;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #e8eac8;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #e8eac8;
        background-color: #327634;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    height: 100%;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/*Chat Styles*/
body, html {
    height: 100%; /* 100vh*/
    width: 100vw;
    position: fixed;
    margin: 0;
}

/* CHROME SCROLLBARS */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(133, 134, 131, 0.8); /*rgba(59,238,32,0.8);*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(133, 134, 131, 0.4); /*rgba(59,238,32,0.4);*/
    }

/* MAIN (CHAT PAGE) */

.tall {
    height: 100%;
    width: 100%;
    /*background: #f2f2f3;*/
    border: 1px solid #ccc;
    position: relative;
    float: left;
    /*padding: 0px;*/
    padding: 0 12px;
    top: 0%;
}

.col-md-3, .col-md-6 {
    padding: 0px;
    height: 100%;
}

#three-panels {
    height: 100%;
    position: relative;
    display: block;
}

#chatApp {
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
}

.timestamp {
    float: right;
    font-style: italic;
    font-size: 11px;
}

.timestamp-panel {
    font-style: italic;
    font-size: 11px;
}

.actual-timestamp {
    position: relative;
    float: right;
    bottom: 15px;
}

.header {
    position: absolute;
    height: 60px;
    top: 0px;
    left: 0px;
}

.centered {
    display: table;
    width: 100%;
    padding: 10px 20px !important;
}

.head {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    font-family: 'Titillium Web', sans-serif;
    position: relative;
    line-height: 40px;
    color: #595a5a;
    /* box design */
    margin: 10px auto;
    padding: 2px;
    /*background: #fff !important;*/
}

.frame-body {
    overflow: auto; /* can use overflow-y: auto also*/
    overflow-x: hidden;
    height: calc(100% - 154px);
    width: 100%;
    margin-top: 60px;
    /*border: 2px inset;*/
}

#chatPaneFrameBody {
    height: calc(100% - 240px);
    position: relative;
    margin-top: 70px; /* did not exist here before, was inheriting .frame-body's 60px */
}

#customerPane, #infoPane {
    background-color: #e2e2e2 !important;
}

#chatPane {
    background-color: #eee !important;
}

.chatPaneGreyHeader {
    background-color: #cdcbcb;
}

#captureMessagesButton {
    top: 15px;
    right: 55px;
    position: absolute;
    /*padding-top: 12px;*/
    height: 30px;
    width: 30px;
    padding: 8px 8px;
    border: none;
}

#aiSummary {
    top: 15px;
    right: 20px;
    position: absolute;
    /*padding-top: 12px;*/
    height: 30px;
    width: 30px;
    padding: 8px 8px;
    border: none;
}



#captureMessagesButton1 {
    top: 15px;
    right: 20px;
    position: absolute;
    /*padding-top: 12px;*/
    height: 30px;
    width: 30px;
    padding: 8px 8px;
    border: none;
}

#trialExpiredPage {
    text-align: center;
    padding-top: 50px;
}

.resendMsg {
    float: left;
    margin-left: 4px;
    margin-top: 3px;
    cursor: pointer;
}

.footer {
    bottom: 0px;
    left: 0px;
    position: absolute;
    height: 60px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*background: linear-gradient(#d1cfcf, #b1b6bf) !important; /*(#d1cfcf, #b1b6bf)*/
}

.input-boxes {
    height: 40px;
    width: 100%;
}

.notes {
    margin-bottom: 10px;
    position: relative;
}

.flex-dir {
    flex: 1;
    display: flex;
    flex-basis: 30%;
    flex-direction: column;
}

.internal-notes-footer {
    margin-top: 5px;
    display: flex;
    align-items: start;
}

.internal-notes-footer-text {
    flex: 1;
    padding: 10px;
    resize: vertical;
    border-radius: 4px;
    border: 1px solid var(--Border-border-030a, #90918D);
}

.internal-notes-footer-button {
    margin-left: 10px;
    padding: 8px 15px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.createEstimateButtonTV {
    margin-left: 10px;
    padding: 8px 15px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.internal-note-text {
    border-bottom: 1px solid #9c9494;
    padding: 10px 0;
    white-space: pre-line;
}

.internal-note-dyn-text {
    font-size: x-small;
    font-style: italic;
    padding-top: 5px;
}

.clear {
    clear: both;
}

.notes-editable {
    width: 90%;
    float: left;
}

.shuttleFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.note-display {
    position: relative;
    padding-bottom: 3px;
}

.delete-note {
    float: right;
}

    .delete-note:hover {
        cursor: pointer;
        cursor: hand;
    }

.manage-buttons {
    margin-left: auto !important;
}

.editable:focus {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    height: auto;
}

.notes-editable:focus {
    margin-bottom: 5px;
}

/* Customers Panel */

.resize-users-icon {
    font-size: 1.145em !important;
}

.convo-box {
    background-color: white;
    width: 90%;
    margin: 10px auto;
    box-shadow: 5px 5px 5px black;
    border-radius: 5px;
    padding: 12px;
    height: 82px;
    font-family: Verdana, Geneva, sans-serif;
    position: relative;
    color: black;
}

.customer-name-container {
    margin-right: 40px;
}

.customer-name {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    width: 100%;
}

.techVidIconSmall {
    height: 15px;
    width: 15px;
    margin-left: 5px;
}

.fullwidth {
    max-width: 100%;
}

.wide {
    width: 100%;
}

.custNameInside {
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
    text-wrap: wrap;
}

.phoneInside {
    /*float: right;*/
}

.searchConvoBoxContent {
    width: 145px;
}

.convo-box-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 25px; /* 20px */
    width: 55%; /* added */
}

.exclamation-inside {
    background-color: white;
    position: absolute;
    width: 8px;
    height: 18px;
    top: 12px;
    left: 18px;
    z-index: 399; /* 1029 */
}

.message-status {
    float: left;
    position: absolute;
    top: 15px;
    left: 8px;
}

    .message-status.status-icon {
        top: 6px;
    }

.infopane-split-row {
    display: flex;
}

    .infopane-split-row > div:first-child {
        flex: 1 45%;
        margin-right: 0;
    }

    .infopane-split-row > div:last-child {
        flex: 0 55%;
    }

    .infopane-split-row .materialBox-body {
        white-space: nowrap;
    }

.hide-overflow-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.techVideoNoteBody {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .techVideoNoteBody .note-photo {
        max-width: 150px;
        max-height: 100px;
        width: auto;
        height: auto;
        padding: 5px;
    }

.techVideoNoteBodyDetails {
    min-width: 50%;
    flex: 1 0 50%;
    white-space: pre-wrap;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 5px;
    position: relative;
}

.techVideoNoteDelete {
    cursor: pointer;
    color: rgba(0,0,0,0.2);
    position: absolute;
    bottom: 5px;
    right: 5px;
}

    .techVideoNoteDelete:hover {
        color: rgba(0,0,0,0.6);
    }

.collapsing .techVideoNoteDelete {
    visibility: hidden;
}

.materialBox {
    position: relative;
    background-color: white;
    padding: 5px;
    /*margin: 10px 10px 0px 10px;*/
    margin: 5px 10px 0px 10px;
    /*box-shadow: 0 0 20px #ccc;*/
}

.materialBox-head {
    font-weight: bold;
    white-space: nowrap;
}

    .materialBox-head > a {
        font-weight: normal;
        font-size: 12px;
    }

.materialBox-body {
    /*padding: 0 5px 0 5px;*/
}

.searchItem:nth-child(even) {
    background-color: #eee;
}

#noteBox-head {
    /*margin-bottom: 10px;*/
    display: flex;
    height: 20px;
    justify-content: space-between;
    padding-left: 0px;
    flex-wrap: wrap;
}

.notebox-materialBox {
    /*padding: 12px;*/
}

#carBox {
    font-size: 1.1em !important;
}

.custInfoContent {
    margin-left: 28px;
}

.shuttleCustStatusIcon {
    top: 30px;
    font-size: 1.1em !important;
    margin-left: 2px;
    color: #96C856;
}

.shuttle-date {
    width: 120px;
    margin-right: 30px;
}

/*enable stacking modals*/
.modal-backdrop {
    visibility: hidden !important;
}

.modal.in {
    background-color: rgba(0,0,0,0.5);
}

#appointmentTable, #favouritesTable {
    width: 100%;
}

    #appointmentTable h3, #favouritesTable h3 {
        padding-right: 15px;
    }

        #appointmentTable h3:last-child, #favouritesTable h3:last-child {
            padding-right: 0;
        }

.favouriteActions {
    width: 86px;
}

.favouriteName {
    width: 200px;
}

.favouriteAddress {
    width: 280px;
}

#todaysAppointmentsBtn {
    display: block;
    float: left;
}

.tableItem {
    height: 40px;
    border: 1px solid #888;
}

    .tableItem > td {
        padding: 5px;
    }

.addFavouriteCell {
    padding-top: 10px;
    text-align: center;
}

.favouritesPopup {
    position: absolute;
    left: 20px;
    top: 0px;
}

.tableItem:nth-child(even) {
    background-color: #ccc;
}

.centertext {
    width: 100%;
    text-align: center;
}

/**/
#selectAdvisorsFilter-container {
    z-index: 1998;
    display: none;
}

    #selectAdvisorsFilter-container hr {
        margin: 0 !important;
    }

#selectAdvisorsFilter {
    position: relative;
    float: left;
    overflow-x: hidden;
    padding-bottom: 15px;
}

#select-time-frame > .radio {
    padding-left: initial;
    margin-top: 12px;
}

.radio {
    line-height: 25px;
}

input[type="radio"] {
    margin-top: 7px;
}

.not-chat-commands .fa-lg {
    vertical-align: bottom !important;
}

#select-time-frame {
    float: left;
    width: 40%;
    position: relative;
    /*border-left: 1px solid #858683;*/
}

#selectAdvisorsFilter-top {
    position: absolute;
    top: 39px;
    right: -3px;
    z-index: 1999;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1) translateX(-50%);
    filter: FlipV;
    -ms-filter: "FlipV";
    display: none;
    transform: scaleY(1) translateX(-50%);
}

.timeFilterButtons {
    padding-bottom: 8px;
}

#selectAdvisorsArea {
     overflow-y: auto;
     overflow-x: hidden;
     background-color: #fff;
     z-index: 1998;
     color: #000;
     text-align: left;
     position:relative;
}

.selectionArea {
    padding-left: 20px;
}

/*
#showAutomatedCheckbox {
    display: initial !important;
    float: left;
    margin-left: 8px;
}*/

#showAutomatedLabel {
    padding-left: 5px;
    position: absolute;
    left: 25px;
}

.advisorName-container {
    color: black;
    z-index: 200; /* 499 // 1029 */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    /* max-width: 160px !important; */
    clear: both;
    display: inline-block;
    text-align: right;
    padding-right: 2px;
    font-style: italic;
    font-size: 11px;
    font-weight: normal;
    flex: 1 auto;
}

#advisorNameLabel {
    color: white;
}

.vehiclesLabel {
    margin-right: 8px;
}

.vehiclesContainer {
    position: absolute;
    /*top: 78%;*/
    /*left: 8%;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*max-width: 260px;*/
    width: 40%;
    font-style: normal;
    margin-top: 6px;
}

.searchResultsCustName {
    margin-left: 5px;
    display: flex;
    justify-content: space-between;
}

#nameFileConvoContent {
    margin-left: 3px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#searchResultsContainer .materialBox {
    margin: 10px;
    border-radius: 7px;
    position: relative;
    background-color: #eee;
    padding: 11px;
}

/* Failed message icon */

.redIcon {
    color: red;
}
/*
.fa-exclamation-triangle::before {
    background-color: white;
}*/

/**********************/

.hide-convo {
    position: absolute;
    cursor: pointer;
    right: 10px;
    /*z-index: 200;*/
    top: 8px;
}

.customer-options {
    position: absolute;
    cursor: pointer;
    right: 4px;
    /*z-index: 200;*/
    top: 4px;
}

    .customer-options > button {
        padding: 0px 5px !important;
        height: inherit !important;
    }

.star-convo {
    position: absolute;
    right: 28px;
    top: 10px;
    cursor: pointer;
    font-size: 1.1em !important;
}

.search-input {
    width: calc(100% - 92px);
    width: -webkit-calc(100% - 92px);
    width: -moz-calc(100% - 92px);
    float: left;
    display: table-cell;
    vertical-align: middle;
}

.search-headings {
    margin-bottom: 10px;
    color: var( --text-primary);
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-left: 10px;
}

.search-sub-headings {
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 14px;
}

#searchResultsContainer, #newTransactionSearchResultsContainer {
    overflow: auto;
    display: flex;
    justify-content: space-around;
    padding-top: 0px;
    padding-bottom: 0px;
}

#customerSearchResults {
    border-right: 1px solid black;
    padding-bottom: 20px;
    flex-grow: 1;
    flex-basis: 50%;
}

#customerSearchNoResultsContainer {
    padding: 20px;
    font-size: 24px;
}

#nameFileResults {
    padding-bottom: 20px;
    flex-grow: 1;
    flex-basis: 50%;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

/***************************/
.subCheckLabel {
    padding-left: 15px;
    padding-top: 7px;
    margin-bottom: 0;
    font-weight: initial;
}

#subscriptionsPageContainer {
    margin: 0 auto;
    width: 300px;
}

    #subscriptionsPageContainer .form-group {
        margin-bottom: 5px;
    }

    #subscriptionsPageContainer hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.flex-align-center {
    display: flex;
    align-items: center;
}

#optOutAll {
    vertical-align: text-bottom;
    margin-left: 15px;
}

.subHr {
    margin: initial;
}

#asapShuttleCheck-container, .homeAddressContainer {
    margin-left: 10px;
}

#asapShuttleCheck, #homeAddressPickup, #homeAddressDropoff {
    vertical-align: text-bottom;
}

#asapShuttleCheckLabel, .homeAddressLabel {
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: initial;
}

#submitSubContainer {
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}

#submitSubscriptions {
    margin-left: auto;
    margin-bottom: 15px;
}

#subBody {
    padding-top: 10px;
}

@media (max-width: 320px) {
    #subscriptionsPageContainer {
        width: 280px;
    }
}

@media (max-width: 415px) {
    .searchContainerTechVideo {
        margin-left: 0 !important;
        margin-top: 5px;
    }
}
/********* Manage Shuttles page ***************/
#myShuttleBody {
    padding-top: 0px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(221,221,221,1) 99%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 54%,rgba(221,221,221,1) 99%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 54%,rgba(221,221,221,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

    #myShuttleBody .scrollable-page {
        padding-bottom: 35px;
    }

.anonLangSelect {
    width: 100%;
    text-align: right;
    right: 15px;
    margin-bottom: 10px;
    /*bottom: 20px;
right: 30px;*/
}

#myShuttleBody .anonLangSelect {
    margin-bottom: 0px;
    padding: 5px 20px;
}

.anonLangSelectContainer .anonLangSelect {
    padding-right: 25px;
}

#noUpcomingShuttlesMsg {
    text-align: center;
}

    #noUpcomingShuttlesMsg p {
        max-width: 80%;
        margin: auto;
    }

#manageShuttlesTitleContainer {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#manageShuttlesPageContainer {
    margin: 0 auto;
    width: calc(100% - 60px);
    max-width: 600px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

#subBell, #manageShuttlesTitleIcon {
    padding: 5px;
}

#recordsListContainer {
    position: relative;
    margin-top: 20px;
}

.unconfirmednote {
    padding-left: 20px;
    color: red;
}

.picker-readonly {
    background-color: #fff !important;
    opacity: 1;
    cursor: default !important;
}

.hidecorner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.shuttle-time-field {
    min-width: 120px;
}

.recordsListItem {
    padding: 10px;
    margin-bottom: 10px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 2px;
    box-shadow: 0 2px 300px rgba(0,0,0,0.19), 0 2px 2px rgba(0,0,0,0.23);
    background-color: #fff;
}

.recordListItemEditIcon {
    position: absolute;
    right: 35px;
    padding: 2px 6px;
}

.recordListItemDeleteIcon {
    position: absolute;
    padding: 2px 6px;
    right: 5px;
}

.recordsListItemAddress {
    padding-bottom: 10px;
}

.recordsListItemHeading {
    font-size: 13px;
    font-weight: bold;
}
/*
.recordsListItemAddressBody {
    justify-content: space-around;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
}*/

.recordsListItemAddressEditingBtnGroup {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

#myShuttleScheduleShuttleBtn {
    margin-top: 10px;
}

#myShuttleAddNewShuttleBox {
    margin-top: 20px;
}

#addMyShuttleTime {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

.recordsListItem > div > input[disabled], .recordsListItemTimeEditingInput {
    margin-bottom: 5px;
}

#recordsListItemAsapCheck {
    vertical-align: top;
    margin-right: 5px !important;
}

.clickMenucustNameHr {
    margin: 0px !important;
    border-bottom: 1px solid lightgrey !important;
}
/*******************/
#subBellContainer {
    text-align: start;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#textMsgTypes {
    font-weight: bold;
}

#httpValidation {
    display: none;
}

.delerLogoSize {
    font-size: 18px;
}

#dealerLogoDiv {
    text-align: right;
    margin: auto;
    margin-bottom: 20px;
}

#dealerLogoImg {
    max-height: 80px;
    max-width: 80%;
}

#subscriptionsPageContainer #dealerLogoImg {
    max-height: 100px;
}

#optOutAllLabel {
    padding-left: 5px;
}

#dealerAutomatedEnabledTable {
    margin-left: 120px;
}

#dealerAutomatedEnabledTable {
    background-color: #fff794;
    border-radius: 10px;
}

.dealerAutomatedCell {
    /*padding: 15px;*/
}

.dealerAutomatedLabel {
    vertical-align: middle;
}

.manageSubscriptions {
    text-align: start !important;
}

.manageSubscriptionsLogo {
    text-align: center !important;
}

.dealerAutomatedCheckbox {
    width: auto !important;
}

#dealerAutomatedHeader, #dealerAutomatedEnabledHeader {
    /*text-align: center;*/
    font-size: 16px;
}

#dealerAutomatedEnabledHeader {
    padding-top: 10px;
}

#automatedEnabledContainer {
    margin-left: 20px;
}

#automatedEnabledHeader {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

#automatedEnabledBody {
    display: flex;
    flex-wrap: wrap;
}

.automatedEnabledItem {
    display: flex;
    flex-flow: column;
    align-items: center;
    /* margin-right: 30px; */
    width: 33%;
    text-align: center;
}

.lightGreenBackgroundColor {
    background-color: rgba(39, 255, 0, 0.1) !important;
}

    .lightGreenBackgroundColor td.sorting_1 {
        background-color: rgba(39, 255, 0, 0.1) !important;
    }

.lightRedBackgroundColor {
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.vvGreenColor, .appt-confirmed {
    color: #96C856 !important;
}

.vvGreenHr {
    border-top: 1px solid #96C856;
}

.greenColor {
    color: #04d404;
}

.redColor {
    color: red;
}

.reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active {
    text-decoration: none;
    color: inherit;
    outline: 0;
}

.automatedConsentBody {
    font-size: 12px;
}

#automatedConsentSectionHead {
    display: flex;
    justify-content: space-between;
}

.consent-indicator {
    line-height: 1em !important;
}

#phone-display {
    float: right;
}

#inner-phone-display {
    margin-left: auto;
    width: auto;
    font-weight: bold;
}

#licensePlate {
    width: 75%;
}

#roStatusTable {
    width: 100%;
}
/*
#currentDmsStatus, #currentDmsStatusHeader {
    width: 35%;
    text-align: center;
}

#currentDmsStatusHeader-container {
    text-align: center;
}*/

#customerNum {
    width: auto;
    min-width: 100px;
    height: 25px;
    /*text-align: right;*/
}

#customerEmail {
    /*float: right;
    text-align: right;*/
    width: auto;
    min-width: 100px;
    height: 25px;
}

    #customerNum:focus, #customerEmail:focus {
        width: 250px;
    }

.shuttleRadio {
    top: 2px;
    position: relative;
}

#statusNoteTextbox {
    width: 100%;
    height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    /* display: inline-block; */
}

#saveStatusNoteContainer {
    display: flex;
}
/*
#saveStatusNoteBtn {
    width: 150px;
    margin-right: 2px;
    height: 30px;
    margin-top: 5px;
    line-height: 1.2em;
    background-color: #dadada;
    color: black;
}

#saveStatusNoteBtn:hover {
    background-color: #bdbdbd;
}
*/

.shuttleBox {
    margin-left: 10px;
    min-width: 120px;
}

#checkedLink {
    float: right;
}

#automatedConsentExpand {
    color: black;
}

#checkedLinkBox {
    border: 1px solid black;
    padding: 3px 5px;
}

.homeButton {
    height: 20px;
    padding-top: 2px;
    margin-left: 10px;
}

.shuttleBoxInside {
    font-weight: initial;
    float: right;
    min-width: 120px;
    margin-left: 5px;
    margin-top: 1px;
}

.picker-switch .table-condensed tbody tr td a {
    color: #337ab7;
    width: 100%;
}

.glyphicon-chevron-up, .glyphicon-chevron-down {
    color: #337ab7;
}

#shuttleSavingChangesBtn {
    display: none;
}

#shuttleSaveChangesBtn {
    margin-right: 5px;
}

#viewShuttleScheduleLink {
    font-size: 12px;
    margin-left: 0px !important;
}

#shuttleSaveChangesBtnContainer, #loanerRentalSaveChangesBtnContainer {
    width: 100%;
    display: flex;
    justify-content: space-between; /*center*/
    align-items: center; /*added for shuttle schedule link*/
    flex-wrap: nowrap;
    margin-top: 5px; /*20px*/ /*10px*/
}

#shuttleRequiredSpan {
    align-items: center;
    display: flex;
    /*margin-left: 10px;*/
}
/*
#shuttleRecordsTitleSpan {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 10px;
}*/

.shuttleRadioLabel {
    margin-left: 10px;
}

#shuttleDropOffContainer {
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: 5px;
}

#shuttlePickupTimeContainer {
    margin-bottom: 5px;
    margin-right: 5px;
}

    #shuttlePickupTimeContainer > .shuttleBox {
        max-width: 160px;
    }

#dropOffAddressTextbox, #pickupAddressTextbox {
    height: 20px;
}

#pickupTimeTextbox {
    height: 20px;
}

#shuttlePickupAddressContainer {
    margin-bottom: 10px;
    margin-right: 5px;
}

#statusUpdatesDealerLabel {
    max-width: 250px;
}

#shuttleSchedulePage {
    overflow: hidden;
    height: 100%;
    padding: 10px 20px 20px 20px;
}

.overFlowAuto {
    overflow: auto;
}

#shuttleSchedulePage > #button-container > #buttons {
    margin-left: 20px;
}

#updateCustomerShuttleTime {
    margin-top: 5px;
}

#asapShuttleCheckSchedule {
    vertical-align: text-bottom;
}

.scheduleBtnSpacing {
    margin-left: 10px;
}

#completeCheck {
    vertical-align: text-top;
}

.arrow-right-shuttle {
    display: none;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #585858;
    position: absolute;
    left: 241px;
}

.arrow-top-shuttle {
    display: none;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 3px 3px 3px;
    border-color: transparent transparent #585858 transparent;
    position: absolute;
    right: 88px;
    top: 16px;
    transform: rotate(180deg);
}

#firstAddressGroup, #secondAddressGroup {
    margin-top: 15px;
    position: relative;
}

.first-btn-group > .btn {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

    .first-btn-group > .btn:first-child {
        margin-left: -1px;
    }

#addDriverInstructions, #updateDriverInstructions, #secondAddDriverInstructions, #generalAddShuttleDriverInstructions, #secondGeneralAddShuttleDriverInstructions, #addScheduleDriverInstructions, #secondScheduleAddShuttleDriverInstructions {
    resize: none;
}

/*#addShuttleRecordBtnContainer {
    position: absolute;
    right: 10px;
}*/

/*#addShuttleRecordBtn {
    margin-left: 5px;
    margin-top: 5px;
    font-size: 1.25em;
    position: absolute;
    right: 10px;
}*/

#addShuttleRecordBtn:hover {
    cursor: pointer;
}

#addAsapShuttle, #addCompleteCheck, #updateCompleteCheck, #updateAsapShuttle, #addScheduleCompleteCheck, #addScheduleAsapShuttle, #generalAddShuttleCompleteCheck, #generalAddShuttleAsap, #secondAsapShuttle, #secondGeneralAddShuttleAsap, #secondScheduleAddShuttleAsap {
    vertical-align: text-bottom;
}

.shuttleRecordListItem {
    padding: 5px;
    margin: 10px 10px 0px 10px;
    box-shadow: 0 0 5px #ccc;
}

.notesListItem {
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 10px 10px 0px 10px;
    box-shadow: 0 0 5px #ccc;
}

.note-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.note-attachment-wrapper {
    align-items: center;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .note-content, .note-attachment-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .delete-note {
        align-self: flex-end;
    }

    .timestamp {
        margin-top: 5px;
    }
}

.updateShuttleInfoButtonsContainer {
    display: inline;
    float: right;
}

.updateShuttleInfoModalBtn {
    padding-right: 10px;
    font-size: 1.2em;
}

.deleteShuttleRecordBtn {
    font-size: 1.2em;
}

.shuttleRecordTypeAddressContainer {
    display: flex;
    /* justify-content: space-between;*/
    padding-bottom: 5px;
}

.shuttleRecordTimeCompleteContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shuttleAddressToolTip {
    display: none;
    color: #fff;
    background-color: rgb(88, 88, 88);
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: 60px;
}


.shuttleContainer {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 5px;
}

/*#appointmentsModal {
    z-index: 3005 !important;
}*/

#clickMenu, #appointmentMenu {
    width: 250px;
    background-color: #eee;
    border: 2px double #ccc;
    display: none;
    position: fixed;
    padding: 10px;
    z-index: 5000;
}

    #appointmentMenu > div {
        padding: 10px;
    }

        #appointmentMenu > div:hover {
            background-color: #f1f1f1;
        }

.fg-sm {
    /*width: 94%;*/
    /*margin: auto;*/
    margin-bottom: 15px;
    /*padding-left:20px;*/
}

.topspace {
    margin-top: 5px;
}

.shuttleDetails {
    /*width: 580px;
    display: block;
    float: left;*/
    display: flex;
    justify-content: space-between;
}
/*
    .shuttleDetails > div {
        float: left;
        width: 145px;
        padding: 0px 5px;
    }*/

.shuttle-options {
    /*
    left: 50%;
    transform: translateX(-50%);*/
    align-self: center;
}

    .shuttle-options > button {
        font-size: 10px !important;
    }

.printScheduleNoteRow {
    width: 100%;
}

.printModalCheckbox {
    margin-right: 10px;
}

.printScheduleNoteCell {
    float: left !important;
    padding: 20px;
}


.notify-dropoff {
    float: left;
    margin-bottom: auto;
    margin-top: 5px;
}

.or-label {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 0px 10px;
}

.printOptionSeparator {
    position: relative;
}

#selectAllCheckLabel {
    margin-bottom: auto;
    vertical-align: bottom;
    margin-right: 5px;
    float: none;
}

#generalAddShuttleBody, #addShuttleScheduleBody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#addShuttleScheduleRecordModalInside {
    width: 600px;
}

#updateShuttleRecordModalInside {
    width: 360px;
    max-width: 95%
}

#generalAddShuttleRecordFirstContainer, #generalAddShuttleRecordSecondContainer, #addShuttleScheduleRecordFirstContainer, #addShuttleScheduleRecordSecondContainer {
    width: 25%;
    min-width: 250px;
}

.shuttleCompleteInactive {
    background-color: #ececec;
    color: #b9b9b9;
}

.textAlignCenter {
    text-align: center;
}

.shuttleCustWithoutMsgs {
    top: 27px !important;
}

.shuttleCustWithoutMsgsBox {
    padding-bottom: 20px;
}

.shuttlesCompleteIcon {
    color: grey;
}

.actionsColumn {
    min-width: 135px;
    vertical-align: middle !important;
    width: 200px;
}

.manageCampaign-actionColumn {
    min-width: 225px;
    vertical-align: middle !important;
    width: 200px;
}

.loanerActionsColumn {
    font-size: 12px;
}

    .loanerActionsColumn > a {
        vertical-align: text-top;
    }

.dropdownShuttleRecordInfoPanel {
    top: initial;
    bottom: -30px;
    left: initial;
    right: 90px;
}

.screeningPanel {
    left: 110px;
    right: auto;
    top: 30px;
}

.infoPanel {
    padding: 10px;
    color: black;
}

    .infoPanel > div {
        display: flex;
        justify-content: space-between;
    }

        .infoPanel > div > div {
            white-space: nowrap;
        }

            .infoPanel > div > div:first-child {
                margin-right: 10px;
                font-weight: bold;
            }

.fg-sm > label {
    float: left;
}

#addShuttle > div {
    width: 50%;
}

.shuttleEditorSecondFlex, .addShuttleSecondFlex {
    padding-left: 15px;
}

.addShuttleFirstFlex, .shuttleEditorFirstFlex {
    padding-right: 15px;
}

#shuttleEditor > div {
    width: 50%;
}


.actionsColumnInfoIcon {
    width: 31px;
}

/*#addShuttleScheduleRecord {
    margin-left: 10px;
}*/
/* Repair Estimates (chat page) */
#manageEstimatesPage .btn, #customerEstimateModal .btn {
    /*padding: 3.5px 10px;*/
    height: 28px;
}

#sendEstimateToCustBtn {
    margin-left: 0;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexDirectionColumn {
    display: flex;
    flex-direction: column;
}

.addEstimateItemBtnContainer {
    display: inline-flex;
    align-items: center;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: bold;
}

.addEstimateItemBtnInner {
    padding-left: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* add Helvetica Neue (regular) to font faces at top of file to use this correctly */
}

.custRepairEstimateFlexContainer {
    width: 100%;
    flex-wrap: wrap;
}

.custRepairEstimateChipRow {
    flex-basis: 100%;
    margin-top: 5px;
}

.repairEstimateItemModalContainer {
    border: 1px solid grey;
    /*padding: 10px 20px; */
    padding: 10px 10px;
    border-radius: 5px;
    position: relative;
}

.removeRepairEstimateItemModalBtn {
    position: absolute;
    right: 4px; /* 10px */
    top: 4px; /* 10px */
}

.estimateFileUploadProgress, .driveLeadsFileUploadProgress {
    height: 28px !important; /*24px*/
    width: 33px; /*34px*/
    position: absolute;
    top: -1px; /*0*/
    right: 0;
}

    .estimateFileUploadProgress > .bar, .driveLeadsFileUploadProgress > .bar {
        display: block;
        position: absolute;
        left: 1px;
    }

.estimateFileUploadButton, .driveLeadsFileUploadButton {
    position: relative;
    height: 25px;
    padding: 6px 10px !important;
    /*margin-left: 5px;*/
}

#estimateAttachmentsModal .attachments, #driveLeadsAttachmentsModal .attachments {
    float: initial;
}

.estimateAttachment {
    display: inline-block;
    position: relative;
}

.estimateRemoveAttachmentButton {
    position: absolute;
    right: 0px;
    top: -10px;
    font-size: 12px;
    cursor: pointer;
}

#driveLeadsAttachmentsModal .estimateRemoveAttachmentButton {
    top: -2px;
}

.estimateItemCostsInputs input {
    width: 100px;
}

.estimateItemPriorityAttachmentsInnerContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 77%; /*80%*/
    margin-right: 10px;
}

    .estimateItemPriorityAttachmentsInnerContainer > .estimatesDropdown {
        width: 100px;
        height: 28px;
        padding: 0 5px;
        margin-right: 10px;
    }

.estimateItemAddAttachmentsContainer {
    display: flex;
}

    .estimateItemAddAttachmentsContainer > div:not(:last-child) {
        margin-right: 5px;
    }

.estimateItemViewAttachmentsBtn:hover, .estimateViewAttachmentsBtn:focus, .estimateViewAttachmentsBtn:active {
    border-color: transparent;
    background-color: transparent;
}

.customerEstimateBodyTopColumns, .transactionCreateTopColumns {
    width: 48%;
}

.estimateItemPriorityAttachmentsContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

#customerEstimateModal {
    /*font-size: 12px;*/
}

    /*
.text-danger {
    color: #d9534f !important;
}*/

    #customerEstimateModal span.text-warning {
        color: #58595b;
    }

.repairEstimateItemIssueContainer {
    margin-bottom: 5px !important;
}

.repairEstimateItemDescriptionContainerChooseTemplate {
    margin-top: 10px;
    font-size: 10px !important;
    height: 22px !important;
    display: flex;
    align-items: center;
    padding: 5px;
    justify-content: center;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.repairEstimateItemIssueContainer > .flexColumn > label, .repairEstimateItemDescriptionContainer > .flexColumn > label {
    margin-bottom: 0;
}

.customerEstimateModalItemScrollableContainer {
    overflow-y: auto;
    max-height: 350px;
    margin-bottom: 10px;
}

.estimateAttachment .attachment-item {
    max-width: 270px; /*150px;*/
}

.estimateAttachment video {
    padding: 0 25px;
}

.media-video video {
    padding: 0px !important;
}

.media-video, .media-img, .media-pdf {
    margin-bottom: 20px;
    border: 2px solid white;
    padding: 5px;
}


#estimateAttachmentsModal .attachments {
    text-align: center;
}

#estimateAttachmentsModal .modal-body {
    max-height: 700px;
    overflow-y: auto;
}

#customerEstimateBody {
    padding-bottom: 0;
    padding-top: 16px;
}

.customerEstimateMobileNumberValidationMsg {
    display: flex;
    margin-top: -5px;
    margin-bottom: 5px;
}

.customerEstimateBodyTopColumnsContainer, .transactionCreateTopColumnsContainer {
    flex-wrap: wrap;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

#customerEstimateModal .control-label {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
    text-transform: lowercase;
}

#customerEstimateModal .control-label::first-letter {
    text-transform: uppercase;
}

#customerEstimateModalCreatedBy {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#chatApp #customerEstimateModalCreatedBy {
    margin-top: 6px;
    margin-bottom: 5px;
}

.jconfirm-holder {
    top: 0;
    position: fixed;
    width: 100%;
}

.estimateItemStatusBoxContainer {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex;
}

.estimateItemStatusBoxApproved {
    background-color: #8BC53F;
    color: white;
    padding: 6px 12px;
}

.estimateItemStatusBoxDeferred {
    background-color: #d9534f;
    color: white;
    padding: 6px 12px;
}

#searchEstimateRecordsModalBodyHeader {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

#searchEstimateRecordsTermsContainer {
    width: 220px;
}

#searchEstimateRecordsTermsSubmitBtn {
    margin-left: 10px;
}

#searchEstimateRecordsTermsClearBtn {
    margin-left: 5px;
}

#searchEstimateRecordsModal .modal-dialog {
    width: 90%;
}

#searchEstimateRecordsModalBodyHeader .loader {
    margin-left: 5px;
}

#searchEstimateRecordsTable caption {
    padding-top: 0;
}

#searchEstimateRecordsTable_filter {
    top: -35px;
}

/* Estimates (chat page) media queries */
@media (min-width: 1514px) and (max-width: 1772px) {
    .custRepairEstimateFlexContainerIcons {
        width: 100%;
    }

    .noteFlexContainer .note-photo {
        max-width: 450px;
    }
}

@media (max-width: 1271px) {
    .custRepairEstimateFlexContainerIcons {
        width: 100%;
    }

    .noteFlexContainer .note-photo {
        max-width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .manageHelpDropdown > a {
        padding: 10px !important;
    }

    .manageAccountDropdown > a {
        padding: 10px !important;
    }

    .manageViewsDropdown > a {
        padding: 10px !important;
    }

    .noteFlexContainer .note-photo {
        max-width: 388px !important;
    }
}

@media (max-width: 1294px) {
    #estimatesFilterSearchBar {
        margin-right: 0;
    }
}

/* View and Respond Estimate pages */
#respondEstimateBody, #viewEstimateBody {
    padding-top: 30px;
}

.estimateDealerLogo {
    max-height: 80px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.estimateDealerLogoPrint {
    max-height: 80px;
    max-width: 300px;
    margin-right: auto;
    display: block;
}

.respondEstimatePageTitleContainer {
    font-size: 22px;
    color: black;
    font-weight: bold;
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    justify-content: center;
}

#respondEstimateCustomerDetailsBox {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
    padding: 5px;
}

.respondEstimateIssueContainer {
    background-color: #eaeaea;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}

.respondEstimateIssueBody > div {
    padding: 5px 0px 5px 0px;
}

.respondEstimateIssueBodyCostsBreakdown {
    display: flex;
    justify-content: space-between;
}

.respondEstimateIssueBodyViewAttachmentsContainer {
    display: flex;
    margin-bottom: 10px;
}

.respondEstimateIssueBodyViewAttachments {
    display: flex;
    align-items: center;
}

    .respondEstimateIssueBodyViewAttachments > a, .respondEstimateIssueBodyViewVideoLibrary > a {
        cursor: pointer;
        margin-left: 5px;
    }

.videoWrapper {
    flex-direction: column;
    background-color: #fff;
}

    .videoWrapper video {
        width: 100%;
    }

.videoTitle {
    padding: 10px;
    font-size: 2.5rem;
    color: white;
    font-weight: bold;
    margin: 0;
}

@media screen and (max-width: 450px) {
    .videoTitle {
        font-size: 1.9rem !important;
    }
}

.viewEstimateIssueBodyTotalCostLabel, .viewEstimateIssueBodyTotalCostVal {
    font-weight: 500;
    font-size: 16px;
}

.respondEstimateIssueBodyViewVideoLibrary {
    flex-basis: 0px;
    flex-grow: 4;
    white-space: nowrap;
}

/*#viewEstimateInner .respondEstimateIssueFooter {
    display: flex;
}*/

.respondEstimateIssueFooterInnerContainer {
    display: flex;
    flex-direction: column;
    width: 70%;
    justify-content: space-between;
}

.respondEstimateIssueBlueBtn {
    background-color: #1285c5;
    color: white;
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.respondEstimateIssueGreyBtn {
    background-color: grey;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
}

.respondEstimateIssueCustApproveDefer > div {
    font-weight: bold;
    min-width: 92px;
}

.respondEstimateIssueSubmitBtn {
    border-color: initial !important;
    font-weight: bold;
    margin-bottom: 40px;
    /*margin: 0 auto;
    margin-top: 15px;
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10px;*/
}

    .respondEstimateIssueSubmitBtn:hover {
        background-color: grey;
        color: white;
    }

.respondEstimateIssueApprovedBtn {
    width: 40px !important;
    padding: initial !important;
}

#respondEstimateInner .respondEstimateIssueApprovedBtn, #respondEstimateInner .respondEstimateIssuePostponedBtn {
    margin-right: 10px;
}

.respondEstimateIssueApprovedContainer, .respondEstimateIssuePostponedContainer {
    display: flex;
    align-items: center;
}

#respondEstimateIssueConfirmStateOptions {
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
}

    #respondEstimateIssueConfirmStateOptions .ViewEstimateButtonMobile {
        width: 100% !important;
    }

    #respondEstimateIssueConfirmStateOptions .respondEstimateIssueSubmitBtn {
        margin: initial;
    }

#respondEstimateIssueConfirmApprovedTotalContainer {
    margin-bottom: 10px;
}

#viewEstimateBody .btn.disabled, #respondEstimateBody .btn.disabled {
    pointer-events: initial;
}

.respondEstimateIssueBlueBtn.disabled:hover {
    color: white;
}

.respondEstimateApprovedTotal {
    font-size: 1.2em;
    font-weight: bold;
}

.estimateBlueColor {
    color: #1285c5;
}

#estimateNoLongerValidMsg {
    font-size: 18px;
    color: red;
    justify-content: center;
    display: flex;
    padding-top: 10px;
}

#respondEstimateIssueConfirmSubmitCheckboxContainer {
    display: flex;
    flex-direction: column;
}

#respondEstimateIssueConfirmSubmitLabel {
    margin-left: 5px;
}

#respondEstimateIssueConfirmSubmitLabel {
    cursor: pointer;
}

.respondEstimateTotalGreyBar {
    display: flex;
    justify-content: center;
    background-color: black; /*#1285c5;*/
    color: white;
    margin-bottom: 20px;
    min-height: 30px;
    height: auto;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
}

#viewEstimateBody .anonLangSelect, #respondEstimateBody .anonLangSelect {
    top: 10px;
    right: 20px;
}


#respondEstimateBody #toast-container {
    top: 150px;
}

.deselectReturnApprovalOptionsText {
    font-size: 12px;
}

#custRepairEstimatesMaterialBox {
    padding-bottom: 12px;
}

#createEstimateSaveChangesBtnContainer {
    padding-left: 0px !important;
}

#createEstimateLink > a:hover {
    cursor: pointer;
}

.respondEstimateNotesContainer {
    word-wrap: break-word;
    margin: 10px 0;
    border: 1px solid black;
    padding: 5px;
}

#callToDiscussEstimateBtnContainer {
    /*display: flex;
    justify-content: center;
    margin-bottom: 10px;*/
}

#respondEstimateDetailsTitleContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#custWantsToDiscussEstimate {
    color: red;
}


.respondEstimateIssueBodyDescription {
    padding-top: 0 !important;
    white-space: pre-line;
}

#viewRespondEstimateDealerNameContainer {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
}

.appointmentRequestedText {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
}

.appointmentRequestedImage {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* Respond and ViewEstimate media queries */
@media (max-width: 768px) {
    .respondEstimateIssueGreyBtn:not(.respondEstimateIssueSubmitBtn) {
        font-size: 12px;
        height: 35px;
    }

    .respondEstimateCustomerContainerMobile {
        display: block !important;
    }

    .respondEstimateCustomerContainerNotMobile {
        display: none !important;
    }

    .estimateAttachmentsModalWidth {
        width: 350px !important;
    }
}

@media (min-width: 768px) {
    .respondEstimateCustomerContainerMobile {
        display: none !important;
    }

    .respondEstimateCustomerContainerNotMobile {
        display: block !important;
    }
}

/* NOT MOBILE */

.respondEstimateCustomerContainerNotMobile .respondEstimateIssueDetected {
    font-size: 18px;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateIssueBodyCostsBreakdown {
    font-size: 14px;
}

.respondEstimateCustomerContainerNotMobile .viewEstimateIssueBodyTotalCost {
    font-size: 14px;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateIssuePriorityContainer {
    font-size: 14px;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateIssueFooter {
    display: block;
}

/*
.respondEstimateCustomerContainerNotMobile .respondEstimateIssueFooterInnerContainer {
    width: 50%;
}*/

.respondEstimateCustomerContainerNotMobile .respondEstimateIssueCustResponseOptions {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateIssueCustApproveDefer {
    display: flex;
    width: 62%;
    justify-content: space-between;
}

.respondEstimateCustomerContainerNotMobile #respondEstimateCustomerDetailsTitle {
    font-size: 18px;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateDetailsRow {
    width: auto;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateDetailsRowData {
    width: 35%;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateCustomerDetailsBodyOuterContainer {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateCustomerDetailsBodyInnerContainer {
    display: flex;
    justify-content: space-between;
    max-width: 48%;
}

.respondEstimateCustomerContainerNotMobile .respondEstimateNotesBodyInnerContainer {
    display: flex;
    justify-content: space-between;
}

#respondEstimateNotesBox {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid black;
    padding: 5px;
    border-radius: 5px;
}

.respondEstimateAttachmentsBox {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid black;
    padding: 5px;
    border-radius: 5px;
}

#respondEstimateNotesTitleContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #respondEstimateNotesTitleContainer > .respondEstimateIssueBodyViewAttachments > a {
        margin-left: 0 !important;
        margin-right: 5px !important;
    }

#respondEstimateNotesTitle {
    font-size: 18px;
    font-weight: bold;
}

/* MOBILE */
.respondEstimateCustomerContainerMobile .respondEstimateIssueFooter > .flexColumn {
    width: 100%;
}

.respondEstimateCustomerContainerMobile .respondEstimateIssueFooterInnerContainer {
    width: auto;
}

.respondEstimateCustomerContainerMobile .respondEstimateIssueBodyCostsBreakdown {
    width: 78%;
}

    .respondEstimateCustomerContainerMobile .respondEstimateIssueBodyCostsBreakdown.totalCost {
        justify-content: flex-end;
    }

.respondEstimateCustomerContainerMobile .respondEstimateIssueCustResponseOptions {
    display: flex;
    margin-top: 10px;
}

.respondEstimateCustomerContainerMobile .respondEstimateIssueCustApproveDefer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/***********************************/
.estimateFileUploadProgress > .bar, .driveLeadsFileUploadProgress > .bar {
    display: block;
    position: absolute;
    left: 1px;
}

.estimateFileUploadButton, .driveLeadsFileUploadButton {
    position: relative;
    height: 25px;
    padding: 6px 10px !important;
    /*margin-left: 5px;*/
}

#estimateAttachmentsModal .attachments, #driveLeadsAttachmentsModal .attachments {
    float: initial;
}

.estimateAttachment {
    display: inline-block;
    position: relative;
}

.estimateItemCostsInputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 77%; /*80%*/
    margin-right: 10px;
}

    .estimateItemCostsInputs input {
        width: 100px;
    }

.estimateItemPriorityAttachmentsInnerContainer > .estimatesDropdown {
    width: 100px;
    height: 28px;
    padding: 0 5px;
    margin-right: 10px;
}

.repairEstimateItemIssueContainer > .estimatesDropdown {
    height: 28px;
    padding: 4.5px 4px !important; /* 5.5px 4px */
}

.estimateItemAddAttachmentsContainer {
    display: flex;
}

.estimateItemViewAttachmentsBtn {
    padding-left: 5px;
    border-color: transparent;
    padding-top: 6px;
}

    .estimateItemViewAttachmentsBtn:hover, .estimateViewAttachmentsBtn:focus, .estimateViewAttachmentsBtn:active {
        border-color: transparent;
        background-color: transparent;
    }

.estimateItemPriorityAttachmentsContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

#customerEstimateModal {
    /*font-size: 12px;*/
}

    /*
.text-danger {
    color: #d9534f !important;
}*/

    #customerEstimateModal span.text-warning {
        color: #58595b;
    }

.repairEstimateItemIssueContainer {
    margin-bottom: 5px !important;
}

.repairEstimateItemIssueContainer, .repairEstimateItemDescriptionContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .repairEstimateItemIssueContainer > select.form-control, .repairEstimateItemDescriptionContainer > textarea.form-control {
        width: 77%; /*80%*/
        margin-right: 10px;
    }

.flexColumn {
    display: flex;
    flex-direction: column;
}

.repairEstimateItemIssueContainer > .flexColumn > label, .repairEstimateItemDescriptionContainer > .flexColumn > label {
    margin-bottom: 0;
}

#customerEstimateModal input.form-control:not(#estimateCustSearch) {
    margin-top: -1px;
}

#customerEstimateModalNotesButtons {
    margin-bottom: 4px;
}

#customerEstimateModalNotesUploadBtn {
    margin: 0 5px;
}

#customerEstimateModalNotesTechVideos {
    margin-right: 5px;
    padding: 6px 10px;
    width: fit-content;
}

.jconfirm-holder {
    top: 0;
    position: fixed;
    width: 100%;
}

.estimateItemStatusBoxContainer {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex;
}

.estimateItemStatusBoxApproved {
    background-color: #8BC53F;
    color: white;
    padding: 6px 12px;
}

.estimateItemStatusBoxDeferred {
    background-color: #d9534f;
    color: white;
    padding: 6px 12px;
}

.specifyOtherEstimateIssueTitleContainer {
    display: flex;
    flex-direction: column;
    width: 77%; /*80%*/
    margin-left: auto;
    margin-right: 10px;
    /*margin-bottom: 10px;
    margin-top: 5px;*/
}

.dataTables_length {
    font-size: 12px;
}

.dataTables_info {
    font-size: 12px;
}

.dataTables_paginate {
    font-size: 12px;
    padding-top: 0;
}

    .dataTables_paginate .paginate_button {
        padding: 0 !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

.dataTables_filter .form-control {
    height: 25px;
    font-size: 12px;
}

/* Tech Videos page */
#notesAttachmentsModal .modal-body {
    max-height: 800px;
    overflow-y: auto;
    padding: 5px 15px;
}

/* TechVideos page (#6611, rebuilt on the shared table in #6660). The table card, header and body cells, pager,
   empty state, skeleton, filter chips, status chips, menus and tooltips are shared components in vvstyle.scss
   (see "table (universal)" there and "Table styles" in CLAUDE.md); this block holds only what is specific to
   this page: its layout, column widths, and the widgets inside its cells. */

/* The app's chrome inherits --font-primary (Helvetica Neue) and only the vv-* components ask for
   Roboto, so anything they don't reach falls back. Scope Roboto to this page instead of changing
   the app-wide default. Deliberately NOT a `*` rule - that would also override the Font Awesome
   glyph font on the calendar, RO history and overflow-menu icons still used here. */
.techvideos-page {
    font-family: var(--font-family-base);
    background-color: var(--surface-global-010, #F8F9FA);
}

/* The page is a column that fills the height of its container, so the table card can take whatever is left under
   the top row. Scoped to this page: .datatablesPageSpacing is shared (it carries 20px 40px 40px elsewhere). */
.datatablesPageSpacing.techvideos-page {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
}

    /* the two empty message headings below the component would otherwise add their margins to the height */
    .techvideos-page > h3:empty {
        display: none;
    }

#tech-videos-section {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#techVideosTableContainer {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

    .techvideos-page table.dataTable th,
    .techvideos-page table.dataTable td,
    .techvideos-page input,
    .techvideos-page select,
    .techvideos-page textarea,
    .techvideos-page button,
    .techvideos-page label,
    .techvideos-page .btn,
    .techvideos-page .form-control,
    .techvideos-page .dropdown-menu {
        font-family: var(--font-family-base);
    }

/* Only group users see a dealer here: the page's own heading is gone, and they would otherwise not know which
   location they are looking at. */
.tv-page-dealer {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
}

/* Top row (Figma 2001:453): the TechVideos / Walkarounds switch on the left, Today's appointments on the right. */
.tv-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

/* Figma 1:820 outlines it in Color/Border/Global/Primary; .vvbtn-secondary sets #1D2B1C at equal
   specificity and vvstyle.css loads later, so this has to be one step up. */
.vvbtn.tv-appts-pill {
    border: 1px solid var(--border-global-primary);
    white-space: nowrap;
}

/* Below 1440 the card keeps its minimum width and the WHOLE card scrolls sideways instead of shrinking. The
   padding gives the card's shadow room, since an overflow container clips it; the negative margin cancels it. */
.tv-card-wrap {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin: 0 -4px;
    padding: 0 4px 8px;
    overflow-x: auto;
}

/* The column minimums add up to 1066 (5 x 121, status 121, AI review 160, actions 168 + its 12px end spacer), and
   the rows' own scrollbar takes another 12 out of the table, so the card may not go below 1078 or the auto columns
   would be squeezed under their 121px minimum. The height is what makes only the rows scroll: the controls,
   header and pager stay put inside it. The card grows to the bottom of the page (.tv-card-wrap is a column). */
.tv-card {
    --vv-table-min-width: 1078px;
    flex: 1 1 auto;
    min-height: 460px;
}

/* The controls need more than the table's minimum on one line, so they wrap rather than overflow the card. */
.tv-controls-row {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
}

.tv-controls-row .vv-searchbar {
    flex: 0 0 auto;
    width: 270px;
}

.tv-controls-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-left: auto;
}

.tv-date-field {
    flex: 0 0 auto;
    width: 170px;
}

    .tv-date-field .flatpickr-wrapper {
        display: block;
        width: 100%;
    }

    .tv-date-field .vv-outlined-field-input {
        padding-right: 40px;
    }

.tv-date-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

/* Figma 1:831 Button V3: surface/button/primary, text/global/primary-inverse, 97px min.
   .vvbtn-primary is shared, so the deltas are page-scoped. */
.searchContainerTechVideo {
    display: flex;
    align-items: center;
}

    .searchContainerTechVideo .vvbtn-primary {
        min-width: 97px;
        background-color: var(--surface-button-primary);
        color: var(--text-primary-inverse);
    }

.tv-controls-divider {
    width: 1px;
    height: 32px;
    background-color: var(--border-010a);
}

/* .vv-icon-button (32px) loads after this file at equal specificity, so this needs the extra class to win. */
.tv-controls-right .tv-download {
    width: 40px;
    height: 40px;
    padding: 0;
}

    .tv-controls-right .tv-download:hover:not(:disabled) {
        background-color: var(--state-layer-primary-hover);
    }

    .tv-controls-right .tv-download:disabled {
        opacity: 0.38;
        cursor: default;
    }

/* The glyphs are the Figma 20px icons, inlined and coloured by the button's own `color`
   through fill="currentColor". */
.tv-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .tv-icon > svg {
        display: block;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

.tv-searchbar-lead {
    flex-shrink: 0;
    padding-left: 6px;
    color: var(--text-primary);
}

/* Only the rows scroll. The scroller is a column so the empty state can be centred in what is left of it. */
.tv-scroll {
    display: flex;
    flex-direction: column;
}

    .tv-scroll > .tv-table {
        flex: 0 0 auto;
    }

.tv-empty {
    margin: auto;
    padding: 48px 16px;
}

/* Column widths (Figma "Column widths"): everything else is auto, minimum 121px (--vv-col-min). Header and body
   cells share a width because the table is fixed-layout. Actions is 168px (four 48px buttons overlapping by 8px)
   plus 12px at the end for the scrollbar. */
.techvideos-page .tv-table th.col-status {
    width: 121px;
}

/* 160, not 136: the gear to the OTTO Train settings sits left of "OTTO Train" and its sort arrow */
.techvideos-page .tv-table th.col-ai-review {
    width: 160px;
}

/* A header cell with an action before its sort button: the gear is a sibling of the button (a link may not sit
   inside a button), and the button still fills the rest of the cell as the click target. */
.tv-table .tv-th-with-action {
    display: flex;
    align-items: center;
    height: 100%;
}

    .tv-table .tv-th-with-action > .vv-th-sort {
        flex: 1 1 auto;
        align-self: stretch;
        width: auto;
        min-width: 0;
    }

/* 28px so it fits the 36px header; .tv-table out-specifies .vv-icon-button, which loads after this file */
.tv-table .tv-th-action {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    padding: 4px;
}

    .tv-table .tv-th-action + .vv-th-sort {
        padding-left: 4px;
    }

.techvideos-page .tv-table th.col-actions {
    /* Four buttons: 48 + 3 x 40 = 168, plus the 12px right padding. The "Message <technician>" button (#6695) is
       hidden for now; bringing it back needs 220px here and 1118px on .tv-card. */
    width: 180px;
}

.tv-table td {
    overflow-wrap: anywhere;
}

/* A status chip never truncates and never spills into the next column: in a longer language ("Estimation
   envoyée") its text wraps onto a second line inside the chip instead. Breaks only at spaces, not mid-word. */
.tv-table td.col-status {
    overflow-wrap: normal;
}

.tv-table .col-status .vv-status-chip {
    height: auto;
    min-height: 24px;
    max-width: 100%;
    /* 10px, not the chip's 12: "Estimate sent" is 105.3px wide at 12px and the cell holds 105 */
    padding: 3px 10px;
    white-space: normal;
    text-align: center;
}

.techvideos-page .tv-table td.col-ai-review {
    padding-top: 4px;
    padding-bottom: 4px;
}

.techvideos-page .tv-table td.col-actions,
.techvideos-page .tv-table th.col-actions {
    padding-left: 0;
    padding-right: 12px;
}

.techvideos-page .tv-table td.col-actions {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* ---- RO cell (Figma 2001:3496): an in-table dropdown button; yellow, with an info icon, when the RO was changed */
.tv-ro {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: -4px;
}

.tv-ro-btn {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    max-width: 100%;
    height: 28px;
    padding: 0 4px 0 8px;
    border: 1px solid transparent;
    border-radius: 6px;
    background-color: transparent;
    font: inherit;
    letter-spacing: inherit;
    color: var(--text-primary-light);
    cursor: pointer;
}

    .tv-ro-btn:hover {
        background-color: var(--state-layer-primary-hover);
    }

    /* the default variant gets an outline on hover (Figma: #021735 at 10%); the yellow one keeps its own border */
    .tv-ro-btn:not(.is-edited):hover {
        border-color: rgba(2, 23, 53, 0.1);
    }

    .tv-ro-btn:active,
    .tv-ro-btn.is-open {
        background-color: var(--state-layer-primary-active);
    }

    .tv-ro-btn:focus-visible {
        outline: 2px solid var(--on-primary);
        outline-offset: 1px;
    }

    .tv-ro-btn.is-edited {
        border-color: var(--bright-yellow-7);
        background-color: var(--bright-yellow-3);
    }

        .tv-ro-btn.is-edited:hover {
            background-image: linear-gradient(var(--state-layer-primary-hover), var(--state-layer-primary-hover));
        }

        .tv-ro-btn.is-edited:active,
        .tv-ro-btn.is-edited.is-open {
            background-image: linear-gradient(var(--state-layer-primary-active), var(--state-layer-primary-active));
        }

.tv-ro-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tv-ro-caret {
    flex-shrink: 0;
}

/* Not a button: no hover or click state of its own, only the tooltip. It is focusable so a keyboard user can read it. */
.tv-ro-info {
    flex-shrink: 0;
    color: var(--text-muted);
    cursor: default;
}

    .tv-ro-info:focus-visible {
        outline: 2px solid var(--on-primary);
        outline-offset: 1px;
        border-radius: 50%;
    }

/* The dropdown itself floats (position/visibility come from .vv-menu-floating) so the table's scroller can't clip it.
   Figma "Dropdown empty": the field on top, then a grey band holding Reset (left) and the black Edit button (right),
   then the candidates. */
.tv-ro-panel {
    display: flex;
    flex-direction: column;
    width: 280px;
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--surface-light-010);
    box-shadow: var(--shadow-elevation-02);
    font-family: var(--font-family-base);
}

.tv-ro-panel-top {
    padding: 12px 12px 8px;
}

/* the field has a placeholder, not a floating label, and starts empty */
.tv-ro-input {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--border-010a);
    border-radius: 4px;
    background-color: var(--surface-light-000);
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--text-primary);
}

    .tv-ro-input::placeholder {
        color: var(--text-secondary);
        opacity: 1;
    }

    .tv-ro-input:focus {
        outline: none;
        border-color: var(--on-primary);
    }

.tv-ro-panel-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 12px;
    background-color: var(--surface-global-010, #F8F9FA);
}

    .tv-ro-panel-actions .tv-ro-reset {
        margin-right: auto;
    }

/* Primary: white text on black. .vvbtn-primary is shared, so the page scopes the delta (as it does for Search). */
.tv-ro-panel .tv-ro-edit {
    background-color: var(--surface-button-primary);
    color: var(--text-primary-inverse);
}

    /* disabled (nothing typed yet) is the shared .vvbtn:disabled look: no fill, muted text */
    .tv-ro-panel .tv-ro-edit:disabled {
        background-color: transparent;
        color: var(--text-body-disabled, rgba(27, 28, 27, 0.45));
    }

.tv-ro-options {
    max-height: 220px;
    margin: 0;
    padding: 4px 0;
    overflow-y: auto;
}

.tv-ro-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tv-ro-option {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: none;
    background: transparent;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
}

    .tv-ro-option:hover,
    .tv-ro-option:focus-visible {
        outline: none;
        background-color: var(--state-layer-primary-hover);
    }

.tv-ro-state {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    text-align: center;
}

/* ---- AI review cell (Figma 2009:4437): a ring whose colour and fill follow the score the server derived */
.tv-ai-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 2px 4px 8px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--text-primary);
    cursor: pointer;
}

    .tv-ai-btn:hover {
        background-color: var(--state-layer-primary-hover);
    }

    .tv-ai-btn:active {
        background-color: var(--state-layer-primary-active);
    }

    .tv-ai-btn:focus-visible {
        outline: 2px solid var(--on-primary);
        outline-offset: 1px;
    }

.tv-ai-ring {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}

    .tv-ai-ring svg {
        display: block;
        width: 32px;
        height: 32px;
    }

.tv-ai-ring-track,
.tv-ai-ring-fill {
    fill: none;
    stroke-width: 3;
}

.tv-ai-ring-track {
    stroke: var(--slate-6);
}

.tv-ai-ring-fill {
    stroke-linecap: round;
}

.tv-ai-ring.is-excellent .tv-ai-ring-fill {
    stroke: var(--colors-green-9);
}

.tv-ai-ring.is-good .tv-ai-ring-fill {
    stroke: var(--bright-yellow-8);
}

.tv-ai-ring.is-fair .tv-ai-ring-fill {
    stroke: var(--colors-orange-9);
}

.tv-ai-ring.is-needs-work .tv-ai-ring-fill {
    stroke: var(--colors-red-9);
}

/* Error (Figma 2009:4915): an exclamation mark in a dark ring */
.tv-ai-ring.is-error .tv-ai-ring-track {
    stroke: none;
}

.tv-ai-ring.is-error .tv-ai-ring-fill {
    stroke: var(--surface-media-dark);
}

.tv-ai-score {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0;
    color: var(--on-primary);
}

.tv-ai-ring.is-error .tv-ai-score {
    font-size: 16px;
    font-weight: 700;
}

.tv-ai-scoring {
    display: inline-block;
    padding-top: 6px;
    color: var(--text-primary);
}

.tv-ai-videos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 3px;
}

    .tv-ai-videos .vv-table-subtext {
        padding-left: 9px;
    }

.tv-ai-menu-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 160px;
}

    .tv-ai-menu-row .tv-ai-scoring {
        padding-top: 0;
        color: inherit;
    }

.tv-ai-menu-label {
    flex: 1;
    white-space: nowrap;
}

.tv-ai-menu-none {
    display: inline-flex;
    justify-content: center;
    width: 32px;
}

/* ---- Actions (Figma "Actions"): four 48px buttons overlapping by 8px, so they fit the 168px column exactly. Each
   button's state layer is a 48px circle around a 24px glyph; where two overlap, the later button is on top. */
.tv-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .tv-actions .vv-icon-button {
        position: relative;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        margin-left: -8px;
        padding: 0;
        border-radius: 0;
        background: transparent;
        pointer-events: none;
    }

    .tv-actions > :first-child {
        margin-left: 0;
    }

    .tv-actions .vv-icon-button > .tv-icon {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        pointer-events: auto;
    }

    .tv-actions .tv-icon > svg {
        width: 24px;
        height: 24px;
    }

    /* The shared .vv-icon-button:hover / :focus paints the whole 48px box (vvstyle.scss, loaded after this file at
       equal specificity). Here the circle below is the one and only visual state, so the button itself must stay
       transparent in every state. */
    .tv-actions .vv-icon-button:hover,
    .tv-actions .vv-icon-button:focus,
    .tv-actions .vv-icon-button:active {
        background: transparent;
    }

    .tv-actions .vv-icon-button:hover > .tv-icon {
        background-color: var(--state-layer-primary-hover);
    }

    .tv-actions .vv-icon-button:active > .tv-icon {
        background-color: var(--state-layer-primary-active);
    }

    .tv-actions .vv-icon-button:focus-visible {
        outline: none;
    }

        .tv-actions .vv-icon-button:focus-visible > .tv-icon {
            outline: 2px solid var(--on-primary);
        }

    /* Frame 1:861 draws every row action the same monochrome way, so the green "already has an
       estimate" treatment goes; .estimateGreenButton stays as the UI test's row filter. */
    .tv-actions .estimateGreenButton {
        border: none;
        background: none;
        color: var(--text-primary);
    }

    .tv-actions .tvEstimatesLoader {
        width: 48px;
        padding: 0 !important;
    }

        .tv-actions .tvEstimatesLoader .loader {
            margin: 14px auto;
        }

    /* the unread dot rides the glyph, not the 48px box */
    .tv-actions .tv-action-conversation .apptsConvoBubbleNotif {
        top: 8px;
        right: 12px;
    }

/* ---- Activity modal (Figma 2009:7250): a native <dialog> in the top layer (see CLAUDE.md, AI Reports dataset
   modal). Only [open] is styled, so a closed dialog keeps the browser's display:none; min-height:0 on the body is
   what lets a long list scroll inside while the title and Close stay put. */
.tv-activity-dialog {
    width: 400px;
    max-width: calc(100vw - 32px);
    padding: 0;
    border: none;
    border-radius: 28px;
    background-color: var(--surface-light-010);
    box-shadow: var(--shadow-elevation-02);
    font-family: var(--font-family-base);
    color: var(--text-primary);
}

    .tv-activity-dialog[open] {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 64px);
    }

    .tv-activity-dialog::backdrop {
        background-color: rgba(0, 0, 0, 0.32);
    }

.tv-activity-title {
    flex-shrink: 0;
    margin: 0;
    padding: 24px 24px 16px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: var(--text-global-primary);
}

.tv-activity-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 24px;
    overflow-y: auto;
}

.tv-activity-state {
    padding: 16px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.tv-activity-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tv-activity-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-010a);
}

    .tv-activity-item:last-child {
        border-bottom: 0;
    }

.tv-activity-name {
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--text-primary);
}

.tv-activity-when {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-secondary);
}

.tv-activity-user {
    flex: 0 1 45%;
    padding-top: 2px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-primary);
    text-align: right;
    overflow-wrap: anywhere;
}

.tv-activity-footer {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    padding: 16px 24px 24px;
}


.techVideosAttachments {
    float: initial;
    text-align: center;
    padding: 0 17px;
}

    .techVideosAttachments .estimateAttachment {
        padding: 15px 0;
        display: block !important;
    }

.fa-file-text:hover {
    cursor: pointer;
}

#techVideosApptsCurrentDate {
    font-weight: bold;
    color: black;
}

.estimateGreenButton {
    border-color: #8BC53F;
    color: #8BC53F;
    background-color: white;
}

#techVideosApptsTable_filter {
    position: inherit;
    top: 10px;
    margin-bottom: 30px;
}

.tvEstimatesLoader {
    width: 20px;
    padding: 1px 3px !important;
}

    .tvEstimatesLoader > .loader {
        width: 12px;
        height: 12px;
        margin: 2px auto;
    }

.lineHeight-2em {
    line-height: 2em;
}

/* Estimates (chat page) media queries */
@media (max-width: 1772px) {
    .custRepairEstimateFlexContainerIcons {
        width: 100%;
    }
}

/* View and Respond Estimate pages */
#respondEstimateBody, #viewEstimateBody {
    padding-top: 30px;
}

.estimateDealerLogo {
    max-height: 80px;
    max-width: 300px;
}

#viewEstimateInner {
    padding: 0 20px;
}

.respondEstimateIssueBody > div {
    padding: 5px 0px 5px 0px;
}

.respondEstimateIssueBodyViewVideoLibrary {
    flex-basis: 0px;
    flex-grow: 4;
    white-space: nowrap;
}

.respondEstimateIssueFooterInnerContainer {
    display: flex;
    flex-direction: column;
    width: 70%;
    justify-content: space-between;
}

.respondEstimateIssueBlueBtn {
    background-color: #1285c5;
    color: white;
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.respondEstimateIssueGreyBtn {
    background-color: grey;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
}

    .respondEstimateIssueGreyBtn span {
        font-family: 'Poppins', sans-serif !important;
        padding-left: 3px;
    }

.respondEstimateIssueApprovedBtn {
    width: 40px !important;
    padding: initial !important;
}

#respondEstimateInner .respondEstimateIssueApprovedBtn, #respondEstimateInner .respondEstimateIssuePostponedBtn {
    margin-right: 10px;
}

.respondEstimateIssueApprovedContainer, .respondEstimateIssuePostponedContainer {
    display: flex;
    align-items: center;
}

#respondEstimateIssueConfirmStateOptions {
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
}

    #respondEstimateIssueConfirmStateOptions .btn {
        width: 120px;
    }

    #respondEstimateIssueConfirmStateOptions .respondEstimateIssueSubmitBtn {
        margin: initial;
    }

#respondEstimateIssueConfirmApprovedTotalContainer {
    margin-bottom: 10px;
}

#viewEstimateBody .btn.disabled, #respondEstimateBody .btn.disabled {
    pointer-events: initial;
}

.respondEstimateIssueBlueBtn.disabled:hover {
    color: white;
}

.estimateBlueColor {
    color: #1285c5;
}

#estimateNoLongerValidMsg {
    font-size: 18px;
    color: red;
    justify-content: center;
    display: flex;
    padding-top: 10px;
}

#respondEstimateIssueConfirmSubmitCheckboxContainer {
    /*display: flex;*/
}

#respondEstimateIssueConfirmSubmitLabel {
    cursor: pointer;
    /*margin-left: 5px;*/
}

#respondEstimateIssueConfirmSubmitLabelInnerBox {
    position: relative;
    width: 30px;
    height: 26px;
    float: left;
    /* top: 0; */
    /* left: 0; */
    background: #eee;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
}

    #respondEstimateIssueConfirmSubmitLabelInnerBox:after {
        opacity: 0; /*0.05*/
        content: '';
        position: absolute;
        width: 13px;
        height: 8px;
        background: transparent;
        top: 7px;
        left: 8px;
        border: 3px solid #333;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
    }

    #respondEstimateIssueConfirmSubmitLabelInnerBox:hover::after {
        opacity: 0.5;
    }

#respondEstimateIssueConfirmSubmitCheckbox:checked + label > #respondEstimateIssueConfirmSubmitLabelInnerBox:after {
    opacity: 1;
}

.respondEstimateTotalGreyBar {
    display: flex;
    justify-content: center;
    background-color: black; /*#1285c5;*/
    color: white;
    margin-bottom: 20px;
    height: 30px;
    align-items: center;
    font-size: 16px;
}

#viewEstimateBody .anonLangSelect, #respondEstimateBody .anonLangSelect {
    top: 10px;
    right: 20px;
}

#respondEstimateBody #toast-container {
    top: 150px;
}

.deselectReturnApprovalOptionsText {
    font-size: 12px;
}

#custRepairEstimatesMaterialBox {
    padding-bottom: 12px;
}

#createEstimateSaveChangesBtnContainer {
    padding-left: 7px;
}

#createEstimateLink > a:hover {
    cursor: pointer;
}

.respondEstimateNotesContainer {
    margin-bottom: 10px;
    word-wrap: break-word;
}

#callToDiscussEstimateBtnContainer {
    /*display: flex;
    justify-content: center;
    margin-bottom: 10px;*/
}

#respondEstimateDetailsTitleContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#custWantsToDiscussEstimate {
    color: red;
}

.attachmentColumn {
    position: relative;
    flex: 1;
    max-width: 480px;
    height: 100%;/*
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding-right: 5px;
    margin-right: -5px;*/
}

.divider-column {
    height: 100%;
    border-right: 1px solid #e5e5e5;
}

.appointmentInformationColumn {
    flex: 1;
    gap: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    padding-right: 5px;
    margin-right: -5px;
}

.techvideo-attachment-item-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 16px;
}

.techvideo-attachment-item-body {
    display: flex;
    justify-content: center;
}

.techvideo-info-container {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Border-border-010a, #C8CCC3);
    background: var(--Surface-Background-surface-light-020, #F2F2F2);
}

.techvideo-info-collapsible {
    border: 1px solid var(--Border-border-020a, #ACACAC);
    border-radius: 8px;
}

.techvideo-info-collapsible-head {
    width: 100%;
    background: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    gap: 10px;
}

.collapsible-icon {
    padding: 8px;
}

.head-count {
    display: flex;
    min-width: 16px;
    max-width: 34px;
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Surface-Background-surface-dark-010, #454743);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: white;
}



.techvideo-info-collapsible-body {
    border-top: 1px solid var(--Border-border-020a, #ACACAC);
}

    .techvideo-info-collapsible-body .data-row {
        padding: 8px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .techvideo-info-collapsible-body .data-row:not(:last-child) {
            border-bottom: 1px solid var(--Border-border-020a, #C8CCC3);
        }

.techvideo-info-collapsible-foot {
    width: 100%;
    padding: 8px;
    border-top: 1px solid var(--Border-border-020a, #ACACAC);
}

.respondEstimateIssueBodyDescription {
    padding-top: 0 !important;
}

/* Respond and ViewEstimate media queries */
@media (max-width: 768px) {
    .respondEstimateIssueGreyBtn:not(.respondEstimateIssueSubmitBtn) {
        font-size: 12px;
        height: 25px !important;
    }
}

#customerEstimateModal textarea.form-control {
    font-size: 13px;
    padding: 6px 5px;
}

#customerEstimateModal select.form-control {
    font-size: 13px;
}

#customerEstimateModal .form-group {
    margin-bottom: 10px;
}

.customerEstimateModalNotesContainer > textarea {
    min-height: 54px !important;
}

.customerEstimateFooter {
    /*padding: 10px 15px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#estimateAttachmentsModal .attachments {
    text-align: center;
}

#estimateAttachmentsModal .modal-body {
    max-height: 700px;
    overflow-y: auto;
}

#estimateAttachmentsModal .estimateAttachment {
    display: block;
}

.estimateItemCostsInputsContainer {
    flex-wrap: wrap;
}

#sendEstimateLanguageDropdown {
    width: 70px;
    height: 25px;
    padding: 0 5px;
    margin-right: 10px;
}

.customerEstimateFooterLeftContainerInner {
    display: flex;
    align-items: center;
}

.customerEstimateFooterRightContainer {
    justify-content: flex-end;
    flex: 1;
}

.contactRequestedRedPhoneIcon {
    color: red !important;
}

.custRepairEstimateFlexContainerIcons {
    display: flex;
    width: 40px;
    align-items: center;
    justify-content: flex-end;
}

    .custRepairEstimateFlexContainerIcons > a {
        padding-left: 5px;
    }

.jconfirm-holder {
    top: 0;
    position: fixed;
    width: 100%;
}

.estimateItemStatusBoxContainer {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex;
}

.estimateItemStatusBoxApproved {
    background-color: #8BC53F;
    color: white;
    padding: 6px 12px;
}

.estimateItemStatusBoxDeferred {
    background-color: #d9534f;
    color: white;
    padding: 6px 12px;
}

.specifyOtherEstimateIssueTitle {
    margin-bottom: 5px;
}

.dataTables_length {
    font-size: 12px;
}

.dataTables_info {
    font-size: 12px;
}

.dataTables_paginate {
    font-size: 12px;
    padding-top: 0;
}

    .dataTables_paginate .paginate_button {
        padding: 0 !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

.dataTables_filter .form-control {
    height: 25px;
    font-size: 12px;
}

/* Estimates (chat page) media queries */
@media (max-width: 1772px) {
    .custRepairEstimateFlexContainerIcons {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .customerEstimateBodyTopColumns, .transactionCreateTopColumns {
        width: 100%;
    }

    .repairEstimateItemIssueContainer > input.form-control, .repairEstimateItemDescriptionContainer > textarea.form-control, .repairEstimateItemIssueContainer > select.form-control {
        width: 100%;
    }

    .specifyOtherEstimateIssueTitleContainer {
        width: 100%;
        padding-right: 10px;
    }

    .estimateItemCostsInputs {
        width: 100%;
        margin-right: initial;
    }

        .estimateItemCostsInputs input {
            width: 90%;
        }

    .estimateItemPriorityAttachmentsInnerContainer {
        width: 100%;
    }

    .customerEstimateFooter .btn, .customerEstimateFooter .form-control {
        font-size: 13px !important;
    }

    .customerEstimateFooter .btn {
        padding: 4px 8px;
    }

    .custRepairEstimateFlexContainerIcons > a, .custRepairEstimateFlexContainerIcons > div {
        padding-left: 20px;
        font-size: 1.4em !important;
    }

    .estimateAttachment .attachment-item {
        max-width: 400px;
        width: 100%;
    }
}

@media (max-width: 450px) {
    #sendEstimateLanguageDropdown {
        padding: 0;
        height: 28px;
        margin-right: 5px;
    }

    #sendEstimateToCustBtn {
        margin-right: 5px;
    }

    .customerEstimateFooter .btn {
        padding: 6px 12px;
    }

    #customerEstimateModal input.form-control {
        height: 34px;
        padding: 6px 12px;
    }

    .customerEstimateFooterLeftContainer {
        flex: 1;
        align-items: center;
        flex-wrap: wrap;
    }

    .customerEstimateFooterRightContainer {
        justify-content: flex-end;
        flex: 1;
    }

    .searchBar .form-group.formDate {
        margin-bottom: 10px;
    }

    #respondEstimateCustomerDetailsTitle, #respondEstimateNotesTitle {
        /*color: #1285c5;*/
        font-weight: 700 !important;
        font-size: 16px !important;
    }

    .respondEstimateIssueGreyBtn span {
        font-size: 13px !important;
    }
}

.out #textNotifBubbleContainer {
    top: 152px !important;
    right: 50px !important;
}
/* View and Respond Estimate pages */
#respondEstimateBody, #viewEstimateBody {
    padding-top: 30px;
}

.estimateDealerLogo {
    max-height: 80px;
    max-width: 300px;
}

.respondEstimateDetailsRow {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#respondEstimateCustomerDetailsTitle {
    /*color: #1285c5;*/
    font-weight: bold;
    font-size: 18px;
}

#respondEstimateCustomerDetailsTitleContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.smallHr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.respondEstimateIssueHeader {
    display: flex;
    /*    justify-content: space-between;
*/
}

.respondEstimateIssueDetectedContainer {
    display: flex;
    align-items: center;
}

.respondEstimateIssueBody > div {
    padding: 5px 0px 5px 0px;
}

.respondEstimateIssueBodyViewVideoLibrary {
    flex-basis: 0px;
    flex-grow: 4;
    white-space: nowrap;
}

.respondEstimateIssueDetectedWrench {
    color: #8BC53F;
    margin-right: 5px;
}

.respondEstimateIssuePriorityContainer {
    display: flex;
}

.respondEstimateIssuePriority {
    font-weight: bold;
    margin-left: 5px;
}

.respondEstimateIssueHr, .respondEstimateCustomerDetailsHr {
    border-top: 1px solid black;
}

.respondEstimateDetailsRowData {
    width: 60%;
}

.respondEstimateInnerContainer {
    max-width: 500px;
    margin: 0 auto;
}

.respondEstimateIssueFooter {
    display: flex;
    padding-top: 5px;
    /*max-height: 200px; */
}

.respondEstimateIssueFooterInnerContainer {
    display: flex;
    flex-direction: column;
    width: 60%;
    justify-content: space-between;
}

    .respondEstimateIssueFooterInnerContainer > .respondEstimateIssueGreyBtn.disabled {
        width: 60%;
    }

.respondEstimateIssueBlueBtn {
    background-color: #1285c5;
    color: white;
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.respondEstimateIssueGreyBtn {
    background-color: grey;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
}

.respondEstimateIssueApprovedBtn {
    width: 40px !important;
    padding: initial !important;
    background-color: #8BC53F;
}

/*
#respondEstimateInner .respondEstimateIssueApprovedBtn, #respondEstimateInner .respondEstimateIssuePostponedBtn {
    margin-right: 10px;
}*/

.respondEstimateIssueApprovedContainer, .respondEstimateIssuePostponedContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /*center;*/
}

#respondEstimateIssueConfirmStateOptions {
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
}

    #respondEstimateIssueConfirmStateOptions .respondEstimateIssueSubmitBtn {
        margin: initial;
    }

#respondEstimateIssueConfirmSubmitCheckbox {
    vertical-align: top;
    display: none;
}

#respondEstimateDisclaimer {
    display: inline-block;
    width: calc(100% - 40px);
    margin-top: 3px;
}

#respondEstimateIssueConfirmSubmitTotalContainer {
    margin: 5px;
}

#respondEstimateIssueConfirmApprovedTotalContainer {
    margin-bottom: 10px;
}

#viewEstimateBody .btn.disabled, #respondEstimateBody .btn.disabled {
    pointer-events: initial;
    opacity: 0.5;
    color: black;
}

.respondEstimateIssueBlueBtn.disabled:hover {
    color: white;
}

.estimateBlueColor {
    color: #1285c5;
}

#estimateNoLongerValidMsg {
    font-size: 18px;
    color: red;
    justify-content: center;
    display: flex;
    padding-top: 10px;
}

#respondEstimateIssueConfirmSubmitCheckboxContainer {
    display: flex;
}

#respondEstimateIssueConfirmSubmitLabel {
    margin-left: 5px;
}

#respondEstimateIssueConfirmSubmitLabel {
    cursor: pointer;
}

.respondEstimateTotalGreyBar {
    display: flex;
    justify-content: center;
    background-color: black; /*#1285c5;*/
    color: white;
    margin-bottom: 20px;
    min-height: 30px;
    height: auto;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    padding: 5px;
}

#viewEstimateTotalApprovedCost {
    height: 45px;
}

#viewEstimateBody .anonLangSelect, #respondEstimateBody .anonLangSelect {
    top: 10px;
    right: 20px;
}

#respondEstimateBody #toast-container {
    top: 150px;
}

.deselectReturnApprovalOptionsText {
    font-size: 12px;
}

#custRepairEstimatesMaterialBox {
    padding-bottom: 12px;
}

#createEstimateSaveChangesBtnContainer {
    display: flex;
    justify-content: space-between;
    padding-left: 7px;
    flex-wrap: wrap;
}

#createEstimateLinkContainer {
    display: flex;
    align-items: center;
    margin-right: 10px;
    /*position: absolute;
    right: 22px;*/
}

#createEstimateLink {
    margin-left: 4px;
}

    #createEstimateLink > a:hover {
        cursor: pointer;
    }

.respondEstimateNotesContainer {
    margin-bottom: 10px;
    word-wrap: break-word;
}

#callToDiscussEstimateBtnContainer {
    /*display: flex;
    justify-content: center;
    margin-bottom: 10px;*/
}

#respondEstimateDetailsTitleContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#custWantsToDiscussEstimate {
    color: red;
}

.respondEstimateIssueBodyTitle {
    font-weight: bold;
    font-size: 16px;
    padding-right: 4px !important;
}

.respondEstimateIssueBodyDescription {
    padding-top: 0 !important;
}

/* Respond and ViewEstimate media queries */
@media (max-width: 768px) {
    .respondEstimateIssueGreyBtn:not(.respondEstimateIssueSubmitBtn) {
        font-size: 16px;
        font-weight: 700 !important;
        height: 30px !important;
    }

    #viewEstimateInner, #respondEstimateInner {
        padding: 0 20px 20px 20px;
    }
}

/* Manage Estimates & Appointments pages */
.width-100 {
    width: 100%;
}

.vueVisible {
    visibility: visible !important;
}

.vueHidden {
    visibility: hidden !important;
}

    .vueHidden * {
        visibility: hidden !important;
    }

.manageEstimatesTable {
    position: absolute;
    margin-top: 55px;
}

@media screen and (max-width: 1000px) {
    .manageEstimatesTable {
        margin-top: 30px;
    }
}

.appointmentsTable {
    width: 100% !important;
}

.checkInInfoPanel {
    top: 35px;
    left: initial;
    right: 0;
    padding: 10px;
    color: black;
}

.relative {
    position: relative;
    display: inline-block;
}

.checkInInfoPanel > div {
    display: flex;
    justify-content: space-between;
}

    .checkInInfoPanel > div > div {
        white-space: nowrap;
    }

        .checkInInfoPanel > div > div:first-child {
            margin-right: 10px;
            font-weight: bold;
        }

#manageEstimatesTablesContainer {
    position: relative;
}

#appointmentsTablesContainer {
    position: relative;
    top: -20px;
}

.checkInDetailBtn {
    margin-left: 30px;
}

.attachmentbtn {
    margin-right: 10px;
}

#allAppointmentsContainer, #confirmedAppointmentsContainer, #cancelledAppointmentsContainer, #noReplyAppointmentsContainer, #offAppointmentsContainer, #rescheduledAppointmentsContainer {
    margin-top: 10px;
    padding-bottom: 20px;
}

#appointmentsTablesContainer label {
    margin-bottom: 0;
}

.verticalMarginsFive {
    margin-top: 5px;
    margin-bottom: 5px;
}

.appointmentsFilterSearchBarLabel {
    margin-bottom: auto;
    position: absolute;
    top: -6px;
    color: black;
    font-size: 14px;
}

.appt-cancelled {
    color: #1285c5;
}

.check-in-modal-body > div:not(:last-child) {
    border-bottom: 1px solid black;
}

.openApptNotesBtn {
    min-width: 38px;
}

.setManualStatusDropdownMenu {
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    min-width: 150px;
    display: none;
}

    .setManualStatusDropdownMenu a:hover {
        background-color: #f1f1f1;
    }

    .setManualStatusDropdownMenu a {
        color: black;
        text-decoration: none;
        display: block;
        padding: 8px;
    }

.open > .setManualStatusDropdownMenu {
    display: flex;
}

.apptNote {
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

    .apptNote:not(:last-child) {
        border-bottom: 1px solid lightgrey;
    }

.apptNotesAddedByDate {
    font-size: 11px;
}

#apptNoteToAddContainer {
    margin-top: 10px;
}

/* Drive Leads */
.driveLeadsTables #allAppointmentsTable_filter, .driveLeadsTables #toDoListFollowupsTable_filter, #archivedLeadsTable_filter {
    top: 14px !important;
}

.driveLeadsTables {
    margin-top: 20px;
}

#driveLeadsFollowupModal .flatpickr-wrapper {
    display: block;
}

#driveLeadsFollowupAttachmentsContainer {
    margin-bottom: 0;
}

.openFollowupMenuBtn {
    font-size: 1.4em !important;
    margin: 0 10px;
}

    .openFollowupMenuBtn:hover {
        cursor: pointer;
    }

#driveLeadsAttachmentsModal .attachments {
    text-align: center;
}

.toDoShowAttachmentsBtn {
    font-size: 1.4em !important;
    padding-top: 3px;
    cursor: pointer;
}

.toDoContactedCheckbox {
    margin-left: 25% !important;
    transform: scale(1.3);
}

.optOutAppraisalCheckbox {
    transform: scale(1.3);
    pointer-events: auto !important;
    margin-left: 8px !important;
}

.driveLeadsTableLabel {
    width: 340px;
}

.fa-comment-alt.greyColor:hover {
    color: #ccc !important;
}

.fa-comment-alt.vvGreenColor:hover {
    color: #ccc !important;
}

.fa-comment-alt {
    position: relative;
    margin-right: 12%;
}

    .fa-comment-alt:hover {
        cursor: pointer;
    }


#driveLeadsTableSeparator {
    margin-top: 40px;
}

.driveLeadsAttachmentsBtn {
    padding: 4px 6px;
    height: 25px;
    width: 33px;
}

.dropdownFollowupInfoPanel {
    padding: 10px;
    color: black;
    position: absolute;
    z-index: 1000;
    float: left;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    opacity: 1 !important;
    width: 440px; /*220px*/
}

/*.archivedLeadsFollowupInfoPanel {
    right: 115px !important;
}*/

.appointmentDetailsPanel {
    right: 15px !important;
}

.additionalFollowupOriginalApptContainer {
    background-color: #8BC53F;
    color: white;
    margin: 0 -10px -10px;
    padding: 0 10px 10px 10px;
}

.dropdownFollowupInfoPanel > div > div > div:first-child, .additionalFollowupOriginalAppt {
    margin-right: 5px;
    font-weight: bold;
}

.followupDetailsDate {
    font-weight: normal !important;
}

.dropdownFollowupInfoPanel > div > div:not(.closeFollowupDetailsPanelBtn) {
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;*/
    word-break: break-word;
}

.dropdownFollowupInfoPanelContainer {
    /*padding-left: 30px;*/
}

    .dropdownFollowupInfoPanelContainer > .fa-info {
        padding: 3px 10px !important;
    }

.dropdownFollowupInfoPanelHr {
    border-top: 1px solid #e5e5e5;
    margin: 10px -10px;
}

.dropdownFollowupInfoPanelHeader {
    font-size: 18px;
}

#followupCalendarInfoCol {
    width: 120px !important;
}

#driveLeadsAttachmentsModal .modal-body {
    max-height: 800px;
    overflow-y: auto;
}

.driveLeadsAttachment {
    padding: 15px 0;
}

    .driveLeadsAttachment .attachment-item {
        max-width: 300px;
    }

#driveLeadsAttachmentsModal .attachments {
    padding: 0 17px !important;
}

.driveLeadsOptOutCol {
    width: 100px !important;
}

.followupCalendarInfoColCell {
    display: table-cell;
}

#service-history-list {
    position: fixed;
    width: 300px;
    max-height: 500px;
    background-color: white;
    border: 1px solid gray;
    /*transform: translateY(-50%);*/
    z-index: 10000;
}

.service-history-list-head {
    background-color: gray;
    color: white;
    font-weight: bold;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service-history-body {
    padding: 10px;
    max-height: 448px;
    overflow-y: auto;
}

.service-history-customer-info {
    padding-bottom: 10px;
}

.service-history-record-list {
    overflow-y: auto;
}

.service-history-record {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-top: 1px solid gray;
}

.cursor-pointer {
    cursor: pointer;
}

#service-record-view-container {
    position: absolute;
    top: 0;
    left: -510px;
}

#service-record-view {
    position: absolute;
    width: 500px;
    max-height: 500px;
    background-color: white;
    border: 1px solid gray;
    z-index: 10000;
}

.service-record-view-head {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    background-color: #3984be;
    color: white;
    font-weight: bold;
}

.service-record-view-body {
    padding: 10px;
    display: flex;
    overflow-y: auto;
    max-height: 340px;
}

.service-record-view-body-left {
    min-width: 130px;
}

.service-record-line-item {
    display: flex;
}

.line-item-title {
    min-width: 100px;
    max-width: 100px;
}

.service-record-totals {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.service-record-totals-right {
    text-align: right;
}

.swal-button--cancel:focus {
    box-shadow: none !important;
}
/*#driveLeadsEmailNotifSelectionContainer {
    width: 60%;
}

#driveLeadsEmailNotifMultipleUserSelect {
    height: 40px !important;
    width: 250px;
    margin-bottom: 15px;
}*/
#driveLeadsManageSettingsModal input::-webkit-outer-spin-button, #driveLeadsManageSettingsModal input::-webkit-inner-spin-button {
    /* Chrome, Safari, Edge, Opera */
    -webkit-appearance: none;
    margin: 0;
}

#driveLeadsManageSettingsModal input[type=number] {
    /* Firefox */
    -moz-appearance: textfield;
}

#driveLeadsManageSettingsModal .modal-body {
    padding: 15px 20px;
}

#vehicleYearFromToSettingLabel {
    width: 135px;
}

.vehicleYearMileageSettingCol {
    width: 120px;
}

#currentMileageFromToSettingLabel {
    width: 135px;
}

.defaultModalFullHr {
    margin: 10px -15px;
    border-color: #e5e5e5;
}

.marginBottomZero {
    margin-bottom: 0 !important;
}

.selectVehicleYearSettingCol {
    width: 80px;
    margin-right: 10px;
}

.selectVehicleMakeSettingCol {
    width: 150px;
    margin-right: 10px;
}

.selectVehicleModelSettingCol {
    width: 250px;
}

#enableAutomatedMessageSettingContainer {
    margin: 5px 0;
}

#enableAutomatedMessageSetting {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(1.2);
    vertical-align: top;
}

#vehicleYearToFromSettingContainer {
    width: 80%;
}

#currentMileageFromToSettingContainer {
    width: 80%;
}

.usersListSettingSubLabel {
    margin: 5px 0;
}

.selectVehicleSettingLabel {
    margin-bottom: 5px !important;
}

.appraisalSettingsRemoveBtn {
    padding: 0 0 5px 10px;
    display: flex;
    align-items: flex-end;
}

.appraisalVehicle {
    margin-bottom: 5px;
}

.appraisalInquirySentGreyBtn {
    padding: 1px 11px 11px !important;
}

.selectNextStepDropdown {
    width: 160px;
}

.followupNotesAttachmentsRow {
    font-weight: normal !important;
}

.selectNextStepAppraisalIcon {
    width: 20px;
    margin-left: 7px;
}

.swal-button--confirm {
    background-color: #8BC53F !important;
    border-color: #8BC53F !important;
    color: white !important;
}

    .swal-button--confirm:hover {
        color: #333 !important;
        background-color: #e6e6e6 !important;
        border-color: #adadad !important;
    }

.swal-button--cancel {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

    .swal-button--cancel:hover {
        border-color: #adadad !important;
        background-color: #e8e8e8 !important;
    }

.swal-button {
    padding: 5px 10px !important;
}

.swal-text {
    line-height: 20px !important;
}

.swal-title:first-child {
    margin-top: 5px !important;
}

.swal-padding-40 {
    padding: 40px !important;
    width: 600px;
}

.swal-actionsButtons-right {
    justify-content: flex-end !important;
    width: 100%;
}

.swal-custom-cancelButton {
    display: inline-block !important;
    background-color: rgb(88, 89, 91) !important;
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-color: #ccc !important;
    border-radius: .25em !important;
    background-color: white !important;
}

#tradeFinderPageTitle {
    width: 340px;
}
/*******/
#contactRequestedContainer {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.marginRightFive {
    margin-right: 5px;
}

#manageEstimatesPageTitle {
    font-size: 30px; /* 22px */
}

.darkGreyButton {
    background-color: #58595B;
    color: white;
}

    .darkGreyButton:hover {
        background-color: #ccc;
    }

.greenButton {
    background-color: #8BC53F;
    border-color: #8BC53F;
    color: white;
}

th.estimatesActionsColumn {
    width: 5%;
}

td.estimatesActionsColumn {
    display: flex;
    align-items: center;
    /*justify-content: flex-end;*/
}

.estimatesActionsColumnText {
    font-size: 12px;
    line-height: 20px;
}

.estimatesActionsColumnEyeCheckIcons {
    height: 24px !important; /*34px*/
    display: flex !important;
    align-items: center;
    padding: 4px 5px !important;
}

td.estimatesActionsColumn > .btn-danger {
    padding: 3px 6px !important;
    height: 24px !important;
}

    td.estimatesActionsColumn > .btn-danger > .fa-trash {
        vertical-align: text-top;
    }

#appointmentsTableSelection {
    width: 188px;
    height: 28px;
    padding: 4px 6px;
    font-weight: bold;
}

td.allEstimatesTableItemsCol {
    text-align: center;
}

.estimatesActionsColumnPencilBtn {
    padding: 2px 6px !important;
    height: 24px !important;
}

th.allEstimatesTableItemsCol {
    width: 5%;
}

th.estimatesViewedByCustCol {
    width: 5%;
}

#customerEstimateFooterViewEstimateBtn {
    margin-left: 5px;
    margin-right: 10px;
}

.viewEstimateGreyButton {
    background-color: #58595B !important;
    color: white !important;
}

    .viewEstimateGreyButton:hover:not(.disabled) {
        background-color: #ccc !important;
    }

.btn.disabled {
    pointer-events: initial;
    opacity: 0.5;
    color: black;
}

#estimatesFilterSearchBar {
    display: flex;
    flex-wrap: wrap;
    margin-right: 80px;
}

    #estimatesFilterSearchBar .control-label {
        margin-bottom: 0;
    }

#estimatesFilterSearchBarBeginDateContainer {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

#estimatesFilterSearchBarEndDateContainer {
    display: flex;
    align-items: center;
}

/*#estimatesFilterSearchBarBeginDate, #estimatesFilterSearchBarEndDate {
    width: 90px;
    margin-left: 10px;
    z-index: 3000 !important;
    height: 28px;
}*/

#getFilteredEstimatesDataBtnsContainer {
    margin-left: 10px;
    /*align-self: flex-end;*/
}

#manageEstimatesTablesRightButtonsContainer {
    /*align-self: flex-end;*/
    display: flex;
    align-self: center;
    margin-left: 132px;
    justify-content: space-between;
    flex: 1;
}

.estimatesTemplatesArea {
    margin-top: 10px;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
}

#estimatesTemplatesModal .modal-body > div:nth-last-child(2) {
    border-bottom: none;
}

.estimatesTemplatesAreaName {
    font-weight: bold;
    /*padding: 0 5px;*/
}

.estimatesTemplatesAreaBody {
    background: #f2f2f3;
    border-radius: 4px 4px 4px 4px;
}

.estimatesTemplatesAreaBodyLeft {
    overflow-wrap: break-word;
    padding: 5px 15px 5px 10px;
    flex: 1;
}

.estimatesTemplatesAreaBodyRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 20%;
    background-color: #e0e0e0;
    border-radius: 0 4px 4px 0;
    padding: 5px 5px 5px 10px;
}

#estimatesTemplatesModal .modal-dialog {
    width: 700px;
}

#estimatesTemplatesModal .modal-body {
    max-height: 800px;
    overflow-y: auto;
}

#customerEstimateModalCustSearchContainer {
    display: flex;
    /*justify-content: flex-end;
    flex: 1;*/
    float: right;
    margin-right: 15px;
}

@media screen and (max-width: 450px) {
    #customerEstimateModalCustSearchContainer {
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .estimateTitle {
        font-size: 1.9rem !important;
    }
}

#newTransactionCustSearchContainer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

#newTransactionCustSearchContainerInner {
    flex: 1;
    justify-content: flex-end;
    display: flex;
}

    #newTransactionCustSearchContainerInner > .input-group {
        width: 214px;
    }

.headerButton {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 30px
}

#populateNewTransactionFromCustomerInfoBtn {
    position: absolute;
    left: 20px;
    top: 15px;
    height: 30px;
    cursor: pointer;
}

@media (max-width: 767px) {
    #populateNewTransactionFromCustomerInfoBtn {
        left: 60px;
    }
}
/* Estimates Templates page */
#estimatesTemplatesTableSelection {
    width: 250px;
    font-weight: bold;
    padding: 3.5px 4px !important;
}

#addTemplateModal select.form-control, #editTemplateModal select.form-control {
    width: 230px;
    padding: 3.5px 4px !important;
}
/* Automated Follow Ups (Estimates page) */
#automatedFollowUpBtn {
    margin-left: 20px;
}

#viewEstimatesTemplatePageBtn {
    margin-left: 20px;
}

#automatedFollowupTextarea {
    height: 110px !important;
}

#automatedFollowUpIntervalDropdown {
    width: 150px;
}

#automatedFollowUpsEnabledLabel {
    font-weight: normal;
    margin-left: 10px;
    margin-top: 4px;
}

.scale-1-5 {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
}

.estimatesActionsColumn .greenButton {
    color: white;
}

#manageEstimatesTablesContainer caption {
    padding-bottom: 2px;
}

#appointmentsPage, #driveLeadsPage {
    padding: 20px 40px 40px 40px;
    overflow: auto;
    height: 100%;
}

#appointmentsFilterSearchBar {
    display: flex;
    /*margin-left: 50px;*/
    align-items: flex-end;
    flex-wrap: wrap;
}

#appointmentsFilterSearchBarDate, #toDoAppointmentsFilterSearchBarDate, #filterSearchBarDate {
    width: 110px;
    margin: 0px 10px;
    z-index: 1025 !important;
}

#appointmentsFilterSearchBarEndDate, #toDoAppointmentsFilterSearchBarEndDate, #filterSearchBarEndDate {
    width: 110px;
    margin: 0px 10px;
    z-index: 1025 !important;
}

#appointmentsTitleContainer {
    margin-bottom: 20px;
}

#appointmentsPageTitleContainer {
    font-size: 18px;
}

#appointmentsLoaderContainer {
    margin-left: 15px;
}

#appointmentTodayBtn {
    margin-left: 20px;
}

#appointmentTomorrowBtn {
    margin-left: 10px;
}

.appointmentDateContainer {
    margin-left: 30px;
}

.modal-body-vv-header {
    background-color: #8BC53F;
    color: white;
    margin: 0px auto;
    padding: 10px 15px 10px 10px;
    width: 99%;
    margin-bottom: 15px;
}

.paymentLinkDetails {
    background-color: #4838E4;
    color: white;
    margin: 0px auto;
    padding: 10px 15px 10px 10px;
    width: 99%;
    margin-bottom: 15px;
}

.greyColor {
    color: grey !important;
}

.checkInColumn > .fa-comment-alt.greyColor:hover {
    color: #ccc !important;
}

.checkInColumn > .fa-comment-alt.vvGreenColor:hover {
    color: #ccc !important;
}

.checkInColumn > .fa-comment-alt {
    position: relative;
}

    .checkInColumn > .fa-comment-alt:hover {
        cursor: pointer;
    }

td.checkInColumn > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.apptsConvoBubbleNotif {
    background-color: red;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
}
/* Shuttle Map */
#mapid {
    height: 100%;
    width: 900px;
    margin-bottom: 20px !important;
    margin: auto;
    flex: 1;
}

    #mapid.mapfull {
        margin: initial !important;
        width: 74% !important;
        height: calc(100% - 60px) !important;
        top: 60px;
        /*box-shadow: #333 0 0 10px 2px;*/
    }

#shuttleSchedulePageFlex {
    display: flex;
    justify-content: space-between;
    margin: 20px;
}

#shuttleSchedulePageMain {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#shuttleSchedulePageFlexInner {
    width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* height: 300px; */
    margin-right: 20px;
    flex: 0 0 300px;
}

#shuttleSchedulePageFlexInnerTitleHeader {
    line-height: 40px;
}

#shuttleSchedulePageShuttleBtns {
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: space-around;
}

#shuttleSchedulePageFlex #buttons {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

#shuttleSchedulePageFlexInner .dt-buttons {
    margin-left: initial;
    padding-top: 0px !important;
}

#manageShuttlesFavouritesContainer {
    display: flex;
}

#manageShuttles {
    /* margin-right: 10px;*/
}

#shuttleSchedulePageShuttleDate {
    display: flex;
    align-items: center;
}

    #shuttleSchedulePageShuttleDate > span {
        width: 40%;
    }

#shuttleDate {
    margin-right: initial;
    width: 100%;
}

#shuttleSchedulePageFull {
    height: 100vh;
    overflow: hidden;
}

#shuttleScheduleAndMapContainer {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

#shuttleScheduleFullContainer {
    width: 26%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 150px;
}

#shuttleScheduleFlexOne {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#shuttleScheduleFlexTwo {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex: 1;
}

.shuttleScheduleFlexOne-Right {
    width: 60%;
}

.shuttleScheduleFlexTwo-Right {
    margin-left: 25px;
    width: 40%;
    position: relative;
}

@media screen and (max-height:1100px) {
    #shuttleSchedulePage {
        overflow: auto;
        height: 100%;
        padding: 10px 20px 20px 20px;
    }
}

@media only screen and (max-width: 1400px) {
    #shuttleSchedulePage {
        overflow: auto;
        height: 100%;
        padding: 10px 20px 20px 20px;
    }

    #shuttleScheduleFlexTwo {
        display: block;
        width: 100%;
    }

    .shuttleScheduleFlexTwo-Right {
        width: 100%;
        margin-top: 15px;
        margin-left: 0px;
    }

    #mapid {
        height: 600px;
        width: auto;
    }
}

.shuttleFilterContainer {
    display: flex;
    margin-top: 20px;
}

.shuttleContainerRight {
    display: flex;
    flex-direction: column;
}

.shuttleContainerRightTop {
    display: flex;
}

    .shuttleContainerRightTop > div {
        margin-left: 20px;
    }

.shuttleContainerRightBottom {
    display: flex;
}
/*.shuttleContainerRightBottom > div {
        margin-left:20px;
    }*/
.shuttleBtnContainer {
    /*position: absolute;
    bottom: 0;
    margin-bottom: 20px;*/
    padding: 10px 0px;
}

#mapLockBtn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: white;
    border: 2px solid rgba(0,0,0,.2);
    font-size: 1.25em;
    color: #666;
    margin: 10px;
    cursor: pointer;
}

    #mapLockBtn:hover {
        color: #333;
    }

.dayHighlight:not(.active) {
    background: #cacaca;
    background: -moz-linear-gradient(top, #cacaca 0%, #a0a0a0 100%);
    background: -webkit-linear-gradient(top, #cacaca 0%,#a0a0a0 100%);
    background: linear-gradient(to bottom, #cacaca 0%,#a0a0a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#a0a0a0',GradientType=0 );
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.dayHighlight.old:not(.active) {
    background: #b5b5b5;
    background: -moz-linear-gradient(top, #b5b5b5 0%, #848484 100%);
    background: -webkit-linear-gradient(top, #b5b5b5 0%,#848484 100%);
    background: linear-gradient(to bottom, #b5b5b5 0%,#848484 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#848484',GradientType=0 );
    color: #eaeaea;
}

.dayHighlight:hover {
    color: #333;
}

.dayHighlight.old:hover {
    color: #999;
}

.marker-title-centre {
    display: block;
    /*width: 120px;*/
    width: auto;
    text-align: center;
    transform: translate(-50%);
    position: absolute;
    bottom: 45px;
    border-radius: 3px;
    font-size: 10pt;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 5px;
    background-color: rgba(30, 150, 10, 0.8);
    border: 1px solid #909;
}

    .marker-title-centre.assigned {
        background-color: rgba(246, 255, 0, 0.8);
        color: black;
    }

    .marker-title-centre.unconfirmed {
        background-color: rgba(239, 94, 88, 0.8);
        color: white;
    }

    .marker-title-centre.declined {
        background-color: rgba(217, 43, 43,0.8);
        color: white;
    }

.smallMarker {
    width: 30px;
}

.rightLabel {
    bottom: 10px;
    left: 75px;
}

.leftLabel {
    bottom: 10px;
    left: -75px;
}

#newShuttleChatBtn {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*
.leaflet-marker-icon:hover {
    z-index: 2000 !important;
}*/
.dealerMarkerTitle {
    position: relative;
}

    .dealerMarkerTitle.lower {
        transform: translate(-50%, 100%);
    }

.marker-icon {
    transform: translate(-50%, -5px);
    position: absolute;
    bottom: 0px;
}

.dealerMarker {
    width: 60px;
    max-height: 60px;
    left: auto !important;
    transform: translate(-50%, 50%);
}

#instructionsDriverSpan {
    resize: none;
    width: 196px;
}

#updateDriverInstructions {
    resize: none;
}

.completeColumnCenter {
    text-align: center;
    vertical-align: middle !important;
}

#shuttleDriverInstructionsContainer {
    margin-bottom: 5px;
    margin-right: 5px;
}

.shuttleRowNum {
    width: 1% !important;
}

img {
    -ms-interpolation-mode: bicubic;
}
/** BOOTSTRAP AND NAVBAR.LESS FIX */
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    align-items: center;
}

@media (min-width: 768px) {
    .navbar-header {
        padding-left: 15px;
    }

    .container-fluid > .navbar-collapse {
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header {
        margin-right: auto;
        margin-left: auto;
    }
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: initial;
}
/***************************/
#saveChangesCampaignBtn-container {
    left: 8.5%;
}

.btn-disabled {
    background-color: #ccc !important;
    color: #333 !important;
    cursor: not-allowed;
}

#addCampaignBtn-container {
    right: 4%;
}

#AutoReply, #CampaignBody {
    max-width: 100%;
}

#endBeforeStartMsg, #startOrEndBeforeTodayMsg, #differentDealerValidationMsg, #startOrEndBeforeTodayMsg2 {
    position: absolute;
    width: 525px;
}

#keywordAlreadyExists, #autoReplyContainer, #endBeforeStartMsg, #startOrEndBeforeTodayMsg, #differentDealerValidationMsg, #startOrEndBeforeTodayMsg2, #campaignEndRequired {
    display: none;
}

#campaignImgPreview-container {
    max-width: 360px;
    max-height: 250px;
    overflow: auto;
    display: inline-block;
    position: relative;
}

#campaignImgPreview {
    margin-top: 10px;
    width: 100%;
    height: 100%;
}

#removeImg {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none;
}

#progressCampaign {
    width: 100%;
    height: 15px;
    pointer-events: none;
}


#uploadContainer {
    display: none;
}

.campaign-toasts {
    bottom: 20px !important;
}
/* Labels for Message Status

.label {
    display: inline-block !important;
}

.label-info {
    font-size: 12px;
    float: left;
    top: 6px;
    left: 8px;
    margin-right: 10px;
}
*/
/* Chat Window Panel */
.chat-input, #chatInput___livespell_proxy {
    width: calc(100% - 95px) !important; /* calc(100% - 95px) */
    width: -webkit-calc(100% - 95px) !important;
    width: -moz-calc(100% - 95px) !important;
    float: left !important;
    display: table-cell;
    vertical-align: middle !important;
    resize: vertical !important;
    max-height: 74px !important;
    border-radius: 0px 5px 5px 5px;
}
/* Chat commands fix - cross-browser */
textarea.form-control, #chatInput___livespell_proxy {
    min-height: 74px !important;
    resize: vertical;
}

#chatInput__livespell_proxy {
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.428571429 !important;
    color: #555555 !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

.not-chat-commands {
    float: right;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

    .not-chat-commands > label:first-child {
        margin-bottom: 4px;
    }

.fileUploadInNoteContainer {
    margin-top: 4px;
}

.chat-commands {
    display: table-cell;
    position: relative;
    height: 74px;
    width: 95px;
}

#chat-input-translation {
    position: absolute;
    right: 105px;
    bottom: 10px;
    cursor: pointer;
    color: white;
    padding: 0 5px;
    background-color: #A9A9A9;
    opacity: 0.5;
    border-radius: 5px 0 5px 0;
}

    #chat-input-translation:hover {
        color: rgba(0,0,0,0.9);
    }

.chat-commands > label, .chat-commands > button {
    vertical-align: inherit;
}

.chat-commands > label, .not-chat-commands label {
    padding-top: 10px !important;
    margin-right: 2px;
}

.chat-footer {
    width: 100%;
    position: relative;
    left: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

#fileUploadButton {
    top: 0px;
    left: 4px;
    position: absolute;
}

#fileUploadButtonCampaign {
    margin-bottom: 5px;
}

#sendMessage {
    top: 0px;
    left: 51px;
    position: absolute;
    font-size: 1.3em;
}
/***************/
.faqEdit {
    margin: 5px 0px 5px 5px;
}

.faqDelete {
    margin: 5px 5px 5px 0px;
}

#faqBodyContainer {
    margin-top: 15px;
}

.faqBoxes {
    background-color: gainsboro;
    font-size: 18px;
}

#faqBodyContainer > .panel {
    margin-top: 15px !important;
    margin: auto;
}

.faqHeading {
    padding: 5px;
    background-color: white !important;
    border: 1px solid gray !important;
}

.panel-collapse > .panel-body {
    padding-bottom: 10px !important;
}

#bottom-faq-container {
    margin-top: 50px;
}

#FAQTitleHeader {
    font-size: 2em;
    float: left;
}

#faqSearchBox {
    float: right;
}

    #faqSearchBox > .form-control {
        width: auto;
    }

.viewFAQButton {
    text-align: right;
}

#filterFAQ {
    font-weight: normal;
    text-align: right;
    clear: both;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.questionToShow {
    color: black;
    font-weight: bold;
}

    .questionToShow:link {
        color: black;
    }

.messages {
    padding: 10px;
    padding-top: 4px;
    padding-bottom: 0.5px;
    position: relative;
    margin: 0.4em;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    background: #fff; /*#96C856;*/
    min-width: 50px;
    max-width: 70%; /* nothing before */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 8px 8px 8px 0px;
    font-size: 14px;
    word-break: break-word;
    /*box-shadow: rgba(0,0,0,0.2) 2px 2px; -- REMOVED along with panel's box shadow on 10/6/2017 */
    /** added so trial expiry would be hidden behind it **/
    z-index: 2;
    /*
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: -webkit-pre-wrap;
    -ms-word-break: break-all; --> This is the dangerous one in WebKit, as it breaks things wherever
    word-break: break-all; --> Instead use this non-standard one: 
    */
}


.msg-time {
    margin-bottom: 0px;
    margin-top: 5px;
    margin-right: 5px;
}

.status-stamp {
    float: left;
    top: 98%;
    font-size: 12px;
}

#customer-name-mobile {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 370px;
    /*padding-left: 30px;*/
    padding-right: 35px;
    text-align: left;
    padding-left: 0;
}

#notifications-button {
    position: fixed;
    left: 490px;
    top: 10px;
    z-index: 1030;
    color: #fff;
}

.modal {
    /*z-index: 3000 !important;*/
}

#notificationsArea {
    position: absolute;
    top: 200%;
    left: 50%;
    width: 470px;
    max-height: 80vh;
    overflow: auto;
    /*overflow-y: scroll;*/
    transform: translateX(-50%);
    border: 2px solid #858683;
    background-color: #fff;
    float: right;
    z-index: 1998;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    color: #000;
}

#notificationsArea-top {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1999;
}

#notifications-button:hover {
    cursor: hand;
}

.activities {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.6em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
    border-bottom: 1px solid #cacaca;
    line-height: 1.2em;
    padding: 17px;
    padding-bottom: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* Comment out if don't want to show times for recent activities */
.recentActivity-timestamp {
    position: absolute;
    bottom: 0;
    right: 0px;
    font-style: italic;
    font-size: 11px;
    padding-right: 8px;
    color: #331c1c;
}

#notificationsArea div:last-child {
    border-bottom: none !important;
}

.upshift {
    top: -6px;
    position: relative;
}

#loadPreviousMessages {
    height: 20px;
    margin-top: 0.75em;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.loader, .chatLoader, #customersLoader, #reportLoader {
    border: 4px solid #f3f3f3; /* #f3f3f3 */
    border-radius: 50%;
    border-top: 4px solid #96C856; /* #3498db*/
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 5px auto;
}

#reportLoader {
    margin-top: 100px;
}

.loader-small {
    border: 2px solid #f3f3f3; /* #f3f3f3 */
    border-radius: 50%;
    border-top: 2px solid #96C856; /* #3498db*/
    width: 10px;
    height: 10px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 5px auto;
}

.margin-5-auto {
    margin: 5px auto;
}

#characters-warning {
    position: fixed;
    z-index: 2000;
    display: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

#convoSearchByTypeDropdownBtn {
    height: 30px;
}

    #convoSearchByTypeDropdownBtn:hover {
        border-left-color: #adadad;
    }

.convoSearchByTypeInput {
    width: 200px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 13px;
    padding: 6px 5px;
    height: 30px;
}

#convoSearchByTypeInputGroup {
    position: absolute;
    z-index: 500;
    top: 15px; /*18px*/
    right: 90px;
    width: 330px;
}

#convoSearchByTypeInputGroupInner {
    display: flex;
    width: auto;
}

#searchCustomerConvoBtn {
    height: 30px;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#preSearchCustomerConvoBtn {
    height: 30px;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.convoSearchByTypeDropdownItem {
    text-align: left;
}

/*.fpWrapperContainerAbsolute > .flatpickr-wrapper {
    position: absolute;
    display: block;
}*/

#convoSearchByTypeInputGroup > .flatpickr-wrapper {
    vertical-align: middle;
}

.customerConvoSearchHighlight {
    background-color: rgba(150, 200, 86, 0.44);
}

.customerConvoSearchNavigationHighlight .customerConvoSearchHighlight {
    background-color: #96C856;
}

#closeSearchCustomerConvoBtn, #openSearchCustomerConvoBtn {
    background-color: grey;
    height: 30px;
    border-right-color: grey;
}

    #closeSearchCustomerConvoBtn:hover, #openSearchCustomerConvoBtn {
        border-left-color: #adadad;
    }

#closeSearchCustomerConvoBtnInner, #openSearchCustomerConvoBtnInner {
    color: white;
}

#openSearchCustomerConvoBtn {
    position: absolute;
    right: 70px;
    border-color: grey;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#searchCustomerConvoBtnContainer {
    position: absolute;
    right: 65px;
}

#preSearchCustomerConvoBtnContainer {
    position: absolute;
    right: 65px;
    pointer-events: none;
}

#convoSearchNavigateResults {
    text-align: right;
    font-size: 10px;
    position: absolute;
    top: 32px;
    right: 73px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px;
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.searchCustConvo-slide-fade-enter-active {
    transition: all .3s ease;
}

.searchCustConvo-slide-fade-leave-active {
    transition: all .3s ease-out /*cubic-bezier(1.0, 0.5, 0.8, 1.0);*/
}

.searchCustConvo-slide-fade, .searchCustConvo-slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateX(10px);
    opacity: 0;
}

/* Recent Activity bell animation */
@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

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

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

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

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

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease 1;
    animation: ring 2s ease 1;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}
/* */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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

.messages.queued, .messages.sending, .messages.sent,
.messages.delivered, .messages.undelivered, .messages.unsubscribed,
.messages.failed, .messages.unknown, .messages.blocked {
    float: left;
}

.messages.received {
    float: right;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
    background: -moz-linear-gradient(#fff, #2e88c4);
    background: -o-linear-gradient(#075698, #2e88c4);
    background: #E4E4E4; /*linear-gradient(#075698, #2e88c4);*/
    border-radius: 8px 0px 8px 8px;
    padding-bottom: 4px;
}

.message-translation-icon {
    position: relative;
    float: left;
    color: #17698a;
    font-size: 11px;
    cursor: pointer;
}

.received::after {
    content: "";
    clear: both;
    display: table;
}

.message-container {
    width: 100%;
}

    .message-container::after {
        content: "";
        display: table;
        clear: both;
    }

.empty-chat {
}

.language-select {
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
}

    .language-select:first-child {
        margin-top: 5px;
    }

.no-mar-pad {
    margin: 0;
    padding: 0;
}

.language-select:hover {
    background-color: #ccc;
}

.empty-chat-content {
    text-align: center;
}

#charCount {
    position: absolute;
    top: 60px;
    left: 273px;
    font-size: 10px;
    font-weight: bold;
}

#showUnreadMsgs {
    position: absolute;
    z-index: 499;
    right: 10px;
    top: 10px;
    background-color: grey;
    color: white;
    height: 42px;
    width: 50px;
    padding-top: 5px;
    padding-right: 40px;
    font-size: 2em !important;
}

#cancelUnread, #cancelFailedMessagesFilter {
    display: none;
    position: relative;
    z-index: 499;
    margin: 0 auto;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

#updateMessageStatus, #getTokenTest, #sendSMSTest, #sendCampaignMsgs, #updateCampaignMsgStatus, #sendExpressNotificationTest {
    position: absolute;
    left: 1390px;
    top: 740px; /*840px*/
}

#updateCampaignMsgStatus {
    left: 1150px;
}

#sendCampaignMsgs {
    left: 1450px;
}

#getTokenTest {
    left: 1320px;
}

#sendSMSTest {
    left: 1250px;
}

#sendExpressNotificationTest {
    left: 1100px;
}
/* DataTables & Site-Wide styling */
.dataTables_length {
    font-size: 12px;
}

.dataTables_info {
    font-size: 12px;
}

.dataTables_paginate {
    font-size: 12px;
    padding-top: 0;
}

    .dataTables_paginate .paginate_button {
        padding: 0 !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

.dataTable th {
    font-size: 13px;
    font-family: HelveticaNeueBold, Helvetica, Arial, sans-serif;
    padding: 5px !important;
    font-weight: normal !important;
}

.dataTable td {
    font-size: 13px;
    text-align: left;
    /*padding: 4px 5px !important;*/
}
/* vvTable class, to designate tables with caption and green hr 
   [vvTable MUST BE SET ON A TABLE'S CONTAINER, NOT TABLE ITSELF] */
.vvTable table.dataTable caption:not(#latestInspectionReportBtnContainer) {
    padding-bottom: 2px;
    color: #96C856;
    font-size: 20px;
}

.vvTable caption > hr {
    margin: 0;
    height: 1px;
    background-color: #96CA4F;
    margin-top: 3px;
}

.vvTable .dataTables_filter {
    position: absolute;
    right: 0;
    top: -25px; /*8px*/
}

#contactRequestedTable_filter {
    top: 2px;
}

.vvTable .dataTables_filter .form-control {
    height: 25px;
    font-size: 12px;
}

.dataTable tbody .btn:not(.campaign-action) {
    height: 20px;
    font-size: 12px;
    padding: 1px 10px;
}

.btn:not(.fa) {
    height: 28px;
    font-size: 14px;
    padding: 3px 10px;
}

.pageTitle {
    font-size: 30px;
}

.alignItemsCenter {
    align-items: center;
}

.alignItemsStart {
    align-items: start !important;
}

.missedAppointment {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.missedApptDirection {
    width: 100%;
}

@media (max-width: 450px) {
    .missedAppointment {
        flex-direction: column;
        align-items: start;
    }
}

.text-danger {
    color: #d9534f !important;
    font-size: 11px !important;
}

.modal .control-label {
    font-family: HelveticaNeueBold, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

input.form-control:not(#customerSearch):not(#noteInput):not(.addTransactionChooseFileBtn):not(#internalChatTextbox):not(#internalGroupChatTextbox):not(.convoSearchByTypeInput):not(.forgotPasswordControl):not(.resetPasswordControl):not(.call-to-text-custom-textbox):not(.help-center-search-textbox):not(.vv-textfield):not(#customerEstimateModal .form-control):not(#itemizeEstimateEditModal .form-control):not(.shuttle-modal-body .form-control) {
    height: 28px;
    font-size: 13px !important;
    padding: 6px 5px;
}

.custom-form-control {
    height: 40px !important;
    font-size: 16px !important;
    padding: 10px 8px !important;
}

select.form-control:not(#customerEstimateModal .form-control):not(#itemizeEstimateEditModal .form-control):not(#newTransactionModal .form-control):not(.shuttle-modal-body .form-control) {
    height: 28px !important;
    font-size: 13px !important;
    padding: 4.5px 4px !important; /*5.5px 4px*/
}

select.selectNextStepDropdown:not(#archivedLeadsTable .selectNextStepDropdown) {
    height: 20px !important;
    font-size: 13px !important;
    padding: 0.5px 4px !important;
}

.modal-title {
    font-family: 'Roboto', sans-serif !important;
    font-size: 22px !important;
    display: inline;
}

.modal-desc {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    display: inline;
    width: 70%;
}

.modal-amount {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    display: inline;
    width: 30%;
    float: right;
}

.modal-line {
    border-bottom: solid 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.modal-promocheck {
    margin-top: 15px;
    margin-bottom: 40px;
}

.modal-body {
    padding-top: 5px;
}
/* Flatpickr */
.flatpickr-day.selected {
    background: #96c856 !important;
    border-color: #96c856 !important;
}

.flatpickr-confirm.visible {
    background: #96c856;
    color: white !important;
}

    .flatpickr-confirm.visible:focus {
        outline: 0;
    }

.flatpickr-calendar {
    width: 250px !important;
}

.flatpickr-days {
    width: 250px !important;
}

    .flatpickr-days > .dayContainer {
        width: 250px;
        min-width: 250px;
        max-width: 250px;
    }

.flatpickr-day {
    height: 29px !important;
    line-height: 29px !important;
    max-width: 29px !important;
    margin-left: 2.5px !important;
    margin-right: 2.5px !important;
}

.fpWrapperContainer > .flatpickr-wrapper {
    display: block;
    /*width: 100%;*/
}

/* Loaner Vehicles */
#bookLoanerVehicleModalCustSearchContainer .input-group-btn > .btn, #reserveLoanerVehicleBody .input-group-btn > .btn {
    height: 28px !important;
    padding: 2.5px 10px !important;
}

#bookLoanerVehicleModalCustSearchContainer label {
    margin-bottom: 0;
    margin-left: 25px;
}

#bookLoanerVehicleModal .validationMsg {
    width: 100%;
    text-align: right;
}

#bookLoanerVehicleModal .control-label {
    font-size: 12px !important;
}

#reserveLoanerVehicleModal .validationMsg {
    display: block;
}

#addLoanerVehicleModal > .modal-dialog, #editLoanerVehicleModal > .modal-dialog {
    margin: 10px auto;
}

.loanerVehicleModalTwoColumns {
    width: 47%;
}

#addLoanerVehicleBody, #editLoanerVehicleBody {
    padding-bottom: 0;
}

.specifyOtherVehicleDepartmentContainer {
    margin-top: 5px;
}

.vehicle-note {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 10px;
}

.darkGreyButton {
    background-color: #58595B;
    color: white;
}

    .darkGreyButton:hover {
        background-color: #ccc;
    }
/*
    .fuelLevelIndent {
        padding-left: 35px !important;
    }*/
.loanersDropdown {
    padding: 2px 4px !important;
}

.smallModals {
    width: 300px;
    margin: 0 auto;
    /*font-size: 12px;*/
}

#inspectionReportDetailsContainer {
    border: 1px solid grey;
    width: 250px;
    background-color: white;
    z-index: 1;
}

/*#inspectionReportModal {
    z-index: 3005 !important;
}*/

#inspectionReportDatedAddedContainer, #inspectionReportDatedArchivedContainer {
    font-size: 9px;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
}

.thinHr {
    margin-top: 5px;
    margin-bottom: 5px;
}

#inspectionReportDetailsBoxContainer {
    padding-bottom: 5px;
}

#inspectionReportDetailsBox {
    width: 220px;
    font-size: 10px;
    padding: 5px;
}

#inspectionReportDetailsBoxInnerContainer {
    display: flex;
    justify-content: center;
}

#inspectionReportEditContainer {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    width: 218px;
    margin-left: 15px;
    flex-direction: row-reverse;
}

#closeInspectionReportEditContainer {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 4px;
}

#inspectionReportEditContainerInnerBtns {
    display: flex;
    align-items: center;
}

    #inspectionReportEditContainerInnerBtns > div {
        margin-left: 5px;
    }

#inspectionReportEditBtn {
    background-color: grey;
    color: white;
    padding: 4px 8px;
    height: 25px
}

#inspectionReportCancelBtn {
    font-size: 12px;
}

    #inspectionReportCancelBtn:hover {
        cursor: pointer;
    }

.smallCompactBtn {
    padding: 2px 12px;
    height: 25px;
}

#inspectionReportImage {
    width: 576px; /*500px;*/
}

.red-x {
    color: red;
}

.gray-x {
    color: darkgray;
}

/* Inspection Report Attachments */

#inspectionReportAttachmentsModal {
    z-index: 5000 !important;
}

    #inspectionReportAttachmentsModal .attachments {
        float: initial;
    }

.inspectionReportFileUploadProgress {
    height: 25px !important; /*24px*/
    width: 28px; /*34px*/
    position: absolute;
    top: -1px; /*0*/
    right: 1px;
}

    .inspectionReportFileUploadProgress > .bar {
        display: block;
        position: absolute;
        left: 1px;
    }

#inspectionReportFileUploadButtonContainer {
    flex: 1;
}

.inspectionReportFileUploadButton {
    position: relative;
    height: 25px;
    padding: 5px 8px !important;
}

.inspectionReportAttachment {
    display: inline-block;
    position: relative;
}

.inspectionReportRemoveAttachmentButton {
    position: absolute;
    right: 0px;
    top: -10px;
    font-size: 12px;
    cursor: pointer;
}

.inspectionReportViewAttachmentsBtn {
    padding: 4px 8px;
    margin-right: 5px;
}

    .inspectionReportViewAttachmentsBtn:hover, .inspectionReportViewAttachmentsBtn:focus, .inspectionReportViewAttachmentsBtn:active {
        border-color: transparent;
        background-color: transparent;
    }

.inspectionReportAttachment .attachment-item {
    max-width: 150px;
    float: initial;
}

#inspectionReportAttachmentsModal .attachments {
    text-align: center;
}

#inspectionReportAttachmentsModal .modal-body {
    max-height: 700px;
    overflow-y: auto;
}

.spaceBetweenFlex {
    display: flex;
    justify-content: space-between;
}

.spaceAroundFlex {
    display: flex;
    justify-content: space-around;
}

#bookLoanerPrintFormBtn {
    /*float: left;
    margin-left: 30px;*/
    margin-left: 0;
    color: white;
}

#editRecordPrintFormBtn {
    float: left;
}

.todaysApptsBtn {
    float: left;
}

#reserveLoanerVehicleModal .todaysApptsBtn {
    margin-top: 5px;
    margin-bottom: 10px;
}

#bookLoanerVehicleModal .modal-content {
    font-size: 12px;
}

#bookLoanerVehicleModal .modal-dialog {
    width: 1100px; /*1200px*/
    max-width: 95%;
}

#bookLoanerVehicleModalCustSearchContainer {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

    #bookLoanerVehicleModalCustSearchContainer > .input-group {
        margin-left: 15px;
        width: 220px;
    }

#bookLoanerVehicleBody {
    display: flex;
    justify-content: space-between;
    height: 560px; /*540px*/
    padding: 10px 15px;
}

#bookLoanerVehicleBodyLeft {
    width: 35%;
}

#bookLoanerVehicleBodyLeftInspectionReportContainer {
    padding: 0 10px;
}

#bookLoanerVehicleBodyMiddleRight {
    height: 520px;
    width: 70%;
}

#bookLoanerVehicleBodyRight {
    width: 50%;
    height: 100%;
    margin-bottom: 0;
}

#bookLoanerVehicleBodyRightTop {
    height: 250px;
    padding: 0;
}

#bookLoanerVehicleBodyMiddle {
    width: 50%;
    margin: 0 15px;
}

.bookLoanerVehicleBodySubsection {
    border: 0 solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    margin-bottom: 10px;
}

#bookLoanerVehicleLoanerInfoSubsection {
    height: 473px;
    justify-content: normal;
}

#bookLoanerVehicleLoanerInfoSubsectionTop {
    height: 130px;
}

#bookLoanerVehicleLoanerInfoSubsection hr {
    margin: 20px 0;
    height: 1px;
    background-color: #96CA4F;
}

#bookLoanerVehicleLoanerInfoSubsectionLeft {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#bookLoanerVehicleLoanerInfoSubsectionRight {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#bookLoanerVehicleBodyLeftBottomSubsection {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*margin-top: 20px;*/
    height: 100%;
}

.bookLoanerVehicleBodyLeftBottomColField {
    width: 48%;
}

#bookCustomerNotes {
    min-height: 70px !important; /*50px*/
}

#bookLoanerVehicleFooter {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-top: none;
    padding: 0;
}

.bookLoanerSignatureActionsSection {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    border-top: solid 1px #ddd;
    padding-top: 10px;
    font-weight: bold;
}
/*#bookLoanerVehicleFooterCancelSubmitContainer {
    margin-right: 5px;
}*/
#bookLoanerVehicleFooter:before, #bookLoanerVehicleFooter:after {
    content: none;
}

#reserveLoanerVehicleButton {
    margin-left: 0;
}

#closeReserveLoanerVehicleButton {
    margin-left: 0;
}

.loanerHistoryBtn {
    /*margin-left: 5px;*/
    margin-right: 5px;
}

.verticalMarginsTen {
    margin-top: 10px;
    margin-bottom: 10px;
}

#loanerVehiclesTableSelection {
    width: 180px;
    height: 28px;
    padding: 4px 6px;
    font-weight: bold;
    /*height: 100%;*/
}

#loanerVehiclesTableSelectionContainer {
    position: absolute;
    top: 25px;
    display: flex;
}

#openCompletedRecordsModalBtn {
    margin-left: 20px;
}

#completedRecordsModal .modal-dialog {
    width: 90%;
}

#completedRecordsTable caption {
    padding-top: 0;
}

#completedRecordsTable_filter {
    top: -35px !important;
}

#loanerVehicleHistoryTable_filter {
    /*top: 8px !important;*/
    top: -20px;
}

#completedRecordsFiltersContainer {
    display: flex;
    flex-wrap: wrap;
}

    #completedRecordsFiltersContainer .loader {
        margin-left: 5px;
        align-self: flex-end;
    }

#completedRecordsFilterBeginDateContainer {
    width: 100px;
}

#completedRecordsFilterEndDateContainer {
    width: 100px;
    margin-left: 20px;
}

#completedRecordsFilterSearchContainer {
    width: 280px;
    margin-left: 20px;
}

#completedRecordsFilterSubmitBtn {
    align-self: flex-end;
    margin-left: 10px;
}

#completedRecordsFilterClearBtn {
    align-self: flex-end;
    margin-left: 5px;
}

.agreementNumCol {
    min-width: 100px;
}

.viewAgreementCol {
    min-width: 95px;
}

.searchRecordsCustNameCol, .searchRecordsVehicleCol {
    min-width: 130px;
}

.searchRecordsMileageUsedCol {
    min-width: 110px;
}

.searchRecordsNotesCol {
    min-width: 100px;
}

.displayFlex {
    display: flex;
}

.loanerEditBtn {
    /*height: 25px;*/
    padding: 2px 8px !important;
}

#reserveLoanerVehicleModalBtn {
    margin-left: 20px;
}

#showRentedVehiclesBtn {
    margin-left: 20px;
}

#addLoanerVehicleModalBtn {
    margin-left: 20px;
}

.justifyFlexEnd {
    display: flex;
    justify-content: flex-end;
}

.justifyFlexStart {
    display: flex;
    justify-content: flex-start;
}

.alignFlexEnd {
    display: flex;
    align-items: flex-end !important;
}

.alignFlexStart {
    display: flex;
    align-items: flex-start !important;
}

#loanerVehicleHistoryModal > .modal-dialog {
    width: initial;
    text-align: center;
    /*top: 80px;*/
}

#loanerVehicleHistoryModal .modal-content {
    display: inline-block;
    width: 1000px;
}

#loanerVehicleHistoryModal .modal-body {
    padding-top: 0;
}

#editLoanerVehicleModal .modal-header {
    padding-bottom: 10px;
    padding-top: 10px;
}

#editLoanerVehicleBody {
    padding-bottom: 0px;
    padding-top: 10px;
}

#editLoanerVehicleFooter {
    padding-top: 10px;
    padding-bottom: 10px;
}

#outForMaintenanceCheckbox {
    vertical-align: top;
}

#inspectionReportBodyInner {
    position: relative;
}

#saveInspectionReportDetailsBtn {
    padding: 4px 6px;
}

#cancelInspectionReportObjBtn {
    padding: 5px 6px; /* 4px 6px */
}

#deleteInspectionReportObjBtn {
    padding: 4px 6px;
    background-color: grey;
    color: white;
}

#damageReportTitleContainer {
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
}

#inspectionReportTypeDropdown {
    width: 220px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.loaners-section #button-container > div {
    margin: initial;
}

.vueVisible {
    visibility: visible !important;
}

.vueHidden {
    visibility: hidden !important;
}

    .vueHidden * {
        visibility: hidden !important;
    }

.loanerTable {
    width: 100%;
}

#loanerTablesContainer {
    position: relative;
    margin-top: 50px;
}

#showArchivedLoanerVehiclesBtn, #hideArchivedLoanerVehiclesBtn {
    margin-left: 20px;
}

.loanerAgreementBodyHeaders {
    border-bottom: 1px solid #ccc;
}

#import-vehicles-btn {
    margin-left: 20px;
}

#loanerAgreementModal .modal-content {
    /*width: 350px;
    margin: 0 auto;*/
    font-size: 12px;
}

.loanerAgreementBodyRates > input {
    width: 70%;
}

.loanerAgreementBodyRates {
    /*display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30%;*/
}

#loanerAgreementFooter {
    display: flex;
    justify-content: space-between;
}

    #loanerAgreementFooter:before, #loanerAgreementFooter:after {
        content: none;
    }

#disclaimerAgreement {
    min-height: 300px !important;
}

/*#loanerAgreementFooterSaveCloseContainer {
    width: 50%;
}*/

#loanerAgreementBodyDisclaimer, #loanerAgreementBody > .form-group, .loanerAgreementBodyHeaders > .control-label, .loanerAgreementBodyRates > .control-label {
    margin-bottom: 0px;
}

#saveManageFormLanguageDropdown {
    width: 50px;
    margin-left: 20px;
}

#bookLoanerFormLanguageDropdown {
    width: 50px;
    margin-left: 10px;
}

.btn.disabled {
    pointer-events: initial;
    opacity: 0.5;
    color: black;
}

.loanerHistoryModalViewFormBtn {
    width: 70px;
}

#editLoanerVehicleRecordModal .modal-content {
    width: 350px;
}

.indicatesRequiredFieldMsg {
    font-size: 12px;
    margin-bottom: 5px; /*20px*/
}

#bookLoanerVehicleModal .indicatesRequiredFieldMsg {
    padding-top: 5px;
    padding-left: 15px;
}

#returnLoanerVehicleInspectionDetailsContainer {
    margin-top: 30px;
}

.showElementDescriptionFull {
    display: none;
}

.showElementDescriptionContainer {
    position: relative;
}

    .showElementDescriptionContainer:hover .showElementDescriptionFull {
        display: block;
    }

.showElementDescriptionFull {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    /*max-width: 600px;*/
    z-index: 5000;
    padding: 5px;
    top: -6px;
    left: -6px;
    width: 300px;
}

#vehicleNotesBody {
    padding-top: 15px;
}

#vehicleNotesFooter {
    padding: 10px;
}

#showVehicleNotesBtn {
    margin-left: 10px;
}

#returnLoanerVehicleFooter:after, #returnLoanerVehicleFooter:before {
    content: none;
}

#returnLoanerVehicleChargesContainer {
    border: 1px solid black;
    padding: 20px;
}

#returnLoanerVehicleRatesCol, #returnLoanerVehicleUsedCol {
    flex-grow: 1;
}

#returnLoanerVehicleChargesCol {
    flex-grow: 1;
    max-width: 200px;
}

.returnLoanerVehicleChargesHeader {
    font-weight: bold;
    border-bottom: 1px solid #8BC53F;
    margin-bottom: 5px;
}

.returnLoanerVehicleChargesRow {
    border-bottom: 1px solid #e5e5e5;
}

#returnReceiptOtherChargeContainer {
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

#returnReceiptOtherChargeLabel {
    position: absolute;
    left: -45px;
    top: 3px;
}

#returnLoanerVehicleTotalChargeContainer {
    position: relative;
}

#returnLoanerVehicleTotalChargeLabel {
    position: absolute;
    left: -39px;
    top: 0px;
}

#returnReceiptOtherCharge {
    width: 90px;
}

.greyedOut {
    color: #b9b9b9;
}

#returnNewDamageReportHeader {
    font-weight: bold;
    margin-bottom: 5px;
}

#returnNewDamageReportItemsContainer {
    border: 1px solid #e5e5e5;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}

.returnNewDamageReportItem {
    flex-basis: 33.333333%;
    display: flex;
    justify-content: space-between;
}

#returnNewDamageReportItemsContainer .inspectionReportViewAttachmentsBtn {
    margin-left: 10px !important;
    color: #969696;
    padding: 2px 6px;
}

.loanerActionsColumn {
    width: 10%;
}
/* The container */
.returnVehicleGreenCheckmarkContainer {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Create a custom checkbox */
.returnVehicleGreenCheckmark {
    position: absolute;
    top: 3px;
    right: 0px;
    height: 13px;
    width: 13px;
    border-radius: 2px;
    background-color: #eee;
}

/* Hide the browser's default checkbox */
.returnVehicleGreenCheckmarkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* On mouse-over, add a grey background color */
.returnVehicleGreenCheckmarkContainer:hover input ~ .returnVehicleGreenCheckmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a VV green background */
.returnVehicleGreenCheckmarkContainer input:checked ~ .returnVehicleGreenCheckmark {
    background-color: #8BC53F;
}

/* Create the checkmark/indicator (hidden when not checked) */
.returnVehicleGreenCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.returnVehicleGreenCheckmarkContainer input:checked ~ .returnVehicleGreenCheckmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.returnVehicleGreenCheckmarkContainer .returnVehicleGreenCheckmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(43deg);
}

#printReturnReceiptDisabledBtn {
    color: white !important;
    margin-left: 0 !important;
}

.viewAgreementEyeBtn {
    color: white;
    width: 34px;
    padding: 1px 5px !important;
}

    .viewAgreementEyeBtn > .fa.fa-eye {
        font-size: 1.4em;
    }
/* Loaners on chat page */
.rentals-section a:hover {
    cursor: pointer;
}

#bookLoanerVehicleModalVehicleDropdownContainer {
    width: 350px;
    padding-left: 25px; /*15px*/
    /*padding-top: 10px;*/
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    #bookLoanerVehicleModalVehicleDropdownContainer > select {
        width: 80%;
    }
/*
#loanerVehiclesCustomerBoxTitle {
    margin-left: 5px;
}*/

    #loanerVehiclesCustomerBoxTitle > .spaceBetweenFlex {
        flex-wrap: wrap;
    }

#loanerVehiclesCustomerBoxButtons {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    flex-wrap: wrap;
    /*position: absolute;
    right: 10px;*/
}

#bookLoanerVehicleCustomerModalBtn {
    /*margin-right: 20px;*/
}

#reserveLoanerVehicleCustomerModalBtn {
    padding-left: 15px;
}

.flexDirectionColumn {
    display: flex;
    flex-direction: column;
}

.bookReserveCustLoanerBtnContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.addressDataLoader {
    position: absolute;
    top: 0;
    right: 5px;
}

/* Loaner Vehicles in mobile views */
@media (max-width: 1024px) {
    .loanerActionsColumn {
        min-width: 140px;
    }

   
}

/* USER INFO PANEL */
#showFavourites {
    position: absolute;
    right: 20px;
    top: 20px;
}

#updateCustomerButton {
    position: absolute;
    right: 20px;
    top: 15px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    height: 30px;
    width: 30px;
    padding: 8px 8px;
}
/*
    #updateCustomerButton:hover, #updateCustomerButton:active, #updateCustomerButton:focus {
        background-color: #DB0D25;
        border-color: #901111;
    }*/

#delete-customer-button {
    float: left;
}

#updateCustomerButton:focus {
    outline: 0;
}

#search-cust-button {
    outline: 0;
}

#pushNote:focus {
    outline: 0;
}

#sendMessage:focus {
    outline: 0;
}

.notes-input {
    width: calc(100% - 47px);
    width: -webkit-calc(100% - 47px);
    width: -moz-calc(100% - 47px);
    float: left;
    display: table-cell;
    vertical-align: middle;
}

.panel {
    margin: 10px;
    position: relative;
    /*box-shadow: rgba(0,0,0,0.2) 3px 3px;*/
    border: none !important;
}
/*
.panelAlerts {
    -webkit-animation-name: alertPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: alertPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    animation-name: alertPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes alertPulse {
    from {
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }

    50% {
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

    to {
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }
}*/

.unreadAlerts {
    /*border: 2px solid #F21616 !important;
    box-shadow: 0 0 10px #F21616;*/
    -webkit-animation-name: unreadPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: unreadPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    animation-name: unreadPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes unreadPulse {
    from {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }

    50% {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        background-color: rgba(0,0,0,0.2);
    }

    to {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }
}

.unreadAlerts {
    /*border: 2px solid #F21616 !important;
    box-shadow: 0 0 10px #F21616;*/
    -webkit-animation-name: unreadPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: unreadPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    animation-name: unreadPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes unreadPulse {
    to {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }

    50% {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        background-color: rgba(0,0,0,0.2);
    }

    from {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }
}

@keyframes unreadPulse {
    from {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }

    50% {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        background-color: rgba(0,0,0,0.2);
    }

    to {
        /*border: 2px solid rgb(234, 0, 0);*/
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    }
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #858683;
    border-color: #bbb;
}

.panel-info {
    border-color: #ddd;
}

.panel-body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 25px;
}

.panel-heading {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* OTHER MISC */

.whiteout {
    color: white;
}

.back-button {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    color: black;
    z-index: 1000;
}

.info-button {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    color: black;
    z-index: 1000;
}

/* Contact Us */

#contact-page {
    padding: 20px;
}

.vertical-middle {
    vertical-align: middle !important;
    position: relative;
}

.vertical-align {
    display: flex;
    align-items: center;
}

#contactInfo {
    flex-direction: column;
    align-items: initial;
}

#contact-header {
    margin-top: initial;
    text-align: left !important;
}

#contact-footer {
    margin-top: 50px;
}

@media (max-width: 992px) {
    /*
    .poweredBy {
        position: relative;
        top: 10px; 
        left: 8%;
    }

    .poweredByText {
        position: relative;
        top: 10px !important;
        left: 8% !important;
    }
    */

    .register-input {
        width: 95% !important;
    }

    .col-md-6.col-md-offset-3 {
        padding-left: 10%;
        padding-right: 5%;
    }

        .col-md-6.col-md-offset-3 h2, .col-md-6.col-md-offset-3 h4 {
            text-align: center !important;
        }

    #loginForm .form-control.register-input {
        width: 100% !important;
    }
}



.mainbody .body-content {
    background-color: white;
}

.mainbody #loginForm .title {
    text-align: center;
}

.mainbody #loginForm .register-input {
    width: 100%;
    /*border-radius: 10px ; For second phase*/
}
/*Needed stop give higher precedence over site.css(8794)*/
#loginForm input.register-input:not(#customerSearch):not(#noteInput):not(.addTransactionChooseFileBtn):not(#internalChatTextbox):not(#internalGroupChatTextbox):not(.convoSearchByTypeInput) {
    height: 40px !important;
    padding-left: 15px !important;
}

#loginForm input.btn.btn-block {
    height: 45px !important;
    width: 100% !important;
}

#loginForm .mainLogo, .forgotPassword-container .mainLogo {
    margin-left: 15% !important;
    width: 70% !important;
}

#remember-me label, #eula label {
    font-weight: bold !important;
}

.mainbody .body-content:has(#login-content) {
    margin-left: 0px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

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

.ml-10 {
    margin-left: 10px !important;
}

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

.my-50 {
    margin: 50px 0 !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

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

.pa-5 {
    padding: 5px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.mainbody:has(#login-content) {
    padding-top: 60px !important;
}

@media (max-width: 768px) {

    .dropdown-content.notifDropDownMobileView {
        left: 100px !important;
        width: 320px;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header {
        margin-right: 0px !important;
    }

    .navbar {
        border: none !important;
    }

    .navbar-default > .container-fluid {
        justify-content: flex-end !important;
    }

    .mainbody:has(#login-content) {
        padding-top: 45px !important;
    }
}

#login-content #carousel-container {
    padding-top: 0px;
}

#login-content .carousel {
    padding: 25px;
    padding-right: 40px;
    /*background-color: gainsboro;*/
}

#login-content .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: auto;
    flex-wrap: wrap;
    width: 66%;
}

#login-content .container-fluid {
    overflow: hidden;
}

@media (min-width: 768px) {
    #login-content .container-fluid {
        overflow: visible;
    }
}

#carousel-container .main-title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: bolder;
    text-align: center;
    padding: 50px 10px;
    height: 150px;
}
#carousel-container .main-title-double-line {
    font-family: var(--font-primary);
    font-size: 32px;
    font-weight: bolder;
    text-align: center;
}

#carousel-container .sub-title {
    font-family: Roboto;
    font-size: 22px;
    color: black;
    text-shadow: none;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 50px;
}

#carousel-container .sub-footer {
    font-family: Roboto;
    font-size: 22px;
    color: black;
    text-shadow: none;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    margin-top:32px !important;
}

#carousel-container .carousel-caption {
    padding: 20px 0px;
    position: initial !important;
}

#carousel-container .carousel-indicators .active {
    background-color: #7e7e7e;
}

.carousel-indicators li {
    background-color: gainsboro;
    border: 1px solid #7e7e7e;
}

.single-item img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .back-button {
        visibility: hidden;
    }

    .info-button {
        visibility: hidden;
    }

    .showMobile {
        display: none !important;
    }

    .search-modal {
        width: 720px;
    }
}

@media (max-width: 510px) {
    .searchConvoBoxContent {
        width: 145px !important;
    }
}

@media (max-width: 767px) {
    .autoTextNavbar {
        padding-right: 0px;
    }

    .advisorName-container {
        display: none;
    }
}

@media (max-width: 768px) {
    .dealerFlexHeader {
        margin-right: 25px;
    }

    .dealerFlexFirstColumn .form-group, .dealerFlexSecondColumn .form-group {
        padding-right: 25px;
        padding-left: 25px;
    }

    #fileUploadButtonCampaign, #saveChangesEditDealer {
        margin-left: auto;
    }

    .advisorLabelSpan {
        max-width: 70%;
    }

    .hide-convo {
        top: 5px;
    }

    .delete-note {
        position: relative;
        top: -25px;
    }

    #presetsArea {
        width: 80vw;
        left: auto;
        right: 0;
        transform: initial;
    }

    #searchResultsContainer {
        display: initial;
    }

    #customerSearchResults {
        border-right: initial;
        border-bottom: 1px solid black;
        width: auto;
    }

    #captureMessagesButton {
        display: none;
    }

    .language-icons-links {
        padding: 0 !important;
        padding-bottom: 2px !important;
    }

    #templateNameHeader {
        width: 50px;
    }
    /*******test since can't hover on mobile*******/
    .dropdown {
        width: 100%;
    }

    .dropdown-content {
        display: none !important;
        position: absolute !important;
        background-color: #fff;
        min-width: 135px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        padding: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .dropdown:active .dropdown-content {
        display: block !important;
    }
    /*********************************************/

    #templateActionsHeader {
        width: 50px;
    }

    .vehiclesContainer {
        position: absolute;
        /*top: 78%;*/
        /*left: 8%;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        /*max-width: 260px;*/
        width: 47%;
        font-style: normal;
        margin-top: 6px;
    }

    /*
    #presetsArea {
        position: fixed; 
        bottom: 13%;
        left: 50%;
        max-width: 90%;
    }

    #presetsArea-top {
        position: fixed;
        left: 68.5%;
        bottom: 8.25%;
    }*/

    #attachmentsArea {
        position: fixed;
        max-width: 80%;
        left: 50%;
        transform: translateX(-40%);
        bottom: 74px; /*71px;*/
    }

    #attachmentsArea-top {
        bottom: 34px; /*43px;*/
        top: auto;
        right: 10px; /*15px;*/
        left: auto;
    }

    /****** ABOVE SINCE NEW LAYOUT **********/
    .hideSmall {
        display: none !important;
    }

    .showSmall {
        display: block !important;
    }

    .hide-convo, .delete-note {
        font-size: 1.5em !important;
    }

    .customer-options {
        width: auto;
    }

    .mobileCustButtons {
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px;
    }

    /*** add new template ***/

    .templates-key-content {
        top: 40px;
        margin-bottom: 20px;
        margin-left: 30px;
    }

    .addTemplateBtn, .saveChangesBtn {
        margin-left: 30px;
    }

    .templateArea {
        width: 80%;
        left: 30px;
        padding-top: 0px;
    }

    .templateLabel {
        left: 50px;
    }

    .templates-key-header {
        top: initial;
        position: relative;
    }

    /******/
    .editDealerInfoUsersBtn {
        position: relative;
        left: 6%;
        margin-top: 10px;
    }

    .editProfileSaveChanges {
        margin-left: 30%;
        margin-top: 30px;
    }

    .editProfileLabel {
        left: 20px;
    }

    #edit-templates-page > .templates-key-header {
        top: initial;
        position: relative;
    }


    /***/
    #contactInfo-inner {
        /*top: 110%;
        position: absolute;*/
        margin-bottom: 30px;
    }

    #map {
        width: 200px !important;
        height: 200px !important;
        overflow: scroll;
    }

    .map-container {
        overflow: hidden;
    }

    #map > canvas {
        left: 100px;
    }

    #manageProfileHr {
        width: 270px;
        margin-left: 48px;
    }

    #manageProfileButtons-container {
        margin-left: 35%;
        width: 100%;
    }

    #manage-header {
        margin-left: 25%;
        width: 100%;
    }

    #manage-title {
        margin-left: 50%;
    }

    #presetsArea-top {
        position: fixed;
        right: 52px; /* wasn't there */
        left: auto; /* left: 68.5%; */
        bottom: 47px; /* bottom: 8.1%; */
    }

    #selectAdvisorsArea {
        right: 10px;
        left: 10px;
    }

    #selectAdvisorsFilter-top {
        right: -10px;
    }

    #selectAdvisorsFilter {
        width: 55%;
    }

    #select-time-frame {
        width: 45%;
    }

    /*.toast-bottom-center {
        width: auto !important;
        right: 10px !important;
    }*/

    .manage-buttons > a {
        position: relative;
        top: -5px;
        left: -12px;
    }

    #customer-name-mobile {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 315px;
        padding-left: 30px;
        padding-right: 38px;
        text-align: left;
        font-size: inherit;
    }

    #cust-info-header-inside {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 300px;
        padding-left: 30px;
        padding-right: 38px;
    }

    #notifications-button {
        left: 75% !important;
    }

    #newCustomer {
        z-index: 2001;
    }

    #searchModal {
        z-index: 2001;
    }

    #updateCustomerModal {
        z-index: 2001;
    }

    #chat-icon {
        display: none;
    }

    #notificationsArea {
        position: fixed;
        top: 66px;
        width: 80%;
        /* right: 90% */
    }

    #chatPane {
        display: none;
    }

    #infoPane {
        display: none;
    }

    /* navbar stuff */

    .navbar-right {
        float: left !important;
        width: 100%;
    }

    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }
    /*
        .navbar-collapse.collapse {
            display: none !important;
        }*/

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid white;
            text-align: center;
            padding: 0px;
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 17px;
                /* to change text color --> color: #fff !important; */
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    /*Mobile Shuttle View*/
    #shuttleSchedulePageFlex {
        flex-direction: column-reverse;
    }

    #mapid {
        width: calc(100% + 40px);
        left: -20px;
        margin-bottom: 0 !important;
    }

    #shuttleSchedulePageFlexInner {
        width: auto;
        margin-right: 0;
    }

    #shuttleSchedulePageFlexInnerTitleHeader {
        text-align: center;
    }
}

@media (max-width: 450px) {
    #templates-page > a.btn.btn-vv.addTemplateBtn {
        margin-left: 0 !important;
    }

    #templates-page > h2.templatesPage-title {
        padding-right: 30px !important;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    #notificationsArea {
        left: 55%;
    }
}


/* so {{ }} doesn't render before Vue instance finishes compilation. See: https://v1.vuejs.org/api/#v-cloak  */
/* force certain editable input boxes to be single line */
[contenteditable="true"].single-line {
    white-space: nowrap;
    overflow: hidden;
}

    [contenteditable="true"].single-line br {
        display: none;
    }

    [contenteditable="true"].single-line * {
        display: inline-block;
        white-space: nowrap;
    }

/*icons*/

.cust-icon.sent {
    content: "\f058";
}

.cust-icon.received {
    content: "\f06a";
}

/*.toast {
    margin-bottom: 10px !important;
    bottom: 100px !important;
}*/

.toast-bottom-center { /* from toastr.css */
    bottom: 100px; /* 50 px */
    /*right: 25% !important;  changed from 0 */
    /*width: 50% !important;  changed from 100% */
    /*text-align: center;*/
}

#customersFrameBody {
     height: calc(100% - 120px);
}

.new-customer {
    background-color: #858683;
    border-color: #858683;
    color: #fff;
    z-index: 201;
    width: 45%;
}

#addShuttleRecordOrCustomerContainer {
    display: flex;
    justify-content: space-around;
    width: 100%;
    position: absolute;
    bottom: 62px;
}

/*
    .new-customer:hover, .new-customer:active {
        background-color: #DB0D25;
        border-color: #901111;
    }

    .new-customer:focus {
        background-color: green !important;
        border-color: #327634 !important;
        outline: none;
        box-shadow: none;
    }
*/

.get-customers {
    position: absolute;
    bottom: 80px;
    right: 50px;
    background-color: #96c856;
    border-color: #327634;
    color: #fff;
}

    .get-customers:hover, .get-customers:active {
        background-color: #e8eac8 !important;
        border-color: #327634 !important;
        color: #327634 !important;
    }

    .get-customers:focus {
        background-color: #e8eac8 !important;
        border-color: #327634 !important;
        color: #327634 !important;
        outline: none;
        box-shadow: none;
    }

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0px !important;
}

.chat-input-icons {
    height: 35px;
}

.input-icons {
    height: 40px;
}

input[type="file"]:not(#transactionFiles):not(#expressFiles):not(#mpiTemplateFile):not(#mpiInspectionPdf):not(#mpiInspectionJson):not(#mpiInPdfFile) {
    display: none;
}

/* Homepage */

.welcome-title {
    text-align: center;
}

.vv-main-image {
    margin-top: 30px;
    margin-bottom: 20px;
    background: url('../Content/7df003fc-33fb-40c9-9401-106b778a7b63-large.png');
    background-size: contain;
    height: 150px;
    width: 2000px;
    position: relative;
    top: 50%;
    right: -30%;
}

.register-input {
    width: 40%;
}

/*Transactions*/

.input-required::after {
    content: " *";
    color: red;
}

.transactionResults {
    margin-top: 60px;
}

@media screen and (max-width: 1000px) {
    .transactionResults {
        margin-top: 30px;
    }
}

#payment {
    margin-top: 35px;
}

    #payment .dataTables_filter {
        position: unset;
    }

.transactionContainer .searchBar {
    z-index: 100;
}

.form-group-column {
    display: inline-block;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.transaction-details {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 0 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.invalid-record {
    border: 1px solid red !important;
}

.transaction-detail-section {
    width: 30%;
    min-width: 200px;
}

.btn-edit {
    position: absolute;
    bottom: 10px;
    right: 58px;
}

.btn-delete {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.field-title {
    font-size: 2em;
}

.flex-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .flex-centered > ol {
        margin: 0;
    }

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-vertical {
    flex-direction: column;
}

.batch-upload-container, .vehicle-upload-container {
    display: flex;
}

.text-warning {
    display: block;
    color: red;
    font-size: 0.9em;
    margin-bottom: 2px;
}

.error-message {
    font-size: 1.5em;
    color: red;
    text-align: center;
    margin-bottom: 10px;
}

.transactionBeginDate, .transactionEndDate {
    width: 110px !important;
    /*margin: 0px 10px;*/
    z-index: 3000 !important;
}

.transactionContainer {
    position: relative;
    margin-top: 15px;
}

.transactionBtnContainer {
    position: absolute;
    top: 32%;
}

.transactionTableSelection {
    width: 180px;
    height: 28px;
    padding: 4px 6px;
    font-weight: bold;
}

.generalAddTransactionBody {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .generalAddTransactionBody > div {
        width: 50%;
    }

.generalAddTransactionFirstContainer {
    padding: 0 25px;
}

.generalAddTransactionSecondContainer {
    padding: 0 25px;
}

.generalAddTransactionThirdContainer {
    padding: 0 25px;
}

@media screen and (max-width: 768px) {
    .generalAddTransactionFirstContainer, .generalAddTransactionSecondContainer {
        width: 100%;
    }
}

.addTransactionChooseFileBtn {
    height: 26px !important;
    font-size: 13px !important;
    padding: 1px !important;
}


.upload-container {
    padding: 5px 15px;
}

.import-title, .import-fileInfo {
    font-size: 18px;
    font-weight: bold;
}

.import-note {
    font-size: 14px;
    text-align: center;
    margin-top: 4px;
}

.import-columnName {
    padding: 10px;
    display: flex;
    justify-content: space-around;
}

    .import-columnName > div {
        font-size: 16px;
    }

.import-fileBtn {
    margin-top: 15px;
}
/* Expresspay flash effect*/
/* Flash class and keyframe animation */
.expresspay {
    background-color: #dd463e;
    -webkit-animation: flash linear 2s infinite;
    animation: flash linear 2s infinite;
}

@-webkit-keyframes flash {
    0% {
        background-color: rbga(255,255,255,0.8);
    }

    50% {
        background-color: rgba(216,27,6,.2);
    }

    100% {
        background-color: rbga(255,255,255,0.8);
    }
}

@keyframes flash {
    0% {
        background-color: rbga(255,255,255,0.8);
    }

    50% {
        background-color: rgba(216,27,6,.2);
    }

    100% {
        background-color: rbga(255,255,255,0.8);
    }
}
/**/
.searchBar {
    position: absolute;
    display: flex;
}

    .searchBar .formDateContainer {
        display: inline-flex;
        align-items: end;
        flex-wrap: wrap;
    }

.ro-attachment {
    padding-top: 8px;
    margin-left: 3px;
}

.formDate {
    flex: 1 0 100px;
    padding-right: 10px;
}

.formStatus {
    flex: 0 0 auto;
}

.formButtons {
    flex: 0 0 auto;
    min-width: 158px;
}

.searchBar > div:not(:last-child) {
    padding-right: 5px;
}

.searchBtn {
    width: 70px;
}

@media only screen and (max-width: 1000px) {
    .searchBar {
        display: block;
        position: initial !important;
        border: solid 1px #DDD;
        border-radius: 5px;
        background-color: #EEE;
        padding: 10px;
        margin: auto;
        width: 960px;
        max-width: 80%;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

        .searchBar .form-group {
            margin-bottom: 5px;
            flex: 1;
        }

    .transactionTableSelection {
        width: 100%;
        padding: 4px 6px;
        font-weight: bold;
    }
}

@media only screen and (max-width: 768px) {
    .searchBar {
        max-width: 100%;
    }
}


.important {
    background-color: rgba(255, 234, 0, 0.2) !important;
}

table.dataTable.display tbody tr.even.important > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.display tbody tr.odd.important > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: rgba(255, 234, 0, 0.2) !important;
}

table.dataTable:not(.showSort) thead .sorting,
table.dataTable:not(.showSort) thead .sorting_desc,
table.dataTable:not(.showSort) thead .sorting_asc {
    background-image: none !important;
}


.entryDropdown {
    display: inline-block;
    width: auto;
}

.editable {
    min-height: 15px;
}
/* Tablet Styles */
/* iPad 1 and 2 */
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    #captureMessagesButton {
        display: none;
    }

    .register-input {
        width: 55%;
    }

    .templates-key-header {
        top: initial;
        position: relative;
    }

    #nav-main-title {
        display: inline-block;
        float: left;
    }

    .mobile-title {
        font-family: HelveticaNeueLight;
        color: #fff;
    }

    .navbar-brand {
        padding-left: 0px;
    }

    .autoTextNavbar {
        font-size: 30px;
        font-family: HelveticaNeueBold;
        display: inline-block;
        color: #fff !important;
        margin-top: 4px;
    }

    .fa-hashtag {
        font-size: 1.25em;
    }

    .autoTextNavbar:hover {
        color: #000 !important;
    }

    .autoTextNavbar-span {
        font-family: HelveticaNeueLight;
    }

    #notifications-button {
        right: 65px !important;
        left: auto !important;
    }

    .back-button {
        visibility: visible;
    }

    .info-button {
        visibility: visible;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }

    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid white;
            text-align: center;
            padding: 10px;
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 20px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}*/

/* Landscape only */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

    .dropdown {
        width: 100%;
    }

    #selectAdvisorsArea {
        left: 35px;
    }

    #notifications-button {
        right: 65px !important;
        left: auto !important;
    }

    .navLogo {
        left: 13.5% !important;
        top: 8px;
    }

    #notificationsArea {
        left: -595%;
    }

    .resizePic {
        left: 15.5% !important;
        top: 11px;
    }

    .autoTextNavbar {
        margin-left: 16px;
    }

    .vehiclesContainer {
        width: 35%;
    }

    .advisorName-container {
        display: none;
    }

    #custLicenseLabel-id {
        display: none;
    }

    #custPane-hashtag-icon {
        display: none;
    }

    .customer-name {
        width: 65%;
    }

    .star-convo {
        top: 14%;
        right: 12%;
    }

    #updateCustomerButton {
        right: 5px;
        font-size: 15px;
        padding: 11px;
        height: 40px;
    }

    #cust-info-header-inside {
        float: left;
    }

    .head#cust-info-header {
        padding-left: 10px;
    }

    .back-button {
        visibility: hidden;
    }

    .info-button {
        visibility: hidden;
    }
}*/

/* Portrait only */

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .manage-buttons > a {
        position: relative;
        top: -16px;
        left: 35px;
    }

    #presetsArea-top {
        position: absolute;
        bottom: 35px;
        left: 0;
    }

    #cust-info-header-inside {
        margin-left: 30%;
    }

    #manage-header {
        margin-left: 40%;
    }

    #manageProfileHr {
        width: 100%;
    }

    #manageProfileButtons-container {
        margin-left: auto;
    }

    #notificationsArea {
        left: 55%;
    }

    .navLogo {
        left: 17% !important;
        top: 8px;
        display: block;
    }

    #presetsArea {
        position: fixed;
        bottom: 7.3%;
        left: 66%;
    }

    #attachmentsArea {
        left: 62%;
    }

    .resizePic {
        left: 19% !important;
        top: 9px;
        display: block;
        width: 160px;
    }

    .autoTextNavbar {
        margin-left: 16px;
    }
}*/


/* iPad 3 and 4 */
/* Portrait and Landscape*/
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    #captureMessagesButton {
        display: none;
    }

    .register-input {
        width: 55%;
    }

    .templates-key-header {
        top: initial;
        position: relative;
    }

    #nav-main-title {
        display: inline-block;
        float: left;
    }

    .mobile-title {
        font-family: HelveticaNeueLight;
        color: #fff;
    }

    .navbar-brand {
        padding-left: 0px;
    }

    .autoTextNavbar {
        font-size: 30px;
        font-family: HelveticaNeueBold;
        display: inline-block;
        color: #fff !important;
        margin-top: 4px;
    }

        .autoTextNavbar:hover {
            color: #000 !important;
        }

    .autoTextNavbar-span {
        font-family: HelveticaNeueLight;
    }

    #notifications-button {
        right: 65px !important;
        left: auto !important;
    }

    .back-button {
        visibility: visible;
    }

    .info-button {
        visibility: visible;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }

    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid white;
            text-align: center;
            padding: 10px;
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 20px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}*/

/* Landscape only */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .dropdown {
        width: 100%;
    }

    #selectAdvisorsArea {
        left: 35px;
    }

    #notifications-button {
        right: 65px !important;
        left: auto !important;
    }

    #updateCustomerButton {
        right: 5px;
        font-size: 15px;
        padding: 11px;
        height: 40px;
    }

    #cust-info-header-inside {
        float: left;
    }

    .head#cust-info-header {
        padding-left: 10px;
    }

    .back-button {
        visibility: hidden;
    }

    .info-button {
        visibility: hidden;
    }
}*/

/* iPhone 5 & 5S */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    #newCustomer .modal-footer {
        margin-top: 0 !important;
    }

    #notifications-button {
        right: 72px !important;
        left: auto !important;
    }

    .mobile-title {
        font-size: 12px;
    }

    .autoTextNavbar {
        padding-right: 0px !important;
    }
}*/

/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    #selectAdvisorsArea {
        width: 300px;
        left: -110px;
    }

    #selectAdvisorsFilter {
        width: 55%;
    }

    #select-time-frame {
        width: 45%;
    }

    .toast-bottom-center {
        width: auto !important;
        right: 10px !important;
    }

    #presetsArea {
        position: fixed;
        bottom: 80px;
        max-width: 90%;
        left: 35px;
    }

    #presetsArea-top {
        position: fixed;
        left: 68.5%;
        bottom: 8.1%;
    }
}*/

/* Landscape */

/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .back-button {
        visibility: visible !important;
    }

    .info-button {
        visibility: visible !important;
    }

    #newCustomer .modal-dialog {
        position: relative;
        display: table;
        overflow-y: auto;
        width: 550px;
        min-width: 300px;
    }

    #presetsArea {
        position: fixed;
        bottom: 22%;
        left: 51%;
        max-width: 90%;
    }

    #presetsArea-top {
        position: fixed;
        left: 82%;
        bottom: 13%;
    }
}*/

/* iPhone 6 in Portrait */

/*@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    #presetsArea {
        position: fixed;
        bottom: 11.25%;
        max-width: 90%;
    }

    #presetsArea-top {
        position: fixed;
        left: 72.5%;
        bottom: 7%;
    }

    .dealerList {
        top: 1450px !important;
        z-index: 1000 !important;
        width: auto !important;
        left: auto !important;
        right: 50px !important;
    }

    #saveChangesEditDealer {
        top: 610px;
        position: absolute;
        margin-bottom: 20px;
        right: 130px;
    }
}*/

/* iPhone 6 in Landscape*/
/*@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .back-button {
        visibility: visible !important;
    }

    .info-button {
        visibility: visible !important;
    }

    #presetsArea-top {
        left: 84.5%;
        bottom: 12.5%;
    }

    #attachmentsArea-top {
        right: 0;
    }

    #attachmentsArea {
        left: 382px;
        bottom: 74.5px;
    }
}*/

/* iPhone 6 Plus in Portrait */
/*@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    #presetsArea {
        position: fixed;
        bottom: 10%;
        left: 50%;
        max-width: 90%;
    }

    #presetsArea-top {
        position: fixed;
        left: 75%;
        bottom: 6.25%;
    }
}*/

/* iPhone 6 Plus in Landscape */
/*@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .back-button {
        visibility: visible !important;
    }

    .info-button {
        visibility: visible !important;
    }
}*/


/* Galaxy Tab 10.1 */
/*@media (min-device-width: 800px) and (max-device-width: 1280px) {

    .back-button {
        visibility: visible;
    }

    .info-button {
        visibility: visible;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }

    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid white;
            text-align: center;
            padding: 10px;
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 20px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}*/

/* Landscape only */

/*@media (max-device-width: 1280px) and (orientation: landscape) {
    .back-button {
        visibility: hidden;
    }

    .info-button {
        visibility: hidden;
    }
}*/

/*@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation: portrait) {
    .back-button {
        visibility: hidden;
    }

    .info-button {
        visibility: hidden;
    }
}*/

/* Asus Nexus 7 */

/*@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
    .back-button {
        visibility: visible;
    }

    .info-button {
        visibility: visible;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }

    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid white;
            text-align: center;
            padding: 10px;
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 20px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}*/

/*@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .back-button {
        visibility: hidden;
    }

    .info-button {
        visibility: hidden;
    }
}*/

/* iPad Pro */

/*@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {

    .register-input {
        width: 55%;
    }

    #captureMessagesButton {
        display: none;
    }

    .templates-key-header {
        top: initial;
        position: relative;
    }

    #nav-main-title {
        display: inline-block;
        float: left;
    }

    .mobile-title {
        font-family: HelveticaNeueLight;
        color: #fff;
    }

    .navbar-brand {
        padding-left: 0px;
    }

    .autoTextNavbar {
        font-size: 30px;
        font-family: HelveticaNeueBold;
        display: inline-block;
        color: #fff !important;
        margin-top: 4px;
    }

        .autoTextNavbar:hover {
            color: #000 !important;
        }

    .autoTextNavbar-span {
        font-family: HelveticaNeueLight;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }

    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid white;
            text-align: center;
            padding: 10px;
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 20px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}*/

/* Portrait only */
/*@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation: portrait) {

    .navLogo {
        left: 14% !important;
    }

    .resizePic {
        left: 16% !important;
    }

    #presetsArea-top {
        position: absolute;
        bottom: 34px;
        left: 0;
    }

    .dropdown {
        width: 100%;
    }

    #presetsArea {
        position: fixed;
        bottom: 5.5%;
        left: 66%;
    }

    #selectAdvisorsArea {
        left: 50px;
    }

    #notifications-button {
        right: 65px;
        left: auto;
    }

    #notificationsArea {
        left: -150px;
    }

    #updateCustomerButton {
        right: 5px;
        font-size: 15px;
        padding: 11px;
        height: 40px;
    }

    #cust-info-header-inside {
        float: left;
    }

    .head#cust-info-header {
        padding-left: 10px;
    }
}*/

/* Landscape only */
/*@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation: landscape) {
    .dropdown {
        width: 100%;
    }

    #notifications-button {
        right: 65px !important;
        left: auto !important;
    }

    .navLogo {
        left: 10%;
        top: 8px;
    }

    #notificationsArea {
        left: -595%;
    }

    .resizePic {
        left: 11.5%;
        top: 11px;
    }

    .star-convo {
        right: 9%;
    }

    .autoTextNavbar {
        margin-left: 16px;
    }
}*/
/*

 Kindle Fire HD 7"

@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .back-button {
        visibility: visible;
    }

    .info-button {
        visibility: visible;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }
    
    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;

    }
    .navbar-nav>li {
        float: none;
        border-bottom: 1px solid white;
        text-align: center;
        padding: 10px;
        box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

     since 3.1.0 
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {
    .back-button {
        visibility: hidden;
    }
    
    .info-button {
        visibility: hidden;
    }
}

 Kindle Fire HD 8.9" 

@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .back-button {
        visibility: visible;
    }

    .info-button {
        visibility: visible;
    }

    .navbar-right {
        float: left !important;
        width: 100%;
    }
    
    .navbar-brand {
        float: none;
        font-size: 25px !important;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;

    }
    .navbar-nav>li {
        float: none;
        border-bottom: 1px solid white;
        text-align: center;
        padding: 10px;
        box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    div.navbar.navbar-default.navbar-fixed-top {
        width: 100%;
    }

    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {
    .back-button {
        visibility: hidden;
    }
    
    .info-button {
        visibility: hidden;
    }
}  */
/*ShuttleTracker Icon Styles*/
/* Vehicle Icon */
.hiddenOldIcon {
    background-color: transparent;
    border: 0px;
    /* border: 1px solid black; */
}

.marker-title-moving {
    border-radius: 3px;
    font-size: 10pt;
    color: white;
    width: auto;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 50px;
    transform: translateX(-50%);
    padding: 2px 4px;
    background-color: rgba(0, 0, 255, 0.6);
    border: 1px solid #eee;
}

.marker-title-parking {
    border-radius: 3px;
    font-size: 10pt;
    color: white;
    white-space: nowrap;
    position: relative;
    left: -30px;
    top: -52px;
    padding: 2px 4px;
    background-color: rgba(20, 100, 5, 0.7);
    border: 1px solid #eaeaea;
}

.marker-title-stop {
    border-radius: 3px;
    font-size: 10pt;
    color: white;
    white-space: nowrap;
    position: relative;
    left: -30px;
    top: -52px;
    padding: 2px 4px;
    background-color: rgba(200, 50, 0, 0.7);
    border: 1px solid #eaeaea;
}
/*
.marker-title-centre {
    border-radius: 3px;
    font-size: 10pt;
    color: white;
    white-space: nowrap;
    position: relative;
    left: -50px;
    top: -55px;
    padding: 4px 5px;
    background-color: rgba(30, 150, 10, 0.8);
    border: 1px solid #909;
}
*/
.shuttle-icon {
    position: relative;
}
/*Reporting page styles*/
#report-page-container {
    height: 100%;
    width: 100%;
    background-color: #f6f6f6;
    overflow: auto;
}

.report-section {
    max-width: 1440px;
    margin: auto;
}

.report-container {
    display: inline-block;
    background-color: white;
    border: 1px solid lightgray;
    width: calc(100% - 30px);
    padding: 15px;
    margin: 15px;
}

.report-container-Margin {
    display: inline-block;
    background-color: white;
    border: 1px solid lightgray;
    width: calc(100% - 30px);
    padding: 15px;
    margin: 10px 15px;
}

.menu li:last-child {
    border: none;
}


.report-container-wide {
    display: inline-block;
    background-color: white;
    border: 1px solid lightgray;
    min-width: 500px;
    padding: 15px;
    margin: 15px;
}

.report-header {
    font-size: 18px;
    text-align: left;
    border-bottom: 2px solid #96ca4e;
    padding-bottom: 5px;
}

.report-header > select {
    width: 240px;
}

.tech-video-type-count {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

    .tech-video-type-count > label {
        font-size: 16px;
        color: #8BC53F;
    }

    .tech-video-type-count > .reporting-amount-total {
        margin: 0;
    }

.shuttle-report-header {
    font-size: 20px;
    text-align: left;
    border-bottom: 2px solid #96ca4e;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shuttle-totalDays {
    font-size: 20px;
    font-weight: bold;
}

.report-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px 0px 10px;
    border-bottom: 2px solid #d5d7d2;
}

    .report-detail.tech-video > .report-detail-title {
        flex: 1;
    }

    .report-detail.tech-video > .report-detail-amount {
        flex: 0 0 60px;
    }

        .report-detail.tech-video > .report-detail-amount.wider {
            flex: 0 0 100px;
            text-align: right;
        }

.report-detail-lite {
    border-bottom: none;
    padding-left: 20px;
}

.report-details-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #d5d7d2;
}

.report-detail-title {
    font-size: 14px;
    display: inline-block;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 232px;
    word-wrap:break-word;
}

.totalDuration {
    font-size: 14px;
}

.report-detail-amount {
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
    text-align: right;
    font-weight: bold;
}

.flex-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 0 320px;
}

.flex-column.tech-video-right {
    flex: 3 320px;
}

.flex-column.tech-video-left {
    flex: 1 320px;
}

.flexColumn {
    flex-direction: column;
}

.report-body-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.shuttle-report-body-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 66%;
}

.techvideo-newlook-card {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #C8CCC3;
    background-color: #E5E5E5;
    margin: 16px 15px 0 15px;
}

.techvideo-newlook-title {
    font-weight: 400;
    font-size: 14px;
    font-family: Roboto !important;
}

.techvideo-newlook-subtitle {
    font-size: 12px;
    font-family: Roboto !important;
    font-weight: 400;
}

/* The Walkaround tip under the new-look card. Two classes: vvstyle.css loads after this file and
   .vv-caution sets its own margin. */
.vv-caution.techvideo-report-tip {
    margin: 12px 15px 0 15px;
}

#techVideoReportInfoModal {
    background: none;
}

    #techVideoReportInfoModal .close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: rgba(255, 255, 255, 1);
        z-index: 1000;
        opacity: 1;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    }

    #techVideoReportInfoModal .modal-backdrop {
        visibility: visible !important;
    }

#techVideoReportInfoPanel {
    display: flex;
    overflow: hidden;
    width: 357px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    right: 15px;
    bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.30);
    background-color: white;
    z-index: 3000;
}

.img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .img-overlay > i {
        color: white;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.15)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.30));
    }

.tech-video-info-panel-title {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 600;
}

.tech-video-info-panel-details {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 4px;
    color: #4C4E49;
}

.tech-video-info-panel-description {
}

.tech-video-info-panel-buttons {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
}

    .tech-video-info-panel-buttons .vvbtn {
        border: 1px solid #ACACAC;
    }

.report-page-header {
    display: flex;
    justify-content: space-between;
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 2px solid #96ca4e;
}

.report-date-selection {
    display: flex;
    align-items: center;
}

.report-date-selection-Btn {
    margin-right: 40px;
}

.report-date-selection > div {
    margin-left: 10px;
}

.inline-date-control {
    display: inline-block;
    width: 120px;
    margin: 0 5px;
}

.user-report-header {
    display: flex;
    padding: 5px 10px 0px 10px;
    justify-content: space-between;
    color: #96ca4e;
    font-size: 1.2em;
}

    .user-report-header.tech-video > .report-header-name {
        flex: 1;
        font-size:14px;
    }

    .user-report-header.tech-video > .report-header-days {
        flex: 0 0 60px;
        font-size: 14px;
    }

        .user-report-header.tech-video > .report-header-days.wider {
            flex: 0 0 100px;
            text-align: right;
        }

#featureDropdown, #paymentDropdown, #sentEstimatesDropdown, #approvedEstimatesDropdown, #deferredEstimatesDropdown {
    display: flex;
    align-items: center;
}

.reporting-amount-total {
    font-size: 44px;
    width: 100%;
    text-align: center;
    margin: 15px 0;
    color: #8BC53F;
}

#paymentDropdown, #sentEstimatesDropdown, #approvedEstimatesDropdown, #deferredEstimatesDropdown {
    justify-content: space-between;
}

.feature-dropdown-menu, .reporting-dropdown-menu {
    padding: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    min-width: 100%;
    border: none;
    margin: 0;
    z-index: 3000;
}

.reporting-dropdown-menu {
    right: 100%;
}

    .feature-dropdown-menu > li > a, .reporting-dropdown-menu > li > a {
        padding: 10px;
        font-weight: bold;
        text-align: left;
    }

.feature-button {
    padding: 10px;
    /*background-color: white;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
    font-size: 24px;
    font-weight: bold;
}

.reporting-type-button {
    padding: 10px;
    background-color: white;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-size: 24px;
    font-weight: bold;
}

.reporting-type-button {
    font-size: 14px;
}

.feature-image {
    max-height: 30px; /*40px*/
    margin-right: 10px;
    /*margin: 0 10px;*/
}

.segment-report-description {
    display: flex;
    /*flex-direction: column;*/
    height: 100%;
    justify-content: space-between;
    font-size: 10pt;
}

.segment-description-title {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.segment-report-body, .avgpayment-report-body {
    /*height: 140px;*/
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    flex-direction: column;
}

.shuttle-segment-report-body {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.shuttle-segment-report-description {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    font-size: 10pt;
}

.avgpayment-report-body {
    justify-content: center;
    align-items: center;
}

.segment-report-amount-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .segment-report-amount-area > div {
        font-size: 13
    }

.segment-report-amount {
    font-size: 50px;
    margin-top: -13px;
    /*margin-bottom: 20px;*/
    margin-right: 15px;
    font-weight: bold;
    color: #8BC53F;
}

.loaners-segment-report-amount {
    font-size: 30px;
    margin-right: 15px;
    font-weight: bold;
    color: #8BC53F;
}

.avgpayment-report-amount {
    font-size: 50px;
    color: #8BC53F;
}

.segment-report-amount.large {
    width: 100%;
    text-align: center;
}

.report-header-days > div {
    display: inline-block;
    margin-left: 20px;
    text-align: right;
}

.shuttleCSVBtn {
}

#bookedUsedLoanersReportingHeader {
    display: flex;
    justify-content: flex-end;
}

#bookedLoanersReportingHeader {
    margin-right: 38px;
}

.bookedUsedLoanersReportingVehicle {
    width: 50%;
}

.selectedBookingsDepartmentReportingItem {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

#reportingViewingPeriodHeader {
    padding-top: 15px;
    margin: 0 15px;
    color: #96ca4e;
    font-size: 20px;
}

.group-report-header {
    font-size: 24px;
    text-align: left;
    border-bottom: 2px solid #96ca4e;
    padding-bottom: 5px;
    font-weight: bold;
}

    .group-report-header th.textAlignCenter > div {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
        gap: 16px;
    }

.group-report-detail {
    padding: 5px 10px 0px 10px;
    border-bottom: 2px solid #d5d7d2;
}

.group-report-detail-amount {
    font-size: 18px;
    display: inline-block;
    font-weight: bold;
}

.groupComparisonDealerLabelSpan {
    font-weight: bold;
}

.report-detail-title-child {
    font-size: 12px;
    display: inline-block;
    line-height: 2em;
}

.reportingFeaturesDropdownCaret {
    border-top: 8px solid #58595B;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

/* Group Comparison tables */
.group-report-detail-amount-child {
    font-size: 16px;
    border-bottom: 1px solid #d5d7d2;
    line-height: 22px;
}

.group-report-detail-title-child {
    display: block;
    margin-left: 40px;
    line-height: 22px;
}

    .group-report-detail-title-child > .group-report-detail-amount-child {
        font-size: 16px;
    }

.group-report-header > th {
    font-weight: normal !important;
}

.group-report-header .glyphicon {
    font-size: 15px;
    opacity: 0.2;
}

.report-detail-title > label {
    margin-bottom: 0 !important;
}
/********/
#reportViewingPeriodHeaderContainer {
    display: flex;
    align-items: flex-end;
    width: calc(100% - 20px);
}

#groupReportingHeaderContainer {
    display: flex;
    width: 100%;
}

.groupReportingExportBtn {
    align-self: flex-end;
}

#autoTextGroupSelectedTypeContainer {
    display: flex;
    justify-content: space-between;
    width: 400px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: -10px;
}

#mobileCashierGroupSelectedTypeContainer {
    display: flex;
    justify-content: space-between;
    width: 700px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: -10px;
}

/*custom button styles*/
.btn-vv, btn-vv:active, btn-vv:focus {
    background-color: #8BC53F;
    color: #FFF;
}

.btn-large {
    height: 36px !important;
    width: 100px !important;
    font-size: 16px !important;
}

.btn-left {
    float: left;
}

.btn-export {
    background-color: #333;
    color: #FFF;
    border-color: #333;
}

    .btn-export:hover {
        background-color: #CCC;
    }
/* Loyalty Pages */
#loyaltyHistoryCustomerInfo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.loyalty-title {
    font-weight: bold;
    color: grey;
}

.loyalty-detail {
    font-size: 1.3em;
    font-weight: bold;
}

.dt-buttons {
    margin-left: 20px;
    font-size: 12px;
    padding-top: 5px;
}

button.dt-button {
    padding: 0.3em 0.5em !important;
}

#loyaltyLoader {
    margin-top: 150px;
}
/*.loyalty-btn-container {
   margin-top:5px;
}*/
.loyaltypage-title {
    float: left;
    margin: 0 !important;
    padding-right: 20px;
}

.customerPage-title {
    float: left;
    margin: 0;
    padding-right: 20px;
    padding-top: 15px;
}

.usersPage-title {
    float: left;
    margin: 0 20px !important;
    /*padding-right: 20px;*/
}
/*.searchLoyaltyBtn {
    height:28px;
}*/
.modal-md {
    width: 400px;
}

.dropdownLoyaltyInfoPanel {
    padding: 10px;
    width: auto;
    max-width: 350px;
}

    .dropdownLoyaltyInfoPanel > div {
        display: flex;
        /*justify-content: space-between;*/
    }

        .dropdownLoyaltyInfoPanel > div > div:first-child {
        }

        .dropdownLoyaltyInfoPanel > div > div:last-child {
            padding-left: 10px;
            text-align: right;
            /*white-space: normal;*/
        }

        .dropdownLoyaltyInfoPanel > div > div {
            white-space: nowrap;
        }

#loyaltyAmountDisplay, #loyaltyCustomerDisplay {
    font-weight: bold;
    display: inline-block;
}
/*.dt-buttons {
    margin-left: 20px;
    font-size: 12px;
    padding-top: 5px;
}

button.dt-button {
    padding: 0.3em 0.5em !important;
}

#addLoyaltyReason {
    height:28px;
}*/
#historyModal .modal-content {
    display: inline-block;
    width: 1000px;
}
/* OE Reports page*/
.oe-reports-page {
    width: 100%;
    padding: 0 20px;
    height: calc(100% - 70px);
    overflow: auto;
}

.oeuser {
    position: absolute;
    top: 70px;
}
/* Keywords page */
.upload-textbox {
    width: calc(100% - 45px);
    display: inline-block;
}
/* CheckIn */
#checkInBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F3F3F3;
}

.expressBtn {
    padding: 6px 12px !important;
    height: auto !important;
    font-size: 18px !important;
}

#checkInContainer {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
}

#checkInThankYou {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.express-title {
    font-size: 1.5em;
    color: #8BC53F;
    text-align: center;
    font-weight: bold;
}

#myShuttleDealerLogoDiv {
    text-align: center;
    margin-bottom: 10px;
    margin: 0 auto;
}

.express-appt-detail-text {
    font-size: 1.2em;
    color: #8BC53F;
    font-weight: bold;
    padding-bottom: 8px;
}

.square-radio-container-right {
    display: inline-block;
}

    .square-radio-container-right > div {
        margin-left: 5px;
    }

.square-radio {
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #8BC53F;
}

    .square-radio.checked {
        background-color: #8BC53F;
    }

.express-vehicle-edit-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#expressDescription > textarea {
    min-height: 42px !important;
}

.express-vehicle-edit-text {
    flex: 1;
    position: relative;
}

.vehicle-text-input {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0 4px;
}

.express-apt-question-text {
    font-weight: bold;
    color: #444;
}

.express-appt-warning {
    font-weight: bold;
    color: white;
    width: 100%;
    padding: 4px;
    margin: 4px 0;
    background-color: #979697;
    font-size: 0.9em;
}

.express-section {
    border-top: 1px solid #ccc;
    padding: 4px 0;
}

.express-edit-button {
    padding-left: 15px;
}

.express-save-button {
    position: absolute;
    right: 8px;
    bottom: 4px;
}

.express-appt-vehicle {
    position: relative;
}

.expressFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    flex-direction: column;
}

    .expressFooter > div:last-child {
        margin-top: 10px;
    }

#expressFiles {
    margin-top: 8px;
}
/* EmployeeCheckIn */
#employeeCheckInBody {
    padding: 0;
}

.employee-appt-detail-text {
    font-size: 1.2em;
    color: black;
    padding-bottom: 8px;
    border-bottom: 1px solid #888;
    text-align: center;
    margin: 0 20px;
}

#employeeCheckInContainer {
    background-color: white;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 600px;
    display: flex;
}

#employeeCheckInHeader {
    padding-top: 20px;
}

.employee-checkin-page {
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.employee-checkin-logo {
    max-height: 80px;
}

.employee-checkin-page > div {
    width: 100%;
}

.employee-section-header, .section-question, .yes-no-section {
    padding: 10px 0 0 0;
    margin: 0 20px;
}

.employee-checkin-page > div:last-child {
    flex: 1;
}

.employee-check-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.employee-section-header {
    font-size: 18px;
}

.yes-no-section {
    display: flex;
    justify-content: center;
}

    .yes-no-section > button {
        font-size: 20px;
        height: 40px;
        width: 120px;
        border-radius: 5px;
        background-color: #888;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        margin: 10px;
        border: none;
    }

        .yes-no-section > button.selected {
            background-color: #8BC53F;
        }

.step-section {
    height: 60px;
    display: flex;
}

    .step-section > button {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        color: white;
        padding: 0 10px;
        border: none;
    }

.no-reply-message {
    font-size: 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.next-step, .submit-page {
    background-color: #8BC53F;
}

.last-step {
    background-color: #888;
}

    .last-step.off-reply {
        border-radius: 5px;
        font-size: 16px;
        padding: 10px;
    }

.section-question {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.question-header {
    font-size: 14px;
    text-align: center;
}

.question-body {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin-top: 10px;
}

.anonLangSelectEmployee {
    top: 20px;
    right: 30px;
}

#employeeCheckInThankYou > .main-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    justify-content: space-evenly;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    height: calc(100% - 30px);
}

    #employeeCheckInThankYou > .main-section > div {
        /*display: flex;
        align-items: center;
        justify-content: center;*/
    }

.employeeCheckinPoweredBy {
    font-weight: 100;
    padding: 5px;
    width: 100%;
    text-align: center;
}

#employeeCheckInThankYou img {
    align-self: center;
    width: 150px;
}
/*#newCustomer .control-label {
    margin-bottom: 0px;
    font-family: HelveticaNeueBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
   
}*/
/*#updateCustomerModal .control-label {
    margin-bottom: 0px;
    font-family: HelveticaNeueBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
}*/
/*#updateCustomerModal input.form-control {
    height: 28px;
    font-size: 13px;
    padding: 6px 5px;
}*/
#addLoyaltyModal input.form-control {
    height: 28px;
    font-size: 13px;
    padding: 6px 5px;
}

#addLoyaltyModal label {
    margin-bottom: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.formContainer {
    padding: 15px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
}

.editAccount {
    padding: 20px;
    max-width: 717px;
    margin: auto;
}

.btn-main {
    height: 28px;
    padding: 5px 10px;
    font-size: 14px;
    padding: 3.5px 10px;
}

.btn-table {
    height: 24px;
    padding: 5px 10px;
    font-size: 12px;
    padding: 2.5px 10px;
}

.profileFlexRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.profileFlexFirstColumn {
    padding: 0 20px;
}

.profileFlexSecondColumn {
    margin: 0 20px;
}

    .profileFlexSecondColumn h3.vvTextColor {
        margin-bottom: 35px !important;
    }

.profileFlexFirstColumn .form-group {
    width: 350px;
}

    .profileFlexFirstColumn .form-group:first-child {
        margin-bottom: 0 !important;
    }

.marginTop-20px {
    margin-top: 20px;
}

.marginTop-25px {
    margin-top: 25px;
}

.profileFlexRowSecond {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid grey;
    margin-top: 20px;
    padding: 12px;
}

    .profileFlexRowSecond .form-group {
        width: 300px;
    }

.editProfileLabel-right {
    margin: 5px 20px;
}

#editProfileForm {
    padding: 0 30px;
}

.profileFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 830px;
    margin: auto;
    padding: 25px;
}

.profileSubmitBtn {
    margin-right: 40px;
    margin-top: 15px;
}

.passwordReset-main {
    /*display: flex;
    flex-direction: column;*/
    max-width: 450px;
    margin: auto;
    padding: 25px;
}

.passwordChange-container {
    /*margin-right: 100px;*/
    border: 1px solid gray;
    max-width: 322px;
    padding: 15px;
}

    .passwordChange-container .form-group {
        width: 250px;
        margin-left: 20px;
    }

.btn-changePassword {
    /*margin-top: 45px;*/
    margin-left: 140px;
}

#addCustomerRecordInvalid, #updateCustomerRecordInvalid, #addLoyaltyRecordInvalid {
    font-size: 12px !important;
    margin-bottom: 20px !important;
}
/*Added Extra*/
table.dataTable tfoot th {
    border-top: 1px solid #111;
}

/*.dataTable tbody .btn {
    height: 24px;
    font-size: 12px;
    padding: 2.5px 10px;
}*/

/*.btn {
    height: 28px;
    font-size: 14px;
    padding: 3.5px 10px;
}

    .btn.fa {
        padding: 6px 12px;
    }*/



/*.modal input.form-control {
    height: 28px !important;
    font-size: 13px !important;
    padding: 6px 5px !important;
}

.modal select.form-control {
    height: 28px !important;
    font-size: 13px !important;
    padding: 5.5px 4px !important;
}*/
.modal .control-label {
    font-family: HelveticaNeueBold, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

.modal-title {
    font-weight: bold;
}

#button-container-customer {
    display: flex !important;
}

.noCaptionHeaderInner {
    padding-top: 35px;
}

.templatePage-main {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    margin: auto;
    padding: 25px;
}

.templatePage-input {
    border: 1px solid grey;
    max-width: 500px;
    padding: 15px;
}

.templatePage-childtwo .form-group {
    width: 425px;
    margin-left: 20px;
}

.templatePage-saveBtn {
    float: right;
}

#addDealerButtonSubmit, #saveChangesEditDealer {
    /*position: absolute;
    bottom: 11px;
    right: 100px;*/
}

.editProfileBtnContainer, .editDealerBtnContainer, .addDealerButtonContainer {
    display: flex;
    position: relative;
    height: 70px;
    justify-content: space-between;
    align-items: center;
}

.editDealerSubmitBtn, .addDealerSubmitBtn {
    position: absolute;
    right: 50px;
}

.editProfileMain, addDealerMain, editDealerMain {
    border: 1px solid grey;
    padding: 20px;
}

.addDealerUpdateMsg, .editDealerUpdateMsg {
    margin-left: 50px;
}
/*Marketing*/
.marketing-title {
    margin: 0 !important;
    float: left;
}

.marketing-summary {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

#marketing-page {
    padding: 20px 20px 20px 20px;
}

.marketing-page {
    margin: 20px;
}

#marketingTable {
    visibility: hidden;
}

#disabledWarning {
    font-size: 16px;
}

#scheduledWarning {
    font-size: 16px;
}

.editMarketingFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: auto;
    padding: 25px;
}

.editMarketingFlexRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
}

.editMarketingFlexFirstColumn {
    /*    padding-bottom: 20px;*/
    /*margin-right: 100px;*/
}

.editMarketingFlexSecondColumn {
    /*display: table;
    flex-direction: column;*/
    /* align-items: center; */
    /*margin: 30px 20px;*/
}

/*.editMarketingTop {
    margin-bottom:10px;
}
*/
.marketingPage-title {
    float: left;
    margin: 0 !important;
    padding-right: 90px;
}

/*remove outline from button*/
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
}
/*register page */
.registerFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin: auto;
    padding: 25px;
}

.registerFlexRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.registerFlexFirstColumn {
    padding: 0 20px;
    /* padding-bottom: 20px;*/
}

.registerFlexSecondColumn {
    padding: 0 20px;
    margin-top: 7px;
}

    .registerFlexSecondColumn > div {
        width: 250px;
    }

.registerFlexFirstColumn .form-group {
    width: 275px !important;
}

.registerLabel-right {
    margin: 5px 20px;
}

.registerUserAccessContainer .form-group {
    margin-bottom: -10px;
}

.registerUserAccessContainer .control-label {
    padding-top: 0;
}

.registerBtnContainer {
    display: flex;
    position: relative;
    height: 70px;
    justify-content: space-between;
    align-items: center;
}

.registerUpdatemsg {
    margin-left: 50px;
}

.registerSubmitBtn {
    margin-right: 40px;
    margin-top: 15px;
}

.registerMain {
    padding: 25px;
    border: 1px solid grey;
}

.marginLeft-indicatesRequiredFieldMsg {
    margin-left: 40px;
}

.marginLeft-50px {
    margin-left: 50px;
}

.marginLeft-40px {
    margin-left: 40px;
}

.marginLeft-10px {
    margin-left: 10px;
}

.marginLeft-30px {
    margin-left: 30px;
}

.marginTop-15px {
    margin-top: 15px;
}

.marginLeft-170px {
    margin-left: 170px;
}

.marginLeft-20px {
    margin-left: 20px;
}

.marginRight-10px {
    margin-right: 10px;
}

.marginRight-20px {
    margin-right: 20px;
}
/*FAQS*/
.addFAQBtnContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.FAQAdd-main {
    border: 1px solid gray;
    padding: 20px;
}

.addFAQMain {
    border: 1px solid grey;
    padding: 30px;
}

.addFAQFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
    padding: 25px;
}

.addFAQBtnContainer {
}

.editFAQBtnContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.FAQEdit-main {
    border: 1px solid gray;
    padding: 20px;
}

.editFAQMain {
    border: 1px solid grey;
    padding: 30px;
}

.editFAQFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
    padding: 25px;
}
/*Template*/
.templateFlexContainer {
    display: flex;
    flex-direction: column;
    max-width: 750px;
    margin: auto;
    padding: 25px;
}

.addTemplateMain {
    border: 1px solid grey;
    padding: 20px 40px;
}

.templateFlexRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.templateFlexFirstColumn {
    /* padding-bottom: 20px;*/
    width: 270px;
}

.tepmlateFlexSecondColumn {
    display: table;
    flex-direction: column;
    /* align-items: center; */
    /*margin: 30px 20px;*/
}

.templates-key-content {
    margin-left: -15px; /*5%;*/
    border: 1px solid gray;
    padding: 0px 20px 10px 20px;
    font-size: 12px;
}

    .templates-key-content.trade-finder-keywords {
        margin-left: 0;
        margin-top: 10px;
    }

.templateSubmitBtn {
    display: flex;
    /*margin-right: 30px;*/
    justify-content: space-between;
}

.marginright-30px {
    margin-right: 30px;
}

.addTemplateBtnContainer {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.alignEstimateDateToLeft {
    margin-left: auto;
}

#historyModal .modal-content {
    display: inline-block;
    width: 1100px;
}

#historyModal > .modal-dialog {
    width: initial;
    text-align: center;
    /* top: 80px; */
}

.flexCenter {
    display: flex;
    align-items: center;
}

.paddingLeft-14px {
    padding-left: 14px;
}

.paddingRight-14px {
    padding-right: 14px;
}

.paddingLeft-18px {
    padding-left: 18px !important;
}

.paddingRight-18px {
    padding-right: 18px !important;
}
/*Shuttle*/

.extraShuttleInfoFlex {
    display: flex;
    justify-content: space-between;
    padding: 5px 55px 5px 42px;
    /*background-color: lightgray;*/
    /*align-items: center;*/
}

    .extraShuttleInfoFlex > tr {
        background-color: lightgray !important;
    }

.extraShuttleInfo > div > div {
    padding: 5px;
}

td.shuttleNumberClass {
    background-color: #8BC53F;
    text-align: center !important;
    font-weight: bold;
    color: white;
    font-size: 1.5em;
}

.backgreyColor {
    /*background-color:lightgray;*/
}

.additonalPadding {
    padding-left: 4px 10px !important;
}

.extraShuttleInfoChild {
    padding: 0px !important;
    border-top: none !important;
}

td.details-control {
    background: url(Images/down-arrow.png) no-repeat center center;
    cursor: pointer;
    /*background-color: lightgrey;*/
    background-size: 20px 20px;
    align-content: center;
}

tr.shown td.details-control {
    background: url('Images/up-arrow.png') no-repeat center center;
    cursor: pointer;
    /*background-color: lightgray;*/
    background-size: 20px 20px;
    align-content: center;
}

#shuttleTable tbody > tr {
    border-bottom: 5px solid white !important;
}

#shuttleTablePrint {
    display: none;
}

.textAlignCenterImp {
    text-align: center !important;
}

.shuttleDriverInstruction {
    width: 270px;
}

#shuttleTable thead {
    visibility: collapse;
}

.evenColorInExtraInfo {
    background-color: #ffffff !important;
}

.oddColorInExtraInfo {
    background-color: #f9f9f9 !important;
}

.fontWeight-normal {
    font-weight: normal;
}

/*OutOfOffice*/

.office-container {
    max-width: 450px;
    margin: auto;
    padding: 25px;
}

.officeMain {
    border: 1px solid grey;
    padding: 20px;
}

    .officeMain .form-group {
        width: 320px;
        margin-left: 20px;
    }

.officeBtn-container {
    display: flex;
    position: relative;
    height: 70px;
    justify-content: space-between;
    align-items: center;
}

.officeSubmitBtn {
    margin-right: 15px;
    /*    margin-top: 15px;*/
}

#OutOfOfficeDate {
    width: 320px;
}


/*Shuttle Page*/

.shuttleType {
    font-size: 16px;
}

    .shuttleType > label {
        margin-right: 15px;
    }

.valetType {
    color: #8BC53F;
    margin-left: 10px;
}

.generalShuttleType {
    font-size: 14px;
}

    .generalShuttleType > label {
        margin-right: 15px;
    }

/*Marketing Page*/

.importCustomerModel {
    width: 1200px !important;
    margin: auto;
}

@media (min-width: 768px) {
    .modalSizeTo-30p {
        width: 32% !important;
        margin: 30px auto;
    }

    .modalSizeTo-90p {
        width: 80% !important;
        margin: 30px auto;
    }
}

.transaction-detailsTh {
    /*justify-content: space-between;*/
    background-color: #8BC53F;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    display: flex;
    color: white;
    padding: 5px 0 5px 20px;
}

.scheduleShuttleBtnContainer > div {
    margin-right: 5px;
}

/* Marketing/Campaign */

.report-body-campaign {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 10px;
}

.report-container.clickable:hover {
    text-decoration: underline;
    cursor: pointer;
}

.report-container.selectedFilterType {
    border: 2px solid black;
}

.filterTypeTextContainer {
    position: absolute;
    top: -24px;
}

.filterTypeText {
    font-size: 20px;
    margin-right: 20px;
}

.marketing-hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid lightgrey;
}

.campaign-sidebar {
    flex: 0 200px;
}

.campaign-main-section {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.campaign-table-selection {
    display: flex;
    z-index: 100;
    width: calc(100% - 200px);
}

    .campaign-table-selection > div {
        padding: 5px 10px;
        flex: 0 100px;
        margin-right: 10px;
        cursor: pointer;
        font-size: 1.1em;
    }

        .campaign-table-selection > div:not(.highlighted):hover {
            background-color: #eee;
        }

        .campaign-table-selection > div.highlighted {
            background-color: lightgrey;
        }

.campaign-sidebar .campaign-table-selection {
    flex-direction: column;
    width: auto;
}

    .campaign-sidebar .campaign-table-selection > div {
        flex: 0 auto;
        margin-bottom: 10px;
    }

.campaign-sort-title {
    color: white;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #8BC53F;
    font-weight: bold;
    font-size: 1.1em;
}

.campaign-table-row {
    border-top: 2px solid lightgrey;
    display: flex;
    justify-content: space-between;
}

.campaign-table-row-details {
    flex: 1 auto;
}

.campaign-details-name {
    font-weight: bold;
    font-size: 1.25em;
    padding-bottom: 5px;
    flex: 1;
}

.campaign-details-info {
    display: flex;
}

.campaign-info-status {
    flex: 0 120px;
    display: flex;
}

.campaign-info-status-box {
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    height: 30px;
    color: white;
    font-size: 14px;
}

    .campaign-info-status-box.sent {
        background-color: #4091be;
    }

    .campaign-info-status-box.scheduled {
        background-color: #8BC53F;
    }

    .campaign-info-status-box.draft {
        background-color: #aaa;
    }

.campaign-table-row-actions {
    flex: 0 auto;
}

.campaign-info {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    align-items: center;
}

    .campaign-info > div {
        padding: 0 10px;
        flex: 0 15%;
    }

.campaign-date {
    flex: 0 25% !important;
    padding-left: 0 !important;
}

.action-group > .btn {
    line-height: 1.6em;
    height: 26px !important;
    font-size: 1.1em !important;
}

.campaign-table-section {
    flex: 1;
    margin-top: -30px;
}

.marketing-drop-left {
    border-radius: 4px 0 0 4px !important;
    border-right: 0;
}

.marketing-drop-right {
    border-radius: 0 4px 4px 0 !important;
    border-left: 0;
}

.campaign-dropdown-option {
    padding: 5px 0 5px 10px;
    font-size: 1.1em;
    cursor: pointer;
}

    .campaign-dropdown-option:hover {
        background-color: #f1f1f1;
    }

.startDateContainer {
    display: flex;
    align-items: center;
}

.endDateContainer {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

    .endDateContainer > span {
        display: block;
    }

.editMarketingBtnContainer {
    margin-top: 20px;
    float: right;
}

#CampaignStartDate, #CampaignEndDate {
    z-index: 500 !important;
}

.multiselect-container > li > a > label {
    padding: 4px 20px 3px 20px !important;
}

    .multiselect-container > li > a > label > input[type="checkbox"] {
        position: unset;
    }

.multiselect-container > li > a {
    float: left;
    width: 100%;
    text-align: left !important;
}

.dropdownCampaignInfoPanel {
    padding: 10px;
    color: #000;
}

    .dropdownCampaignInfoPanel > div {
        display: flex;
        justify-content: space-between;
    }

        .dropdownCampaignInfoPanel > div > div {
            white-space: nowrap;
        }

            .dropdownCampaignInfoPanel > div > div:first-child {
                margin-right: 10px;
                font-weight: bold;
            }

.transaction-detailsTh > div {
    font-size: 16px;
    font-weight: bold;
}

.transaction-detailsTd {
    position: relative;
    display: flex;
    /* background-color: #eee;*/
    border: 1px solid;
    margin-bottom: 5px;
    justify-content: center;
    align-items: center;
    padding: 5px 5px 5px 20px;
    border-color: gray;
}

    .transaction-detailsTd > div > div {
        padding: 5px;
    }

#customerListTable > tbody > tr > td {
    text-align: left;
    margin-bottom: 5px !important;
}

.importActionColumnTh {
    text-align: right !important;
    margin-right: 10px;
}

.transaction-detailsTh > th {
    padding: 8px !important;
}

.importActionColumnTd {
    text-align: right !important;
}

/*Import Campaign Customer*/

.invalidRecord {
    color: red;
}

.highlight-record {
    background-color: #8BC53F;
}

.existingRecord {
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid grey;
    position: relative;
}

.conflictExistRecord {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 20px;
}

.conflictRecordGrey {
    background-color: lightgray;
}

.conflictRecord {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 20px;
}

.width25-Percentage {
    width: 25%;
    word-wrap: break-word;
}

.width15-Percentage {
    width: 15%;
    word-wrap: break-word;
}

.width10-Percentage {
    width: 10%;
    word-wrap: break-word;
}

.width5-Percentage {
    width: 10%;
    word-wrap: break-word;
}

#customerListTable > tbody {
    display: initial;
    width: 100%;
    overflow: auto;
    height: 950px;
}

.customer-mainContainer {
    width: 100%;
    overflow-y: auto;
    padding: 20px;
    min-height: 200px;
    max-height: 800px;
}

.displayCount-Container {
}

.displayCount {
    float: left;
}

.importCustomer-Btn {
    float: right;
}

#custome-width {
    width: 32%;
}

.recordlabel {
    font-size: 15px;
    font-weight: bold;
}

/*Custom Green CheckBox */

.checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #8BC53F;
    border-radius: 50%;
    left: 0;
    top: 0;
}

.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 9px;
    background-color: #fff;
    left: 11px;
    top: 6px;
}

.checkmark_kick {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #fff;
    left: 8px;
    top: 12px;
}

.conflictedNote {
    color: black;
    font-size: 15px;
}

.noteClass {
    color: red;
}

.importCancelBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 25px !important;
    width: 26px !important;
    border-radius: 22px;
    padding: 1px 5px !important;
}

.conflictedLabels {
    display: flex;
    flex-direction: column;
}

.conflictSelectRadioBtn {
    margin-left: 5px;
}

/*Dashboard */

.dashboardDropdown {
    left: 50%;
    transform: translateX(-50%);
    text-align: left !important;
}

.manageViewsDropdownItem {
    display: flex !important;
    align-items: center;
}

.dashboardDropdown {
    width: 200px;
}

    .dashboardDropdown .fa-square {
        margin-right: 10px;
        color: #8BC53F;
        font-size: 0.7em;
    }

    .dashboardDropdown > a {
        padding: 5px;
    }

.editDashboard {
    width: 1150px;
}

.dashboardInput {
    display: inline-block;
    width: 86% !important;
}

.dashTable-thead {
    background-color: #8BC53F;
    color: white;
}

.table-dashboard {
    font-size: 0.9em;
    overflow-y: scroll;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    max-height: 800px;
    flex: 1;
    padding: 0 10px;
}

.divDisabled {
    opacity: 0.4;
}

.darkGreyButton.divDisabled:hover {
    background-color: #58595B;
    color: white;
}

#dashboardFullTab, #marketingFullTab, #apptsFullTab {
    /*position: relative;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

#vvxViewTabCollapsed-extra > a {
    text-align: left;
}

#internalDashboardViewTopCover {
    width: 250px;
    height: 12px;
    top: 41px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    z-index: 501;
    border-bottom: 1px solid #ccc;
}

#internalDashboardView {
    display: none;
    background-color: #fff;
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 2px;
    box-shadow: grey 0 0 20px;
    position: absolute;
    top: 118px;
    /*left: 10px;*/
    z-index: 500;
    /* width: 400px;*/
    max-width: 220px;
}

#closeInternalDashboardChatBtn {
    position: absolute;
    right: 6px;
    top: 2px;
}

.internalDashboard {
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;*/
}

    .internalDashboard:first-child {
        margin-top: 25px;
    }

    .internalDashboard:last-child {
        margin-bottom: 0 !important;
    }

    .internalDashboard:hover {
        background-color: #f1f1f1;
    }

.greyoutText {
    color: rgba(0,0,0,0.5);
    cursor: not-allowed;
}

/*#dashboardDropdown-small .fa-square {
    margin-right: 10px;
    color: #8BC53F;
    font-size: 0.7em;
}*/

.menuTabDropdownList {
    padding-bottom: 5px;
    left: initial !important;
}

    .menuTabDropdownList > li .fa-square {
        margin-right: 10px;
        color: #8BC53F;
        font-size: 0.7em;
    }

    .menuTabDropdownList .fa-square {
        margin-right: 10px;
        color: #8BC53F;
        font-size: 0.7em;
    }

#internalDashboardView > li {
    padding: 6px !important;
    cursor: pointer;
}

#dashboardDropdown-small > li {
    padding: 6px !important;
    cursor: pointer;
}

.right-caret {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #000000;
    display: inline-block;
    height: 0;
    width: 0;
}

#dashboardDropdown-small {
    position: absolute !important;
    top: 5px !important;
    left: 200px !important;
}

.cmsDashboard {
    padding: 5px;
    text-align: left;
}

.dsThumb {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.cmsDashboard:hover > .dsThumb {
    display: inline-block;
}

/*  .cmsDashboard:first-child {
        margin-top: 25px;
    }

    .cmsDashboard:last-child {
        margin-bottom: 0 !important;
    }*/
.cmsDashboard:hover {
    background-color: #f1f1f1;
}

.inputDisabled {
    /* opacity:0.6;*/
    cursor: not-allowed;
    pointer-events: none;
    background-color: lightgray;
}

/*chat-notes*/
#showAttachmentsButtonFromNotes {
    position: absolute;
    right: 47px;
    top: 0px;
}

#attachmentsArea-container-notes {
    display: none;
    z-index: 1030;
    /*position: fixed;
    top: 88.2%;
    right: 30%;*/
}

#attachmentsArea-top-notes {
    position: absolute;
    right: 41px;
    bottom: 0;
    z-index: 1999;
    /* transform: translateX(-50%); */
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

#attachmentsArea-notes {
    position: absolute;
    bottom: 28px;
    right: -160px;
    width: 370px;
    max-height: 80vh;
    overflow: auto;
    /*overflow-y: scroll;*/
    transform: translateX(-50%);
    border: 2px solid #858683;
    background-color: #fff;
    /* float: right; */
    z-index: 1998;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    color: #000;
}

.attachments-notes {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.6em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    float: left;
    line-height: 1.2em;
    padding: 17px;
    padding-bottom: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /* border-bottom: 1px solid #cacaca; */
}

#removeAttachmentButton-notes {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2000;
    text-align: center;
    width: 20px;
    cursor: pointer;
    font-size: 15px;
}

.noteAttachmentsModal {
    font-family: 'Roboto';
}

.noteAttachmentsModal-body {
    overflow: scroll;
    align-items: center;
    text-align: center;
    /*   min-height: 500px;*/
    max-height: 1000px;
}

    .noteAttachmentsModal-body > div {
        padding: 5px;
    }
/*.noteAttachmentImg > img, .noteAttachmentVideo > video {
    height: 200px;
    min-width: 200px;
    max-width: 400px;
}*/
.noteAttachmentsModal-container {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.estiamte-note-item .main-line {
    font-size: 14px;
    line-height: 20px;
}

.estimate-note-item .sub-line {
    font-size: 12px;
    line-height: 16px;
}

#estimateHistoryModal .modal-header {
    font-size: 24px;
    line-height: 32px;
}

.note-attachment {
    display: flex;
    align-items: center;
}

.note-attachment-user {
    margin-left: 8px;
    max-width: 240px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
}

.noteAttachment-Btn {
    margin-left: 5px;
    height: 35px;
}

#noteAttachmentsModal .modal-body {
    height: 80vh;
}

.noteAttachment {
    display: inline-block;
    position: relative;
}

    .noteAttachment .note-photo, .noteAttachment .note-video {
        max-width: 340px;
    }

.noteRemoveAttachment-Btn {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 3px 5px;
    background-color: rgba(255,255,255,0.75);
    color: grey;
    border-radius: 10%;
    cursor: pointer;
}

.note-attachments-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.note-attachments {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    float: left;
    line-height: 1.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notesBtnContainer {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none !important;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: bold;
    cursor: pointer;
}

.noteAddAttachment-Btn {
    padding: 2px 2px 2px 3px;
    border: 1px solid grey;
    border-radius: 5px;
    margin-right: 5px;
}

#estimatesNoteAttachmentModal .modal-body {
    max-height: 700px;
    overflow-y: auto;
}

.estimateNoteAttachmentContainer {
}

.noteAttachmentForEstimatesText {
    margin-bottom: 10px;
}

.noteAttachmentForEstimatesHr {
    margin: 10px 0 !important;
}

.modal-body.attachmentsBody > div:not(:last-child) {
    margin-bottom: 10px;
}

.modal-body hr:not(.noteAttachmentForEstimatesHr) {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.defaultModal .form-group {
    margin-bottom: 10px !important;
}

.defaultModal label {
    margin-bottom: 0 !important;
}

#reserveLoanerVehicleBody .input-group {
    margin-bottom: 7px;
}

.datatablesPageSpacing {
    position: relative;
    overflow-y: auto;
    height: 100%;
    padding: 20px 40px 40px 40px;
}

.float-right {
    float: right;
}

/*layoutpage*/
.vvxViewTabCollapsed-extra {
    text-align: left;
    width: auto;
}

    .vvxViewTabCollapsed-extra > a {
        padding: 10px !important;
    }

    .vvxViewTabCollapsed-extra .fa-square {
        margin-right: 10px;
        color: #8BC53F;
        font-size: 0.7em;
    }

#popup-notice {
    display: none;
    position: fixed;
    top: 125px;
    right: 10px;
    width: 420px;
    background-color: paleturquoise;
    border: 1px solid turquoise;
    border-radius: 15px;
    font-size: 12px;
    padding: 0 8px;
}
/* datatables overrides */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 4px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    left: 0 !important;
    background-color: #8BC53F !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: #d33333 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
    padding-left: 22px !important;
}


/* Service Reminders page */
.serviceReminderHeader {
    display: flex;
    align-items: flex-end;
    width: 100%
}

.serviceReminderHeaderForArrows {
    align-items: center !important;
}

.serviceReminderDateContainer {
    flex: 1;
    display: flex;
    align-items: flex-end;
    top: -20px;
}

.serviceReminderDateField {
    max-width: 150px;
}

    .serviceReminderDateField > .control-label {
        margin-bottom: 0;
    }

.serviceRemindersFilterSearchBar {
    display: flex;
    align-items: flex-end;
}

    .serviceRemindersFilterSearchBar > div {
        margin-left: 10px;
    }

#customerConnectSideBar {
    height: 100%;
    width: 192px;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 180px;
    background-color: #ecebeb;
}

.customerConnectSideBarOption {
    padding: 15px 20px;
    font-size: 16px;
    display: block;
    border-bottom: 1px solid white;
}

    .customerConnectSideBarOption:hover {
        cursor: pointer;
    }

    .customerConnectSideBarSelected, .customerConnectSideBarOption:active {
        background-color: darkgrey;
        color: white;
        border-bottom: none;
    }

#customerConnectPage {
    padding: 20px 40px 40px 40px;
    overflow: auto;
    height: 100%;
    margin-left: 192px;
}

#customerConnectSideBarSettingsReports {
    padding-top: 70px;
}

.currentMonthYearCustomerConnect {
    padding-left: 15px;
    font-size: 24px;
}

.customerConnectMostRecentHeader {
    width: 300px;
}

.customerConnectMostRecentDate {
    width: 250px;
}

.customerConnectMostRecentSentSMS {
    width: 135px;
}

.customerConnectMostRecentSentEmail {
    width: 150px;
}

.customerConnectMostRecentResponded {
    width: 115px;
}

.customerConnectMostRecentClickedLink {
    width: 115px;
}

#customerConnectViewSingleDateArrowsContainer {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

#customerConnectViewSingleDateLeftArrow {
    padding-right: 10px;
}

#customerConnectViewSingleDateRightArrow {
    padding-left: 10px;
}

.serviceRemindersDetailsPanel {
    width: 250px !important;
    right: 140px !important;
}

#service-reminders-section .report-detail {
    padding: 3px 10px 3px 10px !important;
}

#service-reminders-section #appointmentsTableSelectionContainer {
    display: flex;
    align-items: end;
    width: 720px;
}

#customerConnectViewSingleDate {
    font-weight: bold;
    font-size: 20px;
}

#customerConnectTitle {
    font-size: 28px;
    padding-left: 15px;
    padding-bottom: 10px;
}

#customerConnectViewAllFromSingleBtn {
    margin-left: 20px;
}

#customerConnectBackToSummaryBtn {
    margin-left: 20px;
}

.specialOrderPartsDetailsContainer {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
}

    .specialOrderPartsDetailsContainer:first-child {
        margin-top: -10px;
    }

    .specialOrderPartsDetailsContainer:not(:first-child) {
        border-top: 1px solid #e5e5e5;
    }

.specialOrderPartsDetailsLeft {
    flex: 1 auto;
    font-weight: normal !important;
}

.specialOrderPartsDetailsRight {
    flex: 0 auto;
}

.specialOrderPartsUpdate {
    display: flex;
    align-items: flex-end;
    font-size: 0.8em;
}

    .specialOrderPartsUpdate > div {
        margin-right: 10px;
    }

.partsWarning {
    background-color: #f5ebb0;
}

.partsWarningText {
    font-size: 0.81em;
    width: 100%;
    display: flex;
}

.partsWarningIcon {
    position: relative;
    top: 2px;
    left: 5px;
}

.closedLine {
    background-color: #eee;
    color: #666;
}

.specialOrderPartsDetailsSection {
    margin: -10px;
}

.specialOrderPartsModeSelect {
    margin: 20px 10px 0 0;
}

/* datatables collapse column icon override */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    top: 0% !important;
    left: -5px !important;
    height: 12px !important;
    width: 12px !important;
}

.dtr-data {
    display: inline-block;
}

    .dtr-data br {
        display: none;
    }



@media screen and (max-width: 768px) {
    .dt-buttons {
        display: none;
    }

    .dataTables_info {
        display: none;
    }
}

.boxquickbook {
    display: flex;
    justify-content: center !important;
}

    .boxquickbook > * {
        flex: 1 1 0;
        border: 0.5px solid;
    }

.settextstyle {
    font-weight: bold;
    text-align: center !important;
}

.boxquickbookalign {
    justify-content: center;
}

.modal-invoices {
    height: 700px !important;
    overflow-y: auto;
}

.paginationQuickBookInvoice a {
    color: black;
    float: left;
    padding: 4px 10px;
    text-decoration: none;
    transition: background-color .3s;
}

    .paginationQuickBookInvoice a.active {
        background-color: #808080;
        color: white;
    }

    .paginationQuickBookInvoice a:hover:not(.active) {
        background-color: #ddd;
    }

.tableflexvenue {
    display: flex;
    flex-flow: column nowrap;
    font-size: 1.0rem;
    margin: 0.8rem;
    line-height: 1.2;
    border-bottom: 1px solid #d0d0d0;
    flex: 1 1 auto;
}

.thflexvenue {
    display: none;
    font-weight: 700;
    background-color: #f2f2f2;
}

    .thflexvenue > .tdflexvenue {
        white-space: normal;
        justify-content: center;
    }

.trflexvenue {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

    .trflexvenue:nth-of-type(even) {
        background-color: #f2f2f2;
    }

    .trflexvenue:nth-of-type(odd) {
        background-color: #ffffff;
    }

.tdflexvenue {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5em;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0px;
    white-space: nowrap;
}


.QuickBookwrapper {
    width: 100%;
    max-width: 1000px;
    margin: 1em auto;
}

.is-striped {
    background-color: rgba(233,200,147,0.2)
}

/* Table column sizing
================================== */

.invoicenumber-cell {
    width: 7%;
}

.name-cell {
    width: 16%;
}

.email-cell {
    width: 16%;
}

.phone-cell {
    width: 12%;
}

.amount-cell {
    width: 8%;
}

.duedate-cell {
    width: 11%;
}

.status-cell {
    width: 7%;
}

.select-cell {
    width: 21%;
}




.Rtable-row {
    width: 100%;
    display: flex;
}

.Rtable-row-cell {
    width: 100%;
    display: flex;
}

    .Rtable-row-cell:nth-of-type(even) {
        background-color: #f2f2f2;
    }

    .Rtable-row-cell:nth-of-type(odd) {
        background-color: #ffffff;
    }

.Rtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    overflow: hidden;
    list-style: none;
    padding-top: 0.6em;
    padding-right: 0.3em;
    padding-bottom: 0.3em;
}

.Rtable-cell-header {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 0.5em 1.0em;
    overflow: hidden;
    list-style: none;
    font-size: 0.8em !important;
}

.Rtable-cell-header-InvoiceNumber {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 0.5em 0.1em;
    overflow: hidden;
    list-style: none;
    font-size: 0.8em !important;
}

.column-heading {
    background-color: #8BC53F;
    color: white;
}

.sortabletablecolumn {
    cursor: pointer;
    text-decoration: underline
}

.Rtable-cell--heading {
    display: none;
}

.Rtable-cell--content {
    font-size: 0.8em !important;
    color: #333;
}

.Rtable-cell--content--email {
    word-break: break-all;
}

.Rtable-cell--content--center {
    text-align: center;
}

.Rtable-cell--content--select {
    padding-left: 2.4em;
}

.Rtable-cell--content--duedate {
    padding-left: 1.0em;
}

.webinar-date {
    font-weight: 600;
}

.borderboxtext {
    border: 1px solid;
    padding-left: 1em;
    margin-left: 0.2em;
    margin-top: 0.2em;
    padding: 0.4em;
}

.btneditbuttongroup {
    display: inline-block;
}

.tabletextboxvisible {
    display: block;
}

.tabletextboxinvisible {
    display: none;
}

.btneditbuttongrouphide {
    display: none;
}

.trflexvenue:nth-of-type(even) {
    background-color: #f2f2f2;
}

.trflexvenue:nth-of-type(odd) {
    background-color: #ffffff;
}
/* Responsive
==================================== */
@media all and (max-width: 750px) {


    .Rtable--collapse {
        display: block;
        width: 100%;
        padding: 1em;
        box-shadow: none;
    }

    .Rtable-row, .Rtable-row-cell {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-shadow: 0 0 40px rgba(0,0,0,0.2);
    }

    .Rtable-cell {
        width: 100% !important;
        display: flex;
        align-items: center;
    }

    .Rtable-cell--heading {
        display: inline-block;
        flex: 1;
        max-width: 120px;
        min-width: 120px;
        color: #43BAC0;
        font-weight: 700;
        border-right: 1px solid #ccc;
        margin-right: 1em;
    }

    .Rtable-cell--content {
        flex: 2;
        padding-left: 1em;
    }


    .topic-cell {
        background-color: #43BAC0;
        color: white;
        font-weight: 700;
        order: -1;
    }

    .Rtable-cell--content {
        padding-left: 0 !important;
    }

    .Rtable-cell--content--center {
        text-align: left;
    }

    .Rtable-row--head {
        display: none;
    }
}

.quickbookinvoicetdPadding {
    padding: 8px 4px !important;
}

.redColorBorder {
    border: 1px solid red;
}

.quickbookinvoicetabletop {
    margin-top: 50px;
}

    .quickbookinvoicetabletop input[type=checkbox] {
        accent-color: #96C864;
    }

.quickbookinfomessage {
    text-align: center;
    color: #96C864;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.quickbookerrormessage {
    text-align: center;
    color: red;
    margin-top: 5px;
    margin-bottom: 5px;
}

.customerinvoicequickbook td {
    font-size: 13px;
    text-align: left;
    padding: 4px 5px !important;
}

.selectedquickbookinvoicetabletop {
    margin-top: 30px;
}

    .selectedquickbookinvoicetabletop input[type=checkbox] {
        accent-color: #96C864;
    }

.QuickBookTableCheckBox {
    vertical-align: middle;
    margin-left: 65px;
    margin-bottom: 4px;
}

.removeatagbutton {
    height: 32px;
    opacity: 0.3;
}

    .removeatagbutton:hover {
        opacity: 1;
    }

    .removeatagbutton:before, .removeatagbutton:after {
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #333;
    }

    .removeatagbutton:before {
        transform: rotate(45deg);
    }

    .removeatagbutton:after {
        transform: rotate(-45deg);
    }

.quickbookdialogmessage {
    background-color: #8BC53F;
    color: white;
    margin-top: 20px;
    padding: 0.4em;
}

.ErrorColor {
    color: red;
}

.input-group-addonx {
    padding: 4px 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/*loaner new changes*/

.loanerTableEditButton {
    background-color: lightgray;
    color: white;
}

#openLoanerBookingCalenderbtn {
    margin-left: 20px;
}

#loanerHistoryDateSelectionContainer {
    display: flex;
    position: relative;
    justify-content: space-between;
    /*padding-top: 5px;*/
    border-bottom: 1px solid lightgray;
    text-align: left;
    align-items: center;
    margin-bottom: 22px;
}

.loanerHistorySelctionLeftDiv {
    display: flex;
    width: 45%;
    justify-content: space-between;
}

.loanerHistorySelctionRightDiv {
    display: flex;
    justify-content: space-around;
    width: 55%;
}

.extraRowInReserVationTable {
    font-weight: bold !important;
    color: white !important;
    background-color: #808080 !important;
}

.loanerVehicleRemainigNumberBtn {
    margin-left: 10px;
}

.hiddenDiv {
    display: none;
}

/*loaner calendar*/
.calenderTopContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}

.calenderArrowIcon {
    font-size: 30px;
    color: lightgray
}

.dateRangeDisplay {
    font-size: 25px;
    font-weight: bold;
    padding: 0 10px;
}

#calendarView {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.otherColumns > div, .firstColumn > div {
    padding: 5px;
}

.calendarVehicleNames {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* border-right:1px solid gray;*/
}

.calendarDates {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


.calendarStatus {
    text-align: center;
    font-size: 14px;
    width: 100px;
}

.bookLoaner {
    background-color: #8BC53F;
    cursor: pointer;
    display: block;
}

.availableLoaner {
    background-color: #8BC53F;
    cursor: pointer;
    display: block;
}

.unAvailableLoaner {
    background-color: lightgray;
    display: block;
}


#loanerBookingCalenderModal .modal-dialog {
    width: 1200px;
    max-width: 90%;
}

#reserveLoanerVehicleModal, #bookLoanerVehicleModal {
    z-index: 3005 !important;
}

.calendarBottomContainer {
    max-height: 432px;
    overflow-y: auto;
    border: 1px solid gray;
}

/*for vertical line*/
.firstColumn {
    border-right: 1px solid gray;
    flex-grow: 1;
}

.otherColumns:not(:last-child) {
    border-right: 1px solid gray;
}

/*for horizontal Lines*/
.firstColumn > div:not(:last-child) {
    border-bottom: 1px solid gray;
}

.otherColumns > div:first-child {
    border-bottom: 1px solid gray;
}

.otherColumns > div:not(:first-child):not(:last-child) {
    border-bottom: 1px solid gray;
}

.centerDivFeature {
    overflow-x: hidden;
    padding-top: 10px;
}

.releasesectioncontentdiv {
    margin: auto;
    width: 100%;
}

.featureHeaderFont {
    font-size: 100%;
    padding-top: 10px;
    font-weight: bold;
}

.featurefeatureTitleFont {
    font-size: 115%;
}

.featurelisteleFont {
    font-size: 100%;
    margin-left: 30px;
    margin-top: 20px;
}

.currentpageselected {
    background-color: #D3D3D3 !important;
}

.error-message-color {
    color: red;
}

.releasenotesCards {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    padding-left: 1.5em;
}

.moveleft {
}

.oddcolorrelease {
    background-color: #f9f9f9;
}

.releasenotespage {
    padding: 20px 40px 40px 40px;
    overflow: auto;
    height: 100%;
}

.paginationReleasenotes {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
}

.releasenotespageButton {
    color: #000 !important;
}

/* New Marketing Manage Page */
.marketing-manage-container {
    display: flex;
    justify-content: space-between;
}

.marketing-manage-left {
    display: flex;
    flex-direction: column;
    width: 55%;
}

.marketing-manage-right {
    display: flex;
    flex-direction: column;
    width: 35%;
}

.marketing-manage-section {
    display: flex;
    flex-direction: column;
}

    .marketing-manage-section > div {
        margin-bottom: 10px;
    }

.marketing-manage-left > .marketing-manage-section, .marketing-manage-right > .marketing-manage-section {
    margin-bottom: 20px;
}

.marketing-manage-header {
    display: flex;
    font-weight: bold;
    align-items: center;
}

.marketing-manage-step {
    border-radius: 50%;
    background-color: #4091be;
    color: white;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
}

.marketing-manage-step-name {
    margin-right: 20px;
}

.marketing-manage-subheader {
    font-size: 0.9em;
    font-weight: bold;
}

.marketing-manage-input {
    position: relative;
}

    .marketing-manage-input input {
        width: 100%;
        border: 1px solid #333;
        padding: 10px;
    }

        .marketing-manage-input input[disabled] {
            cursor: not-allowed;
        }

    .marketing-manage-input textarea {
        width: 100%;
        resize: none;
        border: 1px solid #333;
        padding: 10px;
    }

        .marketing-manage-input textarea[disabled] {
            cursor: not-allowed;
        }

    .marketing-manage-input select {
        width: 100%;
        border: 1px solid #333;
        padding: 10px;
    }

.marketing-manage-body {
    display: flex;
    justify-content: space-between;
}

    .marketing-manage-body.date-section {
        margin: 0 -15px;
        padding: 15px;
        background-color: #ccc;
        flex-wrap: wrap;
    }

        .marketing-manage-body.date-section > .marketing-manage-section {
            width: 48%;
        }

.marketing-manage-btn {
    padding: 10px;
    width: 45%;
    text-align: center;
    font-weight: bold;
    border: 1px solid #333;
    border-radius: 10px;
    background-color: #eee;
    cursor: pointer;
}

    .marketing-manage-btn:hover {
        background-color: #ccc;
    }

    .marketing-manage-btn:active {
        background-color: #aaa;
    }

.preview-section {
    background-color: #eee;
    padding: 15px 15px 0 15px;
    margin: 20px 0 5px 0;
}

    .preview-section.green {
        background-color: rgba(139, 197, 63, 0.2);
    }

.marketing-manage-preview-body {
    background-color: white;
    border: 1px solid #333;
    padding: 10px;
}

.marketing-manage-preview-message {
    display: flex;
    margin-bottom: 20px;
    white-space: pre-wrap;
}

    .marketing-manage-preview-message.sent {
        justify-content: flex-start;
    }

    .marketing-manage-preview-message.received {
        justify-content: flex-end;
    }

    .marketing-manage-preview-message > div {
        background-color: #ccc;
        border-radius: 30px;
        padding: 15px;
        max-width: 80%;
        position: relative;
        word-wrap: break-word;
    }

        .marketing-manage-preview-message > div > img {
            max-width: 100%;
        }

    .marketing-manage-preview-message.sent > div {
        border-bottom-left-radius: 0;
    }

    .marketing-manage-preview-message.received > div {
        border-bottom-right-radius: 0;
        background-color: lightblue;
    }

.marketing-manage-body input {
    padding: 5px;
    border: 1px solid #333;
}

.marketing-manage-checkbox {
    width: 30px;
    height: 30px;
    border: 1px solid #333;
    margin-right: 10px;
    cursor: pointer;
    background-color: white;
}

    .marketing-manage-checkbox.wide {
        width: 66px;
    }

.marketing-sendoptions-container {
    display: flex;
    padding: 20px;
    background-color: #eee;
    margin: 10px 0 20px 0;
}

    .marketing-sendoptions-container > div {
        flex: 1 auto;
        justify-content: flex-end;
    }

        .marketing-sendoptions-container > div:not(last-child) {
            margin-right: 20px;
        }

.marketing-send-options {
    display: flex;
    margin-top: 10px;
}

    .marketing-send-options > div {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        flex: 1 auto;
    }

.marketing-save-section {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .marketing-save-section > div:last-child {
        margin-left: 10px;
    }

.keywordResult {
    position: absolute;
    top: 6px;
    right: 10px;
}

    .keywordResult.green, .marketing-manage-checkbox.green {
        color: #8BC53F;
    }

    .keywordResult.red {
        color: red;
    }

.campaign-attachment-icons {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.marketing-textbox-options {
    height: 40px;
    background-color: #eee;
    border: 1px solid #333;
    border-top: none;
    margin-top: -5px;
    display: flex;
    justify-content: space-between;
}

.marketing-key-selection {
    position: relative;
}

.marketing-key-selection-btn {
    padding: 5px;
    margin-right: 10px;
}

    .marketing-key-selection-btn:hover {
        background-color: #ccc;
    }

.marketing-key-selection-area {
    background-color: #eee;
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 200px;
}

    .marketing-key-selection-area > div {
        padding: 5px 10px;
        font-weight: bold;
    }

        .marketing-key-selection-area > div:hover {
            background-color: #aaa;
        }

.marketing-manage-note {
    font-size: 0.8em;
    width: 100%;
}

.marketing-manage-warning {
    font-size: 0.9em;
    font-weight: bold;
    color: red;
    width: 100%;
}

.warning-border {
    border: 2px solid red !important;
}

.campaign-details-header {
    font-size: 1.2em;
}

#campaignCustomersTable-container {
    margin: 40px 20px 20px 20px;
    position: relative;
}

.campaign-warning {
    position: absolute;
    left: -5px;
    top: 10px;
}

.marketing-manage-uploadedfile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2em;
}

.marketing-segment-count {
    padding: 10px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.marketing-selected-user {
    display: flex;
    align-items: center;
    margin-right: 10px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    background-color: #eee;
    padding: 3px;
    margin-bottom: 5px;
}

/** Campaign Lists **/
#createCampaignListBtn {
    margin-bottom: -10px;
}

/**************/

.noteFlexContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.noteAttachmentOptions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
}

.mediaItem {
    flex: 1 1 auto;
    text-align: center;
    margin-bottom: 10px;
}

.flexItemAlignLeft {
    text-align: left !important;
    padding: 12px;
    border: 1px solid #cbcbcb;
    border-radius: 16px;
}

.mediaItem .title {
    padding: 4px;
    text-align: left;
    padding-left: 0px;
}

.mediaItem input[type='checkbox'] {
    margin-left: 3px;
}

.header-options {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .header-options * {
        padding-right: 20px;
    }

@media only screen and (max-device-width: 480px) {
    .header-options {
        justify-content: space-between;
    }

        .header-options * {
            padding-right: 5px;
        }
}


.noteFlexContainer .note-photo {
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px 2px #888888;
    max-height: 300px;
    object-fit: contain;
    max-width: 450px;
    width: 100%;
}

.noteFlexContainer video.note-photo {
    margin-bottom: 0;
}

.creditCardFees {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: 0.5px;
}

.loanervehicleTableCellHeight {
    height: 50px;
}

    .loanervehicleTableCellHeight > div {
        margin-top: 12px
    }

.VehicleNameDivHeight {
    height: 50px;
}

.fontSize13 {
    font-size: 13px;
}

.stats-cards-list {
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.cardstats > div {
    width: 50%;
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.cardstats > span {
    font-size: 12px;
}

.cardstats .card-text {
    line-height: 1.6;
}

.cardstats .card-link > a {
    padding: 25px;
    font-size: 13px;
}

.font-eleven > div {
    font-size: 8px;
}

.font-title {
    font-size: 10px !important;
}

.reportsstatsHighest {
    width: 100%;
    float: left;
    font-weight: normal !important;
}

.reportsstatsList {
    width: 100%;
    padding: 5px;
    font-size: 12px;
}

.reportsstatstitle {
    width: 100%;
    float: left;
}

.messageTypeLi {
    width: 100%;
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.margintop5px {
    margin-top: 5px;
}

.margintop10px {
    margin-top: 10px;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #58595B;
}

.caret-arrow-up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
}

.reportboxgroup {
    width: 65% !important;
}

.reportboxavg {
    width: 35% !important;
}

.fontweight900 {
    font-weight: 900 !important;
}

.alinkviewmore {
    color: black;
    text-decoration: none !important;
}

.font-Bold {
    font-weight: bold;
}

.font-Weight-Normal {
    font-weight: normal !important
}

#estimatesGroupSelectedTypeContainer {
    display: flex;
    justify-content: space-between;
    width: 700px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: -10px;
}

/* Campaign List Edit page */

#editCampaignListContainer {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.campaign-list-info {
    flex: 0 0 320px;
    margin-right: 10px;
    position: relative;
}

.campaign-list-title {
    font-size: 1.5em;
    margin-bottom: 8px;
}

.campaign-list-section {
    flex: 1;
    display: flex;
}

.campaign-list-table-section {
    border: 1px solid grey;
    padding: 10px;
    margin-top: 10px;
    flex: 1;
}

.campaign-list-customers {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.condition-placeholder {
    display: flex;
    width: 100%;
    background-color: green;
    margin-bottom: 10px;
    height: 120px;
}

.condition-fromto > .from {
    padding-right: 10px;
    flex: 1;
}

.condition-fromto > .to {
    padding-left: 10px;
    flex: 1;
}

.condition-radio {
    font-size: 0.8em;
    cursor: pointer;
}

    .condition-radio > div {
        display: flex;
        align-items: center;
    }

.condition-radio-option {
    border: 1px solid grey;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

    .condition-radio-option.option-checked {
        background-color: #558FBA;
    }

.condition-number {
    background-color: #558FBA;
    color: white;
    border-radius: 50%;
    text-align: center;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
}

.condition-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.condition-title {
    font-size: 1.3em;
    display: flex;
}

.condition select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    padding: 8px 15px 8px 8px;
    width: 100%;
}

.condition input {
    padding: 8px;
    width: 100%;
    border: 1px solid grey;
}

    .condition input:disabled {
        border: 1px solid rgba(118, 118, 118, 0.3);
    }

.condition > .indented {
    margin-left: 30px;
}

    .condition > .indented > div {
        margin-bottom: 10px;
    }

.condition {
    margin-bottom: 10px;
}

    .condition:not(:last-child) .indented {
        border-bottom: 1px solid grey;
    }

.add-condition-btn {
    background-color: #eee;
    border: 1px solid grey;
    font-size: 1.3em !important;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    margin-left: auto;
    width: fit-content;
}

.campaign-list-conditions-section {
    position: absolute;
    height: calc(100% - 55px);
    overflow: auto;
    width: 100%;
    padding-right: 15px;
    margin-top: 5px;
}

.campaign-list-options {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.errormessageRequestCustomer {
    color: red;
    font-size: 12px;
}

/**************/

#noteAttachmentsModal .helv-bold-larger {
    font-size: 18px;
    /*margin-top: 5px;*/
}

    #noteAttachmentsModal .helv-bold-larger hr {
        border: 2px solid #000;
    }

#noteAttachmentsModal .note-attachment-container-padding {
    padding: 20px 32px 5px 32px;
    flex-direction: row;
    gap: 16px;
}


/*@media(min-width:733px) {
    #noteAttachmentsModal .note-attachment-autohide-scroll {
        margin: 12px 0 0 0;
        flex: 100%;
    }
}*/

.titleorheader b {
    font-size: 18px;
}

.chathamMenu {
    color: #ffffff !important;
}

@media(min-width:500px) and (max-width:768px) {
    #noteAttachmentsModal .note-attachment-information-column {
        min-width: 318px;
    }
}

@media (max-width:530px) {
    #noteAttachmentsModal .note-attachment-information-column {
        padding-left: 0;
    }
}

#noteAttachmentsModal .note-attachment-autohide-scroll {
    max-height: calc(100% - 60px);
    margin: 12px 0 0 0;
    padding-right: 5px;
    margin-right: -5px;
}

@media(min-width:992px) {
    
}

/**************/


/*Timeline in Activity Column*/
ul.timeline {
    list-style-type: none;
    position: relative;
}

    ul.timeline:before {
        content: ' ';
        /*background: #d4d9df;*/
        /*background: #28a745;*/
        background: var(--green-color);
        display: inline-block;
        position: absolute;
        left: 15px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline > li {
        margin: 20px 0;
        /*padding-left: 30px;*/
    }

        ul.timeline > li:before {
            content: '';
            background: #fff;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            left: 4px;
            width: 24px;
            height: 24px;
            z-index: 400;
            text-align: center;
            line-height: 24px;
            color: #fff;
            font-size: 11px;
            border: 4px solid var(--green-color);
            /*background-color: var(--green-color);*/
            /*color: #d4d9df;*/
            /*border: 4px solid #d4d9df;*/
        }

        ul.timeline > li.active:before {
            content: '';
            /*background: #28a745;*/
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            left: 3px;
            width: 26px;
            height: 26px;
            z-index: 400;
            text-align: center;
            line-height: 24px;
            color: #fff;
            font-size: 15px;
            border: 4px solid var(--green-color);
        }

#accordionActivitiesInfo .card {
    margin: 8px 0 0 0;
}

#accordionActivitiesInfo .modal-header {
    padding: 5px 0;
}

#viewAppointmentDetails {
    margin-top: 5px;
}

#accordionActivitiesInfo .viewestimatelink {
    padding: 0px;
}

#accordionActivitiesInfo button {
    border: none !important;
    font-size: 22px;
    width: 30px;
    padding: 0;
}

#accordionActivitiesInfo .colorCreated {
    color: #000000;
    background-color: #d3d2d2;
}

#accordionActivitiesInfo .colorViewed {
    color: #fff;
    background-color: #908f8f;
}

#accordionActivitiesInfo .colorApproved {
    color: #fff;
    background-color: var(--green-color);
}

#accordionActivitiesInfo .colorPartial {
    color: #fff;
    background-color: #accf77;
}

#accordionActivitiesInfo .colorDeleted {
    color: #fff;
    background-color: #000000;
}

/****************/



.twocolumnMainDiv {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-top: 10px;
}

.twocolumnMainDivEstimate {
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px;
}

.twocolumnChild {
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.twocolumnChildEstimate {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .twocolumnChild {
        width: 100%;
    }
}

.twocolumnEstimate {
    display: flex;
    flex-wrap: wrap;
}

.twocolumnEstimateChild {
    width: 94%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flex-wrap {
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .twocolumnEstimateChild {
        width: 100%;
    }

    .ViewEstimateButtonMobile, .respondEstimateIssueSubmitBtn {
        height: 32px !important;
        font-size: 1.5rem !important;
    }

    .estimateTitle {
        font-size: 2.5rem;
    }

    #tech-videos-section-inner {
        margin-left: 0 !important;
    }
}

.respondEstimateIssueSubmitBtn {
    font-weight: 700;
    font-size: 2rem;
}

.marginRight {
    margin-right: 5px;
}

.backbuttonestimate:hover {
    color: white;
}

.estimateTitle {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
    letter-spacing: 0.15px;
    display: flex;
    justify-content: center !important;
    margin: 15px 0px;
}

#respondEstimateBody {
    font-family: 'Poppins', sans-serif !important;
}

.costfontsize {
    font-size: 16px;
    font-weight: bold;
}

.approveDefferButtons {
    border-radius: 0 !important;
    font-weight: normal;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.blackbuttonColor {
    background-color: black;
    color: white;
}

.width100 {
    width: 100%;
}

.backButtonMainPage:hover {
    color: white;
}

.blackbuttonColor:hover {
    color: white;
}

.ViewEstimateButtonMobile {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 700;
}

.titleFont {
    color: black;
    font-weight: bold;
}

.titleAlign {
    display: flex;
    justify-content: center
}

.backbuttonestimate {
    background-color: black;
    text-align: center;
    margin-bottom: 4px;
}

.pleasecallmeButton {
    border-radius: 4px;
    margin-left: 4px;
    font-size: 16px;
    text-align: center;
}

.backButtonMainPage {
    background-color: black;
    font-weight: 700 !important;
    text-align: center;
    border-radius: 4px;
    font-size: 16px !important;
    padding: 4px;
}

.BlackColorButton {
    background-color: black;
    color: white;
    width: 100%;
}

.IssueTitleSpace {
    display: flex;
    justify-content: space-between;
}
/*********AI******/
.aiResult {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-family: Verdana, Geneva, sans-serif;
}

.borderRadius15 {
    border-radius: 15px;
}

.borderRadius5 {
    border-radius: 5px;
}

.accDetailsCard {
    min-height: 450px !important;
    border-radius: 15px !important;
}

.MyPlanCard {
    background: #fff !important;
}

.AccountsMenuUl {
    text-decoration: none !important;
    list-style-type: none !important;
    align-content: center !important;
    display: flex !important;
    border-radius: 16px !important;
    padding-left: 0px;
    padding-bottom: 20px;
    cursor: pointer;
    text-transform: uppercase;
}

.AccountsMenuLi:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.AccountsMenuLi {
    border: 0.5px solid black !important;
    padding: 10px !important;
    background-color: white !important;
}

    .AccountsMenuLi:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .AccountsMenuLi.keepItCentre {
        width: 200px;
        text-align: center;
    }

.accountDetailsOutLine {
    padding-bottom: 10px;
    display: none;
}

.usageOutLine {
    padding-bottom: 10px;
    display: none;
}

.AccountsMenuLiactive {
    background-color: #4838E4 !important;
    color: white;
    cursor: default !important;
}

@media only screen and (max-width: 768px) {

    .desktop-view, #dashboard, #accountDetails {
        display: none;
    }

        #accountDetails.non-admin {
            display: none;
        }

        #accountDetails.admin {
            display: block;
        }

    .mobile-only-account-details {
        display: block;
    }

    #nonAdminHomePageItems {
        display: block !important;
    }
}

#nonAdminHomePageItems {
    display: none;
}

.dashBoardDivs {
    background: #eee;
}

.accountUsageDiv {
    min-height: 90px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.accountUsageDiv-headertext {
    width: 100%;
    margin-left: 15px;
    padding-left: 40px;
    font-size: 24px;
    font-weight: bold;
}

.accountUsagecontext {
    display: flex;
    width: 100%;
    align-items: center;
}

.accountUsageDiv.accountitemUsage {
    flex: 1;
    max-width: 630px;
}

.accountUsageDiv.accountStatsUsageItem {
    flex: 1;
    max-width: 630px;
    justify-content: center;
}

.accountUsageChild {
    flex: 0 0 auto;
}

.addOnTiles {
    font-size: 35px !important;
}

.accountUsageLabels {
    display: flex;
    padding-left: 10px;
    flex-direction: column;
    align-items: center;
}

.usageLabels {
    font-size: 18px;
    font-weight: bold;
    color: gray;
    padding-top: 10px;
    padding-left: 10px;
}

.usagenoteLabels {
    font-size: 14px;
    margin-top: -5px;
}

@media (min-width: 768px) {
    .accountUsageLabels {
        padding-left: 10px;
        flex-direction: row;
        justify-content: space-between;
    }

    .usageLabels {
        padding-top: 0;
        padding-left: 10px;
    }

    .accountUsageDiv {
        flex-direction: column !important;
        padding: 15px;
        max-width: 400px;
    }

    .accountUsagecountcontext {
        min-width: 60%
    }


    .accountUsageDiv-headertext {
        width: 100%;
        margin-left: 15px;
        padding-left: 40px;
        font-size: 24px;
        font-weight: bold;
    }

    .accountUsagecontext {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .accountUsageDiv.accountStatsUsageItem {
        flex-direction: column !important;
    }

    .accountUsageChild {
        padding-left: 40px;
    }

    .accountUsageValues {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .accountUsageTitleInfo {
        flex-direction: row !important;
        align-items: center !important;
    }

    .accountUsage-flex-item {
        flex-direction: row !important;
    }

    .chartAccountUsage {
        flex-direction: row !important;
    }

    .accountDetailsRoles, .accountDetailsInvoices {
        min-width: 300px;
        margin-left: 15px !important;
    }

    .accountDetailsInvoices {
        width: 100%;
    }

    .accountDetailsMyPlan {
        min-width: 300px;
        margin-left: 0 !important;
        width: 98%;
    }

    .accountDetailsManageMyPlan {
        min-width: 300px;
        margin-left: 0 !important;
        padding-bottom: 10px;
        width: 98%;
    }

    .accountDetailsTopOne, .accountDetailsBottomOne {
        flex-direction: column !important;
    }

    #chartAccountUsageItemTwo {
        padding: 15px 0 15px 15px;
    }

    .modifyPlanFlex {
        flex-direction: row !important;
        align-items: end !important;
    }
}

.accountUsageValues {
    font-weight: bold;
    color: #4838E4;
    font-size: 24px;
}

.accountUsageTitleInfo {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
}

#accountUsageTitle, .accountDetailsTitle {
    font-size: 24px;
    font-weight: bold;
}

.usageMonthlyTitle {
    font-size: 24px;
    font-weight: bold;
}

.accountUsage-flex-item {
    display: flex;
    flex-direction: column;
}

.accountUsageTopItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.chartAccountUsage {
    display: flex;
    flex-direction: column;
}

    .chartAccountUsage div {
        flex: 1;
        margin: 0;
    }

#chartAccountUsageItemOne {
    flex: 3;
    padding: 15px 0;
    min-width: 300px;
}

#chartAccountUsageItemTwo {
    flex: 1;
    padding: 15px 0;
    min-width: 300px
}

.lineChartData, .doughChart {
    height: 430px !important;
}

.lineChartData, .doughChart {
    width: 100% !important;
}

.accountDetailsTopOne {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    width: 45%;
}

.accountDetailsBottomOne {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    width: 65%;
}

.accountDetailsflex {
    flex: 1;
}

    .accountDetailsflex.accountDetailsMyPlan {
        max-width: 100%;
        min-height: auto !important;
        margin-right: 15px;
    }

    .accountDetailsflex.accountDetailsRoles, .accountDetailsInvoices {
        flex: 2;
        box-shadow: none !important;
        max-width: 99%;
        min-height: 470px !important;
        margin-left: 0;
        padding: 15px 15px 0 15px;
    }

.accountDetailsRoles {
    width: 100%;
}

.accountDetailsflex.accountDetailsManageMyPlan {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    box-shadow: none !important;
    max-width: 100%;
    min-height: auto !important;
    margin-right: 15px;
    padding-bottom: 10px;
}


.accountDetailsHeaders {
    color: #5e5f5f;
    padding-left: 15px;
}

.renewalTitle {
    font-size: 18px;
}

    .renewalTitle span {
        font-size: 14px;
        font-weight: 100;
    }

.trialDetails {
    display: flex;
    min-height: 160px !important;
    flex-direction: column;
    align-items: baseline;
}

    .trialDetails span {
        font-size: 14px;
    }

    .trialDetails ul {
        margin-top: 10px;
        margin-bottom: 0px;
    }

.list-style-type {
    list-style-type: none;
}

.font-24-bold {
    font-size: 24px;
    font-weight: bold;
}

.accountTitleColor {
    color: #5e5f5f;
}

.accountDetailsBlack {
    color: #000000ff;
    display: flex;
    align-items: flex-start;
}

.upgradeDataHeader {
    width: 70%;
}

.upgradeFontSize {
    font-size: 18px;
    font-weight: bold;
}

.modifyPlanFlex {
    flex-direction: column;
    align-items: baseline;
}

@media (min-width: 1650px) {
    .updgradeToPlanFlex {
        flex-direction: row !important;
    }
}

.updgradeToPlanFlex {
    flex-direction: column;
    align-items: end;
}

.upgradeToPlanInfo {
    align-self: flex-start;
}

.alignSelfToEnd {
    align-self: end;
}

.fontForPlanItems {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.controlWidth {
    width: 125px !important;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.paddingLeft0 {
    padding-left: 0px;
}

.paddingRight0 {
    padding-right: 0px;
}

.paddingTop40 {
    padding-top: 40px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingLeft-15px {
    padding-left: 15px;
}

.paddingLeft10 {
     padding-left: 10px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft25 {
    padding-left: 25px;
}

.renewalCard {
    flex-direction: column;
    align-items: baseline;
    margin: 0px;
    padding: 0px !important;
    box-shadow: none !important;
    background-color: #EDEBFC !important;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 0px !important;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-direction-row {
    flex-direction: row;
}

.cancelPlanFlex {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.planCancelRenew {
    padding-top: 20px;
}

.cancelReactivatePlanButton {
    background-color: #FFFFFF;
    border: none;
    font-weight: bold;
    font-size: 16px;
    padding-left: 0px;
    padding-top: 10px;
}

.btnSize {
    width: 138px;
}

.cancelMyPlan {
    margin-top: 5px;
    padding-left: 25px;
    padding-right: 25px
}

.modal-dialog.modal-dialog-centered {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    /*min-height: 50vh;*/
}

#estimateUpdateWarningModal .modal-dialog-centered {
    display: flex !important;
    min-height: 50vh !important;
}

#estimateUpdateWarningModal .modal-content {
    border-radius: 16px;
    border: 1px solid var(--Border-border-010a, #C8CCC3);
    background: var(--Surface-Background-surface-light-000, #FFF);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.modal-dialog.modal-custom-backdrop {
    opacity: 0.5;
    background-color: #000; /* Change the background color as desired */
}

.deleteIcon, .userTableIcon {
    color: #000 !important;
    font-size: 2rem !important;
    margin: 0 7px;
    text-decoration: none;
    cursor: pointer;
}

.tableIcon {
    color: #8bc53f;
    font-size: 2rem !important;
    margin: 0 7px;
    text-decoration: none;
    cursor: pointer;
}

.dashbaordReportsButton {
    width: 100%;
    height: 40px !important;
    border-radius: 15px !important;
    font-size: 12pt !important;
    padding-top: 8px !important;
    border-radius: 4px !important;
}

.dashboardCard {
    border-radius: 15px !important;
    box-shadow: none !important;
    margin-right: 5px !important;
}

.dashboardDoughnutChartCanvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 430px !important;
    font-size: 8px !important;
    color: grey !important;
}

.estimateType {
    font-weight: bold;
}

.error-border {
    border: 1px solid red;
}

.account-deactivated-box {
    border-radius: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 400px;
}

.inactiveTriaAccount {
    display: flex;
    max-width: 50%;
    align-items: center;
    position: relative;
    left: 25%;
    padding: 10px;
    width: auto !important;
}

@media (min-width: 1250px) {
    .inactiveTriaAccount p {
        width: 500px;
    }
}

@media (max-width: 768px) {
    .account-deactivated-box {
        height: auto;
    }

    .inactiveTriaAccount {
        max-width: 100%;
        left: 0;
        margin: 25px;
    }
}

.estDisclaimerWording {
    font-size: 14px;
    font-weight: bold;
}

.estimateMaxHeight {
    max-height: 650px;
    overflow-y: auto;
}

.free-trial-expired-box {
    border-radius: 15px !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 41px;
}

.get-started-main-box {
    display: flex;
    align-items: center;
    height: 40px;
    border-radius: 15px;
    margin: 0 30px 30px 30px;
    padding: 0 10px 0 10px;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    background-color: lightgray;
}

.get-started-box-active {
    background-color: #4838E4 !important;
    color: white !important;
    cursor: default;
}

.get-started-main-disabled {
    color: darkgray !important;
    cursor: default !important;
}

.get-started-status-items-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 9px;
    width: 100%;
    margin-top: 25px;
    background-image: linear-gradient(#4838E4, #4838E4);
    background-size: 3px 100%;
    background-repeat: no-repeat;
    background-position: top 10px left 50%;
}

.get-started-status-item-inactive {
    color: dimgray !important;
}

.get-started-status-item {
    color: #4838E4;
    font-size: 12pt;
    margin-bottom: 17px;
    font-size: 20pt;
}

.get-started-sub-box {
    display: flex;
    align-items: center;
    height: 40px;
    border-radius: 15px;
    margin: 0 10px 30px 10px;
    padding: 0 10px 0 10px;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    border: 2px solid #4838E4;
}

.get-started-content {
    width: 100%;
    padding: 40px 50px 0 0;
    font-size: 12pt;
    display: none;
}

.get-started-card {
    min-height: 800px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
}

.get-started-header-button {
    border-radius: 4px;
    border: 1px solid #4838E4;
    padding: 0 10px 0 10px;
    font-size: 13pt;
    min-width: 65px;
    height: 40px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
    margin-right: 50px;
    color: inherit;
    font-weight: bold;
}

    .get-started-header-button:hover {
        text-decoration: none;
    }

.child-items-container p {
    font-size: 12pt;
}

.viewEstimateDetails:hover {
    color: #ddd;
}

.note-header-container {
    display: flex;
}

    .note-header-container > div {
        flex: 1;
        margin-right: 10px;
    }

        .note-header-container > div:last-child {
            margin-right: 0;
        }

.note-container {
    display: flex;
}

    .note-container > div {
        flex: 1;
        margin-right: 10px;
    }

        .note-container > div:last-child {
            margin-right: 0;
        }

.note-item {
    border-bottom: 1px solid #ccc;
    padding: 2px;
}

    .note-item:last-child {
        border-bottom: none;
    }

.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;
    height: 100px;
}

.padding-bottom20px {
    padding-bottom: 20px;
}

.loanercalenderheader {
    background: white;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.notifydiv {
    display:flex;
    justify-content:space-around;
    border-radius: 25px;
    border: 2px solid rgb(150, 202, 79);
    width: 95%;
    padding: 20px 40px 40px 40px;
    margin-top: 42px;
    margin-left: 42px;
}

#sendBroadcastNotificationBtn {
    float:right !important;
}

.markreadanddelete-container {
    position: relative;
    top: 15px;
}

@media (max-width:768px) {
    .keep-header-static {
        height: 22%
    }

    .markreadanddelete-container {
        display: flex;
        flex-direction: column !important;
        align-items: center;
    }

    .notification-top-arrow {
        width: 100%
    }

    #aiSummary {
        right: 60px;
    }
}

.markreadanddelete-child {
    width: 33%;
    float: left;
}

.notification-div-checkbox {
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    left: -4px;
}

.swal2-popup {
    font-size: 10px !important;
    /*font-family: Georgia, serif;*/
}

#swal2-title {
    font-size: 15px !important;
}

.swal2-confirm {
    background-color: #3085d6 !important;
    color: #FFF;
}

.codeEntry {
    float: left;
    width: 60%;
}

.codeApply {
    float: right;
    width: 30%
}

.modal-prorated {
    margin-top: 20px;
    margin-bottom: 15px;
}

.modal-tax_amount {
    margin-top: 15px;
    margin-bottom: 15px;
}

.modal-btn-submit {
    width: 30%;
    float: right;
    margin-left: 5px;
}

.modal-btn {
    width: 30%;
    float: right;
}



/*#3129  Start*/

.autotext-search-panel {
    padding-left: 0px;
}

.textpage-filter {
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
    align-items: center;
}

.textpage-tail {
    padding-right: 0px;
}

.textpage-filter-content {
    margin-top: 0px;
    height: 100%;
}

.textpage-filter-container {
    padding: 10px;
    height: 85%;
}

.textpage-filter-element-main {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    height: 85%;
}

.textpage-filter-content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #595a5a;
}

    .textpage-filter-content-header .fa-times {
        cursor: pointer;
    }

.textpage-filter-line {
    border-top: 1px solid #141313;
}

.textpage-filter-header {
    text-align: left;
    padding: 0px;
    margin-top: 20px;
}

.textpage-filter-days {
    max-width: 100px;
}

    .textpage-filter-sub-header, .textpage-filter-days option, select.textpage-filter-days {
        text-align: left;
    }

.textpage-filter-content-header-text {
    font-weight: bold;
    font-size: 24px;
}

.textpage-filter-time-frame {
    margin-left: 5px;
}

.textpage-filter-user-filter {
    max-width: 50%;
}

.empty-chat-content h2 {
    font-size: 24px;
}

.show-fail-message {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

    .show-fail-message label, .show-fail-message span {
        margin-top: 0px;
    }

/*#3129  End*/

.paymentlink-history .rowitem {
    display: flex;
    line-height: 2em;
    border-bottom: solid 1px #CAC8C8;
}

    .paymentlink-history .rowitem:last-child {
        border-width: 0 !important;
    }


.impersonating-watermark {
    font-size: 8vh;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    opacity: 0.2;
    pointer-events: none;
}

.empty-payment {
    background-color: rgb(72, 56, 228);
    color: white;
    height: auto;
    max-width: 400px;
    border-radius: 10px;
    margin: auto;
    padding: 10px;
    top: 50px;
    text-align: center;
    margin-top: 20px;
}

.empty-payment-header {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.empty-payment-content {
    font-size: 16px;
}
/*****************/
/*#3253 Account details UI Start*/
.accountdetail-header {
    font-size: 18px;
    color: #4838E4;
    font-weight: bold;
}

.accountdetail-subcontent, .mainbody.standalone th, .dataTable td {
    font-size: 14px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.accountdetail-subheader {
    font-weight: bold;
}

.renewalCard .accountDetailsflex {
    margin-right: 15px;
    margin-left: 15px;
}

.accountdetail-upgrade {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #EDEBFC;
}

    .accountdetail-upgrade .MyPlanCard {
        background: #EDEBFC !important;
        padding: 15px 15px;
    }

    .accountdetail-upgrade ul {
        margin-bottom: 0px;
    }

.dashBoardDivs .btnSize {
    width: auto;
}

.dashBoardDivs .emptyDatatable {
    min-height: 280px;
}

.removeBorder {
    border-radius: 0px !important;
}

.uppercaseText {
    text-transform: uppercase
}

.textRight {
    text-align: right;
    float: right;
}

.accountDeailsTables .dataTables_filter {
    margin-right: 0px !important;
}
/*
table.dataTable {
    min-height: 280px;
}*/
/*#3253 Account details UI End*/
/*only in mobile mode*/
@media only screen and (max-width: 768px) {
    .accountDetailsRoles .dataTables_filter, .accountDetailsInvoices .dataTables_filter {
        display: none !important;
    }

    #accountDetailsTopSection .accountDetailsMyPlan,
    #accountDetailsTopSection .accountDetailsRoles,
    #accountDetailsBottomSection .accountDetailsInvoices,
    #accountDetailsBottomSection .accountDetailsManageMyPlan {
        margin-right: 0px;
        width: 100vw;
    }

    #accountDetailsTopSection .accountDetailsMyPlan {
        background: white !important;
    }

    #myPlanBodyInfo .renewalCard, #accountDetailsBottomSection .MyPlanCard {
        box-shadow: none !important;
        border: none;
        background: #edebfc !important;
        border-radius: unset;
        padding: 10px 15px !important;
    }

    .accountDetailsRoles .dataTables_length, .accountDetailsInvoices .dataTables_length {
        float: left !important;
    }

    #manageMyPlanBody .modifyPlanFlex {
        display: flex;
        align-content: space-between;
        flex-direction: row;
    }

    .upgradeToPlanFlex {
        display: flex;
        flex-direction: column;
    }

    .mainbody.standalone #customers-page {
        margin: 0 5px !important;
    }

    #invoiceTable_paginate, #userroleaccesstable_paginate {
        display: inline-block !important;
    }
}

.chckbox {
    display: table-cell;
    width: 15px;
}

.chckbox-desc {
    display: table-cell;
    padding-left: 8px;
    text-align: left;
}

.checkboxtable {
    display: table;
}

.btn-footer {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: right;
}

.modal-container {
    padding: 4px 7px 4px 7px;
}

.view-service {
    text-decoration: underline;
}
/*only in mobile mode*/
@media only screen and (max-width: 768px) {
    .accountDetailsBlack {
        display: block;
    }

    .accountDetailsBottomOne, .accountDetailsTopOne, .accountDetailsMyPlan, .accountDetailsManageMyPlan {
        width: 100%;
    }
}

.accountDetailsBottomOne .accDetailsCard {
    position: relative;
}

    .accountDetailsBottomOne .accDetailsCard .dataTables_length {
        position: absolute;
        bottom: 0px;
        margin-right: 20px;
        margin-left: -15px;
    }

    .accountDetailsBottomOne .accDetailsCard .dataTables_info {
        position: absolute;
        bottom: 5px;
        left: 250px;
    }

    .accountDetailsBottomOne .accDetailsCard .dataTables_paginate {
        position: absolute;
        bottom: 5px;
        right: 0px;
    }


/*only in mobile mode*/
@media only screen and (max-width: 768px) {
    .accountDetailsRoles .dataTables_filter, .accountDetailsInvoices .dataTables_filter {
        display: none !important;
    }

    #accountDetailsTopSection .accountDetailsMyPlan,
    #accountDetailsTopSection .accountDetailsRoles,
    #accountDetailsBottomSection .accountDetailsInvoices,
    #accountDetailsBottomSection .accountDetailsManageMyPlan {
        margin-right: 0px;
        width: 100vw;
    }

    #accountDetailsTopSection .accountDetailsMyPlan {
        background: white !important;
    }

    #myPlanBodyInfo .renewalCard, #accountDetailsBottomSection .MyPlanCard {
        box-shadow: none !important;
        border: none;
        background: #edebfc !important;
        border-radius: unset;
        padding: 10px 15px !important;
    }

    .accountDetailsRoles .dataTables_length, .accountDetailsInvoices .dataTables_length {
        float: left !important;
    }

    #manageMyPlanBody .modifyPlanFlex {
        display: flex;
        align-content: space-between;
        flex-direction: row;
    }

    .upgradeToPlanFlex {
        display: flex;
        flex-direction: column;
    }

    .mainbody.standalone #customers-page {
        margin: 0 5px !important;
    }

    #invoiceTable_paginate, #userroleaccesstable_paginate {
        display: inline-block !important;
    }


    #cancelPlan .modifyPlanFlex {
        flex-direction: row;
    }

    .accountDetailsRoles .modifyPlanFlex {
        flex-direction: row;
    }

    #upgradeToPlanAddOns > ul {
        margin-bottom: 15px;
    }

    .planCancelRenew {
        padding-top: 0px;
    }
}

.notificationLink, .notification-description a {
    padding: 0px;
    color: #0d6efd !important;
    margin: 0px;
    text-align: left;
    display: inline !important;
}

/* CSS for the loading spinner and propgress bar */

#myLoadingContainer .loadingTextSetPWD {
    text-align: center;
    margin-bottom: 10px;
}

#myLoadingContainer .loadingBarSetPWD {
    width: 100%;
    height: 10px;
    background-color: #eee;
    border-radius: 5px;
}

#myLoadingContainer .loadingProgressSetPWD {
    width: 0%;
    height: 100%;
    background-color: #7986CB;
    border-radius: 5px;
    animation: progressAnimation 2s ease-in-out infinite;
}

.searchEstimate {
    width: 180px !important;
}

.bg-full {
    height: 100%;
    background: gainsboro;
}

.rowfull {
    height: 100%;
    display:flex;
}

.xipsterlogin {
    padding: 60px 40px 40px
}

#myLoadingContainer .mySpinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #7986CB;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: auto;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes progressAnimation {
    0% {
        width: 0%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

/*#3415 Start*/
.forgotPassword-container {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.center-content {
    text-align: -webkit-center;
}

.forgotPassword-margin {
    margin-top: 40px;
    margin-bottom: 40px;
}

.forgotPasswordControl {
    height: 40px !important;
}

.forgotpassword-btn {
    margin-top: 20px;
    margin-bottom: 20px;
}

.font-weight-normal {
    font-weight: normal;
}

.forgotPassword-container .validation-summary-errors ul {
    list-style-type: none;
}

.forgotPasswordConfirmationbtn {
    width: 100%;
    line-height: 30px;
    padding: 5px 0px !important;
    vertical-align: middle;
}

/*#3415 End*/

/*#3420 start*/
.resetPassword-Content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.resetPassword-margin {
    margin-top: 40px;
    margin-bottom: 40px;
}

.font-weight-normal {
    font-weight: normal;
}

.linkModal-title {
    text-align: center;
    margin: 20px;
    color: #4838E4;
}

.link-modal-center {
    display: flex !important;
    min-height: 50vh !important;
}

.resetPasswordConfirmationbtn {
    width: 100%;
    line-height: 30px;
}

.resetPasswordControl {
    height: 40px !important;
}

@media (max-width: 768px) {
    .register-input {
        width: 100%;
    }
}

.center-content {
    text-align: -webkit-center;
}

.validation-summary-errors ul {
    list-style-type: none;
}

/*#3420 END*/

.paymentRequestCheckbox {
    display: inline-block;
    font-size: 2rem;
}

#addTransactionSendIsText {
    margin-left: 65px;
}

.swal2-confirm {
    font-family: 'Roboto', sans-serif !important;
    background-color: #8BC53F !important;
}

.swal2-popup {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}



/* Multi Select */

.form-group .multiselect__single {
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: small;
    padding-left: 0px;
}

.form-group .multiselect__element {
    font-size: small;
}

.form-group .multiselect__tags {
    min-height: 30px;
    display: block;
    padding: 2px 40px 0 8px;
    border: 1px solid #cccccc;
    font-size: 14px;
}

.form-group .multiselect__select {
    height: 30px;
    width: 24px;
}

.form-group .multiselect__placeholder {
    font-size: small;
    color: rgb(85 85 85);
    margin: 3px 0px;
}

.form-group .multiselect__option {
    padding: 5px 12px;
    min-height: 25px;
    border-bottom: 1px solid grey;
}

.form-group .multiselect__content {
    border: 1px solid grey;
    border-radius: 5px;
}

.form-group .multiselect__option--highlight {
    color: black;
    background: #6daaff;
}

.form-group .multiselect__option--selected.multiselect__option--highlight {
    background: gainsboro;
    color: black;
}
/*End Multi Select */
.groupLocation {
    margin: 5px;
}

.totalEstimatedCost_Adtnl {
    background-color: black;
    color: white;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.totalEstimatedCost_Aprvd {
    display: none;
    background-color: black;
    color: white;
    font-size: 16px;
    font-weight: 500;
}


.scrollable-page-TV {
    display: block;
}

.noSubTitleVjs {
    padding: 3px;
    color: #fff;
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0px auto;
}

.techVideoSizing {
    width: 300px;
    height: 300px;
}

.video-js .vjs-control-bar {
    font-size: inherit;
}

@media (max-width: 768px) {
    .video-js .techVideoTemplateTag-dimensions {
        width: 1000px;
        height: 1500px !important;
    }
}


#viewNoteAttachmentsInModalBody .mediaItem.flexItemAlignLeft {
    padding: 8px;
    border: 1px solid #c8ccc3;
    border-radius: 8px;
    background-color: #fff;
}

#viewNoteAttachmentsInModalBody .techvideo-attachment-item-head {
    height: 48px;
    padding: 0 8px;
    margin-bottom: 0;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #1d2b1c;
}

    #viewNoteAttachmentsInModalBody .techvideo-attachment-item-head input[type='checkbox'] {
        width: 20px;
        height: 20px;
        margin: 0;
        flex-shrink: 0;
    }

    /* A walkaround step name is much longer than the "Photo 1" it replaces -- "Pneus et bande de
       roulement" is 27 characters -- and this head is a fixed 48px, so it has to truncate rather
       than wrap out of its own row. The full text stays available as the element's title. */
    #viewNoteAttachmentsInModalBody .techvideo-attachment-item-head .techvideo-attachment-capture-label {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #viewNoteAttachmentsInModalBody .techvideo-attachment-title {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    #viewNoteAttachmentsInModalBody .techvideo-attachment-ai-btn {
        gap: 8px;
        min-width: 0;
        margin-left: -8px;
        padding: 4px 2px 4px 8px;
        font: inherit;
        color: inherit;
    }

    #viewNoteAttachmentsInModalBody .techvideo-attachment-ai-label {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #viewNoteAttachmentsInModalBody .techvideo-attachment-title .tv-ai-scoring {
        padding-top: 0;
        font-weight: 400;
    }

#viewNoteAttachmentsInModalBody .techvideo-attachment-item-body {
    display: block;
    margin-top: 8px;
}

    #viewNoteAttachmentsInModalBody .techvideo-attachment-item-body > a {
        display: block;
    }

.tv-media-frame,
#viewNoteAttachmentsInModalBody .noteAttachment {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #262b2d;
    border-radius: 8px;
    overflow: hidden;
}

    .tv-media-frame .video-js,
    .tv-media-frame video,
    #viewNoteAttachmentsInModalBody .noteAttachment .note-photo {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        object-fit: contain;
    }

/* let the frame span its container: every wrapper between the container and the frame is full width */
.techVideoMediaDetails,
.displayTechVideoCaptionsContainer,
.tv-video-container {
    width: 100%;
}

.tv-generating-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    gap: 6px;
    padding: 6px 12px 6px 10px;
    background-color: #454743;
    color: #fff;
}

.tv-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.tv-status-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    margin-top: 8px;
    padding: 0 12px;
    border-radius: 8px;
    background-color: #454743;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.25px;
    color: #fff;
}

.tv-status-bar-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.tv-spin {
    animation: spin 1s linear infinite;
}

/* Painted with currentColor through a mask rather than by the SVG's own fill: page CSS cannot
   cross into an SVG loaded as an image, so the colour has to come from this side. Only the
   artwork's alpha is used, which is why the .svg files keep their original fill/stroke values. */
.tv-spin-badge,
.tv-spin-bar {
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.tv-spin-badge {
    width: 18px;
    height: 18px;
    -webkit-mask-image: url('HeaderIcons/generating_badge_spinner.svg');
    mask-image: url('HeaderIcons/generating_badge_spinner.svg');
}

.tv-spin-bar {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    -webkit-mask-image: url('HeaderIcons/generating_bar_spinner.svg');
    mask-image: url('HeaderIcons/generating_bar_spinner.svg');
}

.servicefollowupStats {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
}

.StatsCard:hover {
    text-decoration: underline;
    cursor: pointer;
}

.StatsCard:hover {
    text-decoration: underline;
    cursor: pointer;
}

.tags {
    display: inline;
    position: relative;
}

    .tags:hover:after {
        background: gainsboro;
        border-radius: 5px;
        top: -18px;
        color: black;
        content: attr(data-title);
        left: 20%;
        padding: 3px 10px;
        position: absolute;
        z-index: 98;
        width: max-content;
        font-size: 14px;
    }

    .tags:hover:before {
        border-color: #333 transparent;
        border-width: 0 6px 6px 6px;
        bottom: -4px;
        left: 50%;
        z-index: 99;
    }

.grey-icon {
    color: grey !important;
}
/*****************/
.version {
    font-size: smaller;
    color: #888;
    padding: 3px;
    margin-bottom: 0px;
    background: #e2e2e2;
}

#login-content .version {
    position: fixed;
    bottom: 0px;
    padding: 5px;
    right: 20px;
    background: transparent;
}
/******** Loading Component **********/
.loading-container {
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 200px;
    transform: translate(-50%, -50%);
}

    .loading-container .line {
        position: relative;
        background-color: #93c44a;
        display: inline-block;
        height: 0px;
        border-radius: 5px;
        width: 10px;
        margin: 10px;
        animation: line linear infinite 0.9s;
    }

@keyframes line {
    0% {
        height: 0px;
        margin-top: 60px;
    }

    50% {
        height: 50px;
        margin-top: 10px;
    }

    100% {
        height: 0px;
        margin-top: 60px;
    }
}

.loading-container .d1 {
    animation-delay: 0.15s;
}

.loading-container .d2 {
    animation-delay: 0.3s;
}

.loading-container .d3 {
    animation-delay: 0.45s;
}

.loading-container .d4 {
    animation-delay: 0.6s;
}

.loading-container .d5 {
    animation-delay: 0.75s;
}

.loading-container .caption {
    text-align: center;
    color: #c7c7c9;
    font-family: "Noto Sans", sans-serif;
    width: 200px;
    font-weight: bolder;
    font-size: x-large;
}

.loading-container .dot {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    animation: dot 1s infinite linear;
}

    .loading-container .dot:nth-child(2) {
        animation-delay: 0.2s;
    }

    .loading-container .dot:nth-child(3) {
        animation-delay: 0.4s;
    }

@keyframes dot {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.opcaity-10 {
    opacity: 10% !important;
}
/******** End Loading Component **********/

.serviceFollowupActiveBtn {
    background-color: #8BC53F;
    color: #FFF;
}

.serviceFollowupBtns {
    width: 123px;
}

.custom-tooltip .tooltip-inner {
    background-color: #ffffff;
    color: #000000;
    border: 10px solid;
    z-index: 99999;
    border-color: white transparent transparent;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
    opacity: 1;
}

.custom-tooltip .tooltip.top .tooltip-arrow {
    border-top-color: #ffffff;
}

.custom-tooltip .tooltip.in {
    opacity: 1;
}

.service-followup {
    width: fit-content;
}

.followup-text {
    color: #000000;
    font-weight: bold;
}

.followup-footer {
    border-top: none;
}



/******* New Chat Footer ********/
#chat-footer {
    padding: 10px;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
}

#showAttachmentsButton {
    left: 135px;
    top: 0px;
}

#fileUploadButton {
    left: 90px;
}

#showPresetsButton {
    top: 0px;
    left: 0px;
}

#chat-footer #left-section {
    height: 35px;
    width: 280px;
}

#chat-footer #msg-translate {
    top: 0px;
    left: 45px;
    position: absolute;
    font-size: 1.3em;
    padding: 6px;
    width: 40px;
}

#chat-footer .loader {
    margin: 0px;
    border: 4px solid #96C856;
    border-top: 4px solid transparent;
    float: right;
}

#attachmentsArea-top {
    bottom: 2px;
    left: 85px;
}

#attachmentsArea {
    bottom: 30px;
    left: 235px;
}

p.hasLengthError {
    color: red !important;
    font-weight: bold;
}

#right-section {
    display: flex;
    gap: 5px;
    align-items: center;
}

    #right-section p {
        margin: 0px;
        color: darkgrey;
    }

    #right-section #msgType {
        padding: 5px 15px;
        height: 36px;
        width: 65px;
    }

@media (max-width: 768px) {
    #right-section .dropdown {
        width: unset;
    }
}

#lower-section {
    display: flex;
    flex-direction: row;
    padding: 10px 0px;
    justify-content: space-between;
    align-items: center;
}

#presetsArea {
    bottom: 428px;
    left: 35px;
    height: 300px;
}

#presetsArea-top {
    bottom: 400px;
    left: 0px;
}

.presetTemplate {
    bottom: 353px !important;
}

.presetTemplateArrow {
    bottom: 325px !important;
    left: -5px !important;
}

@media (max-width: 768px) {
    #presetsArea-top {
        bottom: 35px !important;
        left: 15px !important;
    }

    .presetTemplate {
        bottom: 350px !important;
    }

    #presetsArea {
        bottom: 427px;
        left: -9px;
    }
}

/******* End Chat Footer ********/


.campaign-msg-info {
    float: right;
    color: red;
    font-weight: bold;
}

.marketing-segment-count .msgType {
    padding: 5px 10px;
    height: 36px;
    color: white;
    background: gray;
}

.fa-custom-triangle {
    margin-left: -20px;
}

.refundMargin {
    margin-left: 52px !important;
}

.subItemMargin {
    margin-left: 32px !important;
}

#helpCenterShort, #helpCenter {
    text-align: center;
}

.loaner-vehicle-data-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.dropdown-item-checked::before {
    position: absolute;
    right: 2rem;
    content: '✓';
    font-weight: 600;
}

.dropup li.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    padding: 1rem 1.5rem;
    cursor: pointer;
}

.dropup.dropdown .dropdown-menu {
    bottom: 100%;
    top: unset;
}

.dropup li.dropdown-item:nth-child(1) {
    border-bottom: 1px solid gainsboro;
}

.tooltip-inner {
    width: max-content !important;
    background-color: gainsboro;
    color: black;
    border: 1px solid #bcbcbc;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #bcbcbc;
}

@media (max-width: 1360px) {
    #right-section p {
        word-wrap: break-word;
        width: unset;
        font-size: smaller;
    }
}

#msg-translate .material-symbols-outlined {
    font-size: 22px;
}

.btn-sms {
    color: black;
    background: gainsboro;
    border: 1px solid #bbb8b8;
}

.btn-mms {
    background: gray;
    color: white;
}

#sms-mms .dropdown-item:hover {
    background-color: gainsboro;
}

.svgIcon {
    margin-bottom: 5px;
    padding: 5px 10px;
    padding-bottom: 0px;
}

.phone-blocked {
    background: url("phone_call.svg") no-repeat center;
    opacity: 0.3;
    cursor: not-allowed;
}

.phone-allowed {
    background: url("phone_call.svg") no-repeat center;
    cursor: pointer;
}

.message-status .phone-allowed {
    padding: 5px 8px;
}

.phone-allowed:hover:after {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.text-white {
    color: white !important;
}

    .text-white:hover {
        color: #ccc !important;
    }

.table-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
    height: 40px;
    padding: 5px;
}

#tech-videos-group-expand {
    max-width: 500px;
}

.csvExportTechVideo {
    justify-content: flex-end;
    padding-right: 20px;
}

#tbl_techvideo_group tbody .textAlignCenter,
#tbl_techvideo_group tbody .group-report-detail-amount,
#tbl_techvideo_group tbody .group-report-detail-amount-child {
    font-size: 14px;
}

#tbl_techvideo_group th {
    font-size: 14px;
    font-weight: bold !important;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 99999 !important;
}

div:where(.swal2-icon).swal2-warning {
    border-color: #93c44a;
    color: #93c44a;
}

#aiSuggestionModal .loading-container {
    transform: translateX(-50%);
    position: relative;
    height: auto;
}

#aiSuggestionModal.modal.fade .modal-dialog {
    transform: translateY(50%);
    /*transition: transform 0.3s ease-out !important;*/
}

#aiSuggestionModal.modal.fade.in .modal-dialog {
    transform: translateY(0);
}

/*   Error  Page section */
.error-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    text-align: center;
    padding: 20px;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.error-section h1 {
    font-size: 25rem;
    color: #9dc65b;
    font-weight: 900;
}

.error-section h2 {
    font-size: 5rem;
    color: grey;
    font-weight: bold;
}

.error-section .sub-title {
    font-size: 2rem;
    color: #d9534f;
}

.error-section h1 img {
    width: 10%;
    animation: anim 1s infinite;
    opacity: 0.4;
}

.error-section a {
    background: #9dc65b;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
}

@keyframes anim {
    0% {
        transform: scale(1.2);
    }
}

@media only screen and (max-width: 900px) {
    .error-section p {
        max-width: 80%;
    }

    .error-section {
        top: 0;
        left: 0;
        transform: none;
        margin-top: 60px;
        gap: 10px;
    }

        .error-section h1 {
            font-size: 10rem;
            margin-top: 0px;
        }    
}
/*   End Error  Page section */

.ai-suggestion-choice {
    padding: 10px;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid gainsboro;
    cursor: pointer;
}

    .ai-suggestion-choice:hover {
        -webkit-box-shadow: inset -2px -3px 1px 0px rgba(0, 0, 0, 0.3);
    }

#aiSuggestionModal {
    background-color: transparent !important;
    position: absolute;
    bottom: 145px;
    width: 85%;
    left: 50px;
    z-index: 4000;
}



    #aiSuggestionModal .modal-header {
        padding: 10px 15px;
    }


    #aiSuggestionModal .modal-body {
        padding: 10px 15px !important;
    }

    #aiSuggestionModal .modal-title, #aiSummaryModal .modal-title {
        font-size: 16px !important;
    }

@media (max-width: 500px) {
    #aiSuggestionModal {
        width: 80% !important;
    }

    .arrow_box:after {
        margin-left: 140px !important;
        left: 45% !important;
    }
}


#chat-footer #rewrite {
    border-radius: 5px 5px 0px 0px;
}

    #chat-footer #rewrite > span {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: none !important;
        font-weight: bold;
    }

.estimates-printview-dealer-name {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: bold;
}

#tbl_techvideo_group th {
    font-size: 14px;
    font-weight: bold !important;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 99999 !important;
}

div:where(.swal2-icon).swal2-warning {
    border-color: #93c44a;
    color: #93c44a;
}

.ai-suggestion-choice {
    padding: 10px;
    background-color: #eee;
    border-radius: 10px;
    margin-top: 10px;
}

#ai-suggest-response-btn {
    left: 135px;
    position: relative;
}

#aiSuggestionModal .loading-container {
    transform: translateX(-50%);
    position: relative;
    height: auto;
}

#aiSuggestionModal.modal.fade .modal-dialog {
    transform: translateY(50%);
    /*transition: transform 0.3s ease-out !important;*/
}

#aiSuggestionModal.modal.fade.in .modal-dialog {
    transform: translateY(0);
}

/*   Error  Page section */
.error-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    text-align: center;
    padding: 20px;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.error-section h1 {
    font-size: 25rem;
    color: #9dc65b;
    font-weight: 900;
}

.error-section h2 {
    font-size: 5rem;
    color: grey;
    font-weight: bold;
}

.error-section .sub-title {
    font-size: 2rem;
    color: #d9534f;
}

.error-section h1 img {
    width: 10%;
    animation: anim 1s infinite;
    opacity: 0.4;
}

.error-section a {
    background: #9dc65b;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
}

@keyframes anim {
    0% {
        transform: scale(1.2);
    }
}

@media only screen and (max-width: 900px) {
    .error-section p {
        max-width: 80%;
    }

    .error-section {
        top: 0;
        left: 0;
        transform: none;
        margin-top: 60px;
        gap: 10px;
    }

        .error-section h1 {
            font-size: 10rem;
            margin-top: 0px;
        }
}
/*   End Error  Page section */

.estimates-printview-dealer-name {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: bold;
}


#refundConfirmMessage {
    padding: 10px 150px 0 150px;
}

#refundAmountValidationMessage {
    position: relative;
    top: 18px;
}

#refundConfirmMessage > div {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

#partialRefundAmount {
    width: 80px;
}

#refundAmountSection {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -5px;
    margin-left: 5px;
}

#partialRefundCheckContainer {
    position: relative;
}

.mobile-cashier-refund {
    padding: 0px 10px !important;
}

.mobile-cashier-modal-button {
    background: #808080;
    color: #ffffff;
}

.mobile-cashier-modal-border {
    border-bottom: 1px solid #e5e5e5;
}


.arrow_box {
    position: relative;
    background: white;
    border: 1px solid gainsboro;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(213, 213, 213, 0);
        border-top-color: white;
        border-width: 15px;
        left: 85%;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-width: 27px;
        margin-left: -27px;
    }

.changelog-container {
    width: 95%;
    margin: 0 auto;
    overflow-x: auto;
    padding: 30px 30px 30px 0px;
    margin-right: 0px;
    overflow-y: scroll;
    height: 100%;
}

    .changelog-container header {
        margin-bottom: 20px;
    }

        .changelog-container header h1 {
            margin: 0;
            color: #333;
            font-weight: bold;
            font-size: 30px;
        }

.changelog {
    margin: 0px;
    padding: 5px;
    border: 1px solid gainsboro !important;
    border-radius: 10px !important;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
}

    .changelog .release {
        padding: 10px;
        background-color: white;
        border: none;
    }

        .changelog .release a {
            font-size: 1.5em;
            margin-bottom: 5px;
            margin-top: 10px;
        }

        .changelog .release .date {
            color: #999;
            font-size: 14px;
        }

    .changelog .panel-body {
        padding: 10px 0px;
    }

    .changelog .panel {
        box-shadow: none;
    }

    .changelog .section h3 {
        font-size: 1.0em;
        color: #858683;
        margin-bottom: 10px;
        padding: 5px 15px;
        background: #eaeaea;
        width: max-content;
        border-radius: 5px;
        margin-top: 0px;
    }

    .changelog .section ul {
        list-style: none;
        padding-left: 0;
    }

        .changelog .section ul li {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
        }

            .changelog .section ul li::before {
                content: "•";
                position: absolute;
                left: 0;
                color: #8BC53F;
                font-size: x-large;
                line-height: 16px;
            }

.release-container {
    margin: 0px;
}

#translationLanguageSelectionModal .modal-body {
    padding: 0px;
}

#translationLanguageSelectionModal .lang-box {
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
}

#translationLanguageSelectionModal .search-box {
    padding: 10px;
    background: white;
    position: sticky;
}

.modalItemTV {
    display: flex;
    justify-content: start;
}

.estimateTVAttachments .modalItemTV {
    flex-direction: column;
}

.estimateTVAttachments .retryTV {
    padding: 0 0 10px 0;
    align-self: baseline
}

.techVideoMediaDetails .modalItemTV {
    flex-direction: column;
}

.techVideoMediaDetails .retryTV {
    padding-left: 25px;
}

@media(max-width: 768px) {
    .techVideoMediaDetails .retryTV {
        padding-left: 0;
    }
}

.noteAttachmentBtns {
    margin-left: 15px;
}

.retryTV {
    padding-left: 15px;
}

.attachmentsModalWidth {
    width: min-content
}

.retryLable {
    font-size: 14px;
    font-family: sans-serif;
}

@media (max-width: 1850px) {
    .modalItemTV {
        flex-direction: column;
    }

    .noteAttachmentOptions {
        padding-top: 15px;
        flex-direction: column;
    }

    .noteAttachmentBtns {
        margin-left: 0px;
        margin-top: 15px;
    }

    .retryTV {
        font-size: 14px;
        padding-left: 0px;
        align-self: center;
    }
}

/* the retry button and processing label are siblings of the media card, so they take the card's 8px gap
   and align to the frame's left edge. these must stay after the .retryTV padding rules above to win. */
.retryTV {
    margin-top: 8px;
    padding-left: 0;
}

.techVideoMediaDetails .retryTV {
    padding-left: 0;
}

.processing-label {
    margin-top: 8px;
}

/* flex utility */
.d-flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.justify-content-between {
    justify-content: space-between;
}

.refund-disable {
    background: #a6a9a2;
}

.refund-column {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.refund-modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

    .refund-modal-dialog-centered .modal-content {
        width: 700px;
    }

.returnReason-required {
    font-weight: normal;
}

.payment-hub-iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.payment-hub-iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.payment-hub-iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.refund-custom-close-button {
    position: absolute;
    font-size: 25px;
}
/*Here override swal css for close button hover effect*/
div:where(.swal2-container) button:where(.swal2-close):hover {
    color: #757171;
}

.space-format {
    white-space: pre;
}


/*Call to Text Start*/
.add-dealer-content .nav-tabs {
    font-size: 18px;
    margin: 10px;
}

.call-to-text-custom-textbox {
    height: 50px !important;
    resize: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px 10px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
}

    .call-to-text-custom-textbox::placeholder {
        line-height: normal;
        white-space: pre-wrap;
        vertical-align: middle;
    }

.mb-0 {
    margin-bottom: 0px;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-25 {
    margin-bottom: 25px;
}

.call-to-text-line {
    border-bottom: 1px solid;
    margin: 0px;
}

.custom-panel-body {
    padding: 15px;
    padding-bottom: 25px;
}

.mr-10 {
    margin-right: 10px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-25 {
    margin-left: 25px;
}

.call-setting-header {
    font-size: 22px;
}

.align-items-center {
    align-items: center;
}

.m-10 {
    margin: 10px;
}

.language-selection {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.radio-container {
    flex: 1 1 45%;
    display: flex;
    align-items: center;
    padding: 5px;
    padding-left: 0px;
    box-sizing: border-box;
}

.form-check-input {
    margin-top: -5px !important;
    margin-right: 5px !important;
}

#dealer-call-settings .text-danger {
    font-size: 12px !important;
}

@media (max-width: 768px) {
    .radio-container {
        flex: 1 1 100%;
    }
}

.greenCheckBox.disabled {
    background-color: #d3d3d3;
    border-color: #a9a9a9;
}

.accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114"; /* down arrow */
    float: right;
    color: grey;
}

.accordion-toggle.collapsed:after {
    content: "\e080"; /* up arrow */
}

.displayBlock {
    display: block !important;
    width: 100%;
}

.multiselect-wrapper {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .multiselect-wrapper {
        flex-direction: row;
    }
}

.multiselect-container {
    flex-grow: 1;
}

.selected-users-list {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .selected-users-list {
        margin-top: 0;
        margin-left: 20px;
    }

    .multiselect-container {
        width: 70%;
    }
}

.speak-to-member-list {
    list-style: none;
}

.user-container {
    display: flex;
    justify-content: space-between
}

.round-div {
    width: 170px; /* Adjust as needed */
    height: 35px; /* Adjust as needed */
    background-color: white;
    border-radius: 10px; /* Adjust the radius to control roundness */
    border: 1px solid #ccc; /* Optional: add a border */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: add a shadow */
}
/*Call to Text End*/
/* Player de áudio */
.audio-player {
    --player-color-featured: #00e5c0;
    --player-color-background: #e7e7e7;
    --player-color-text: #000000;
    --player-percent-played: 0;
    /* --player-current-time: "00:00";
    --player-current-date-time: "00:00";*/
    background: var(--player-color-background);
    display: inline-flex;
    min-width: 145px;
    width: 145px;
    max-width: 100%;
    border-radius: 0.4rem;
    padding: 0.4rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    user-select: none;
    font-family: Arial, sans-serif;
}

    .audio-player + .audio-player {
        margin-top: 1rem;
    }

    .audio-player .player {
        flex: 1;
        display: flex;
    }

        .audio-player .player .btn-play {
            outline: none;
            appearance: none;
            cursor: pointer;
            background: none;
            border: 0;
            padding: 0 0.8rem 0 0.4rem;
        }

            .audio-player .player .btn-play:disabled {
                cursor: default;
            }

            .audio-player .player .btn-play span {
                color: var(--player-color-text);
                font-size: 38px;
                opacity: 0.8;
            }


    .audio-player.loading .player .btn-play {
        pointer-events: none;
    }

        .audio-player.loading .player .btn-play span {
            animation: load 1s linear infinite;
        }

        .audio-player.loading .player .btn-play .icon-loop {
            display: inline-block;
        }

    .audio-player .player .timeline {
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        padding-bottom: 0.2rem;
    }

        .audio-player .player .timeline .line {
            --line-height: 0.24rem;
            flex: 1;
            display: flex;
            align-items: center;
            position: relative;
        }

            .audio-player .player .timeline .line:before {
                content: "";
                width: var(--player-percent-played);
                position: absolute;
                background: var(--player-color-featured);
                height: var(--line-height);
                border-radius: calc(var(--line-height) / 2);
            }

            .audio-player .player .timeline .line input[type="range"] {
                flex: 1;
                all: unset;
                appearance: none;
                background-color: initial !important;
                border: none;
                outline: none;
                width: 100%;
                position: relative;
            }

                .audio-player
                .player
                .timeline
                .line
                input[type="range"]::-webkit-slider-thumb {
                    appearance: none;
                    background: var(--player-color-featured);
                    width: 0.9rem;
                    height: 0.9rem;
                    border-radius: 50%;
                    margin-top: calc(var(--line-height) * -1.4);
                }

                .audio-player
                .player
                .timeline
                .line
                input[type="range"]::-moz-range-thumb {
                    unset: all;
                    appearance: none;
                    border: 0;
                    background: var(--player-color-featured);
                    width: 0.9rem;
                    height: 0.9rem;
                    border-radius: 50%;
                    margin-top: calc(var(--line-height) * -1.4);
                }

                .audio-player
                .player
                .timeline
                .line
                input[type="range"]::-ms-thumb {
                    appearance: none;
                    background: var(--player-color-featured);
                    width: 0.9rem;
                    height: 0.9rem;
                    border-radius: 50%;
                    margin-top: calc(var(--line-height) * -1.4);
                }


                .audio-player
                .player
                .timeline
                .line
                input[type="range"]::-webkit-slider-runnable-track {
                    background: rgba(255, 255, 255, 0.2);
                    height: var(--line-height);
                    border-radius: calc(var(--line-height) / 2);
                }

                .audio-player
                .player
                .timeline
                .line
                input[type="range"]::-moz-range-track {
                    background: rgba(255, 255, 255, 0.2);
                    height: var(--line-height);
                    border-radius: calc(var(--line-height) / 2);
                }

                .audio-player
                .player
                .timeline
                .line
                input[type="range"]::-ms-track {
                    background: rgba(255, 255, 255, 0.2);
                    height: var(--line-height);
                    border-radius: calc(var(--line-height) / 2);
                }

        .audio-player .player .timeline .data {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.68rem;
            color: #000000;
            position: absolute;
            width: 100%;
            bottom: 0;
        }

            .audio-player .player .timeline .data .current-time::before {
                content: var(--player-current-time);
            }

            .audio-player .player .timeline .data .time {
                display: flex;
                align-items: center;
            }

                .audio-player .player .timeline .data .time::before {
                    content: var(--player-current-date-time);
                }

                .audio-player .player .timeline .data .time span {
                    font-size: 1rem;
                    margin-left: 0.4rem;
                    color: var(--player-color-featured);
                }

    .audio-player .user {
        width: 17px;
        height: 25px;
    }

        .audio-player .user img {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            object-fit: cover;
            background: rgba(255, 255, 255, 0.01);
        }

.calltotext-header {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.call-to-text-back {
    margin-left: -20px;
    margin-right: 5px;
}

    .call-to-text-back .glyphicon {
        top: 0px;
        cursor: pointer
    }

.icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px; /* Width of the container */
    height: 20px; /* Height of the container */
    border-radius: 50%; /* Full circle */
    border: 2px solid #8BC53F; /* Border color */
    background-color: #fff; /* Background color */
    font-size: 12px; /* Size of the icon */
    text-align: center;
    overflow: hidden; /* Hide overflow */
}

    .icon-container .glyphicon {
        color: #8BC53F; /* Icon color */
    }

.txt-combine-label {
    border: none;
    resize: none !important;
}

.txt-combine-label-container {
    border: 1px solid #ccc;
}

    .txt-combine-label-container label {
        margin-left: 10px;
    }

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.font-14 {
    font-size: 16px;
}

.back-to-settings {
    font-weight: bold;
    text-decoration: underline;
}

.add-dealer-content .panel {
    box-shadow: none;
}

.notification-email {
    margin-left: 20px;
    width: -webkit-fill-available;
}

.call-to-text-button {
    display: flex;
    justify-content: right;
}

.pt-5 {
    padding-top: 5px;
}

.add-dealer-content .panel {
    margin: 0px;
}

    .add-dealer-content .panel .panel-body {
        padding: 0px;
    }

.option-list {
    padding: 0px 0px 0px 15px;
}

.nav-tabs a {
    color: #555
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #1285c5
}

/*Call to Text End*/

.process-refund {
    font-size: 20px;
    font-weight: bold;
}

.larger-checkbox {
    width: 40px;
    height: 20px;
}

.payment-type-column {
    max-width: 160px !important;
    text-align: left
}

.payment-type-button {
    position: relative;
    left: 85px;
}

.advisorLabel {
    /*float: left;*/
    margin: 0 20px 0 0;
}

.advisorSpan {
    display: block;
    margin: 0 0 3px;
}

.advisorNumber {
    padding: 5px;
}

.btn-round {
    border-radius: 50vh;
    align-content: center;
    padding: 5px 20px !important;
    height: 35px !important;
}

    .btn-round[disabled] {
        background-color: gainsboro;
        color: grey;
    }

.btn-outline {
    background-color: transparent;
    color: black;
    border: 1px solid black;
}

#myShuttleAddNewShuttleBox h4 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 30px;
}

#callsPaneFrameBody {
    height: calc(100% - 240px);
    position: relative;
    margin-top: 70px; /* did not exist here before, was inheriting .frame-body's 60px */
}

.messages.TextPrompt {
    float: left !important;
}

.messages.TextPromptAttachment {
    float: right;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
    background: -moz-linear-gradient(#fff, #2e88c4);
    background: -o-linear-gradient(#075698, #2e88c4);
    background: #E4E4E4; /*linear-gradient(#075698, #2e88c4);*/
    border-radius: 8px 0px 8px 8px;
    padding-bottom: 4px;
}

.fa-phone-square {
    color: red !important;
}

.chat-download-content {
    position: absolute;
    max-height: 290px;
    max-width: 500px;
}


.business-profile-page {
    max-width: 900px;
}

#textPromptVideo .modal-dialog-centered {
    display: flex;
    height: 100%;
}

.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.conversation-tab {
    color: black;
    font-family: 'HelveticaNeueLight';
    border-color: #ccc;
    max-width: 100vw;
    height: 46px;
    border-bottom: 1px solid #ccc;
    display: flex;
    background-color: white;
    width: 100%;
    margin-top: 1px;
}


    .conversation-tab:active hover {
        background-color:white;
        color: black;
    }
.conversation-tab:active hover {
    color: black;
}

    .conversation-tab[tabindex]:focus {
        background-color: white;
        color: black;
        outline: none;
    }
.conversation-tab[tabindex]:focus {
    color: black;
    outline: none;
}
.audioDiv {
    padding-top: 15px;
    text-align: right;
    margin: 0.4em;
}
.tab-links {
    display: flex;
    font-size:18px;
}

.tab-link {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    height: 64px;
    text-align: center;
    line-height: 40px;
}
    .tab-link:hover {
        background-color: #ddd;
    }

    .tab-link.active {
        background-color: #f2f2f3;
        color: #333;
        border-color: #96ca4f;
        font-weight: bold;
        display: flex;
        justify-content: center;
        position: relative;
    }
.missedCallPanel {
    width: 100%;
}

.whiteSpaceBreak {
    white-space: break-spaces;
}

.chatHeader {
    position: absolute;
    height: 64px;
    top: 0px;
    left: 0px;
}


.separator {
    border-bottom: 1px solid #eee;
}

.boldSeparator {
    border-bottom: 2px solid #999999;
}

.paymentTypeBody {
    max-width: 395px !important; 
    text-align: left !important;
}

.paddingLeft-10px {
    padding-left: 10px;
}

.paddingLeft-45px {
    padding-left: 45px;
}

.paddingLeft-95px {
    padding-left: 95px;
}

.formDateContainer {
    align-items: end;
}

.missCallLog {
    margin: 15px 20px;
}

.misscall-log-headers {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.misscall-title {
    flex-grow: 1; 
    margin-right: 10px;
}
.misscalllog-back-button {
    width: fit-content;
}

.underline {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .view-appts-modal {
        width: 750px;
    }
}

.appts-model-header {
    width: 100%;
    margin: 10px 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.appts-model-body {
    background-color: #EDEDED;
    border-radius: 7px !important;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}

.width-70 {
    width: 70px;
}

.width-120 {
    width: 120px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.chat-tab {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

#callsFrameBody {
    height: calc(100% - 120px);
}

#followUpManageSettingsModal input[type="checkbox"] {
    margin-right: 10px;
}


.flex-row {
 display: flex; 
 flex-direction: row;
}

.right-inline {
    text-align: right;
    padding-right: 8px;
    padding-left: 10px;
    width: auto;
}


.requirements {
    margin-top: 10px;
}

    .requirements div {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .requirements span {
        margin-right: 10px;
    }

#registerNewUserModal .valid {
    color: green;
}

.invalid {
    color: red;
}

.p-viewer {
    float: right;
    margin-top: -24px;
    margin-right: 5px;
    cursor: pointer;
    position:relative;
}

#followUpManageSettingsModal input[type="checkbox"] {
    margin-right: 10px;
}

.callLogContainer {
    padding: 20px 40px 40px 40px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 1440px;
}

#missCallTable a,
#missCallRedirectTable a {
    cursor: pointer;
}
.marginBottom-9px
{
 margin-bottom:9px !important;
}

.marginTop-40px {
    margin-top: 40px;
}

.billingform-group {
    display: flex;
    flex-direction: row;
}

    .billingform-group label {
        flex: none;
        display: block;
        width: 125px;
        font-weight: bold;
        font-size: 1em;
    }

        .billingform-group label.right-inline {
            text-align: right;
            padding-right: 8px;
            padding-left: 10px;
            width: auto;
        }

    .billingform-group .input-control {
        flex: 1 1 auto;
        display: block;
        margin-bottom: 10px;
        margin-right: 8px;
        padding: 4px;
        margin-top: -4px;
    }


@media (max-width: 768px) {
    .billingform-group {
        flex-direction: column;
    }

        .billingform-group .input-control {
            margin-top: 2px;
        }

        .billingform-group label.right-inline {
            text-align: left;
            padding-right: 0;
            padding-left: 0;
        }
}


.billininfo-inline {
    width: 75%;
    float: inline-end;
}

.formgroup-width{
    width:100%
}

/* Help center */
.green-color {
    color: var(--green-color);
}

.loading-div {
    margin: 0 auto;
    width: 120px;
}

.flex-space-between {
    justify-content: space-between;
}

.flex-content-center {
    justify-content: center;
}

.flex-d {
    display: flex;
    flex-direction: column;
}

.heigh-100 {
    height: 100%;
}

.help-center-search-textbox {
    border-radius: 25px;
    height: 40px !important;
    min-width: 150px !important;
    border: solid 1px #808080;
    background-image: url('search-icon.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 21px 21px;
    padding-right: 35px !important;
    padding-left: 20px !important;
    font-size: 14px !important;
}

.help-center-main-heading {
    font-weight: bold;
    font-size: 18px;
}

.help-center-second-heading {
    font-size: 16px;
    font-weight: bold;
}

.help-center-third-heading {
    font-size: 14px;
    font-weight: bold;
}

.help-center-pages-list-heading {
    margin-bottom: 12px;
    cursor: pointer;
}

.help-center-back {
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.help-center-separator {
    width: 25px;
    border-left: solid 1px #000;
}

.help-center-top-topics-container {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.help-center-top-topics-item {
    flex: 1 1 31%;
    border: solid 1px #BABABA;
    padding: 10px;
    box-sizing: border-box;
    max-width: 31% !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.help-center-page-view-title {
    font-weight: bold;
    font-size: 26px;
}

.help-center-page-view-footer {
    border-top: solid 1px green;
    display: flex;
    justify-content: flex-end;
    height: 60px;
    padding-top: 10px;
}

.lightGreyButton {
    background-color: #ccc;
    color:white !important;
}
.transcribe-loader-container {
    display: flex;
    justify-content: end;
    align-items: center;
}

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

.fiveDivRow{
    width:18%;
}






.releaseFeatureDiv {
    border-style: solid;
    padding: 15px;
    margin: 30px 0px 0px 0px;
    border-width: 1px;
    border-radius:5px;
}
.dropdown-hover-menu {
    width: 100%;
    margin-top: 0px;
}

#NotificationsDropdownNavBtn .notificationContent {
    right: auto;
    margin-top: -5px;
    position:relative;
}

.transcribe-loader {
    width: fit-content;
    background: none;
    box-shadow: none;
    font-weight: 600;
}

#billing-modal {
    width: 500px !important;
    height: auto !important;
}

.marketing-campaign-start-message {
    width: 60%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

.lazyload-icon {
    height: 20px;
    margin-top: 0.75em;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.fiveDivRow {
    width: 18%;
}
.box {
    display: flex;
    margin: 0 -20px;
}

.item {

    margin: 0 20px;
}

.accordian-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 15px;
    vertical-align: middle;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-block-color: #ccc
}

.lightGrey-Control {
    background-color: #e1e1e1 !important;
}
.notication-filter {
    height:auto !important;
    width:100%;
}
.upload-progress {
    display: flex !important;
    justify-content: center !important;
    box-shadow: inset 0 0 2000px rgba(0, 0, 0, 0.10) !important;
}

.upload-progress .chatLoader {
    position: absolute;
    bottom: 0px;
    display: block !important;
}

.upload-progress.fa-paperclip:before {
    filter: blur(3px);
}

#fileUploadButton .chatLoader, .upload-progress-chat {
    display: none;
}

.notification-filter-checkbox {

    padding-top: 15px;
}

#notificationFilter-container {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    z-index: 1998;
    color: #000;
    text-align: left;
    position: relative;
    width: 400px;
}

.notificationCheckboxes {
    width: 15px;
    height: 15px;
}
.searchInput {
    border-radius: 25px;
    height: 40px !important;
    min-width: 150px;
    border: solid 1px #808080;
    background-image: url('/Content/search-icon.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 21px 21px;
    padding-right: 35px !important;
    padding-left: 20px !important;
    font-size: 14px !important;
}

.box-item {
    width: 23%;
    margin: 1%;
}

.vertical-line {
    margin-top: 25px;
    width: 1px;
    background-color: lightgrey;
    height: 800px;
}

.square-textbox {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.ql-editor {
    height: 125px !important;
}

.link-button {
    color:white !important;
    text-decoration:none !important;
}

#notificationTable {
    white-space: break-spaces;
}

summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    color: #30353b;
    border-radius: 5px;
}
    summary::after {
        font-family: 'Glyphicons Halflings';
        content: "\e113"; /* down arrow */
        width: 15px;
        height: 15px;
        transition: 0.2s;
    }

details[open] > summary::after {
    content: "\e114"; /* up arrow */
}

summary::-webkit-details-marker {
    display: none;
}

details[open] summary {
    border-radius: 5px 5px 0 0;
}

.pagin-btn {
    background-color: #8BC53F;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pagin-btn:disabled {
        background-color: #bbe385;
        color: #aaa;
        cursor: not-allowed;
    }

.pagination-div{
    padding:10px;
}

.pagination-div{
    padding:10px;
    float:none;
}

#customFileButtonOnly {
    height: 25px !important;
    font-size: 13px !important;
    padding: 3px !important;
    background-color: #dddddd;
    display: inline-block !important;
    width: 185px !important;
    border-radius: 4px;
    text-align: center;
    margin: -1px 0 0 -1px;
}
#release-notes-paginations {
    text-align: end;
}
.highlightedTerminal {
    background-color: lightgray;
    font-weight: bold;
}

.image-attachment-file-warning {
    flex: 1;
}
.pre-auth-note {
    margin: 10px 0px 0px 0px;
}

.payment-modal-header {
    padding-bottom: 0px !important;
}

.font-normal {
    font-weight: normal
}

.capture-cancel {
    color: #000000;
}

.capture-icons {
    font-size: 20px;
}

.background-none {
    background: none !important;
}

.devider-line-parent {
    margin-top: -5px;
    margin-bottom: 5px
}

.devider-line {
    border-top: 1px solid #d3cece;
}

.capture-cancel-title {
    margin: 10px 0px 10px 0px;
}

#capture-transaction .row {
    margin-left: 0px;
    margin-right: 0px;
}


.help-center-media {
    background-color: lightgray;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

#removeImg.helpcenter-media-remove {
    top: -10px;
}

.helpcenter-media {
    max-width: 100%;
    max-height: 340px;
}

.helpcenter-media-preview {
    position: relative;
    display: flex;
    justify-content: center;
}


.help-centre-container {
    overflow: auto;
    padding-right: 5px;
}
.dms-cust-num {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 2px;
    max-width: 150px !important;
}

.customer-address-search {
    background-image: url('search-icon.png');
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.breadcrumb-nav ol.breadcrumblist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb-nav .breadcrumblist-item {
    display: inline;
}

.breadcrumb-nav .breadcrumblist-item + .breadcrumblist-item::before {
    content: ">";
    color: black;
    padding: 0 3px;
}

.info-message-panel {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    width: 85%;
    margin: 15px auto;
}

.warning-icon {
    width: 20px; 
    height: auto; 
    margin-right: 5px; 
    vertical-align: sub; 
}


.callConnectOptions input[type="radio"] {
    transform: scale(1.5); 
    cursor: pointer;
    margin-right: 10px;
}

.rec-audio-container {
    align-items: center;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.rec-audio-button {
    display: flex;
    justify-content: center;
}

.rec-audio-container .rec-btn {
    display: flex;
    align-items: center;
    padding: 10px 20px; 
    margin: 0 10px;
    font-size: 16px; 
    cursor: pointer;
    transition: all 0.3s ease;
}

.rec-audio-header {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    max-height: 90px;
}

.rec-audio-container .rec-btn i {
    margin-right: 8px;
}

.call-connect-centered-text {
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.6;
    max-width: 40%; 
    margin: 0 auto; 
    display: block;
}

/* Scoped to record-audio component */
.record-audio {
    text-align: center;
    margin: 20px;
    font-family: inherit;
}

.recording-ui {
    border: 2px solid #ccc;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.record-audio .ra-controls {
    margin-top: 10px;
}

.record-audio .ra-mic-button {
    background-color: #ff5555;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    border: none;
    cursor: pointer;
}

.record-audio .ra-recording-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.record-audio .ra-btn {
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    border-radius: 42px;
    font-size: 14px;
}

.record-audio .ra-danger-btn {
    background-color: #dc3545;
    color: white;
}

.record-audio .ra-primary-btn {
    background-color: #007bff;
    color: white;
}

.record-audio .ra-secondary-btn {
    background-color: #6c757d;
    color: white;
}

.record-audio .ra-play-btn {
    background-color: #4F4A85;
    color: white;
}

.record-audio .ra-timer-display {
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
}

.width50-Percentage {
    width: 50%;
}

.record-audio .ra-stop-container {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #0000008c;
    padding: 5px 8px;
    border-radius: 42px;
    cursor: pointer;
    color: #FFF;
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.record-audio .ra-stop-circle {
    background-color: white;
    color: black;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.record-audio .ra-timer-text {
    color: #FFF;
}


.record-audio .ra-timer-text {
    color: #FFF;
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
}


.record-audio .ra-pause-container {
    background-color: #0000008c; 
    border-radius: 100px;
    cursor: pointer;
}


.record-audio .ra-outer-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.record-audio .ra-inner-circle {
    background-color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.wave-image {
    max-width: 100%;
    height: auto;
}

.hasRecordingDiv {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    gap: 12px; 
    text-align: center;
}

/*ad Modal Styles*/

.ad-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.ad-modal-content {
    width: 800px;
    max-width: 95%;
    border-radius: 40px;
    background: rgba(46, 46, 46, 0.62);
    border: 1px solid rgba(46, 46, 46, 0.46);
    backdrop-filter: blur(14.1px);
    overflow: hidden;
    max-height: 90vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.ad-modal-image {
    background: #2D2D2D;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}

    .ad-modal-image img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .ad-modal-image video {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    color: white;
    font-size: 28px;
    border: none;
    cursor: pointer;
}

.ad-modal-text {
    padding: 20px 40px;
    color: white;
    word-wrap: break-word;
    max-height: 200px; 
}

.ad-modal-actions {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    flex-wrap: wrap;
}

    .ad-modal-actions button {
        background: transparent;
        border: 1px solid white;
        color: white;
        padding: 10px 16px;
        cursor: pointer;
        margin-left: 10px;
        border-radius: 100px;
    }

        .ad-modal-actions button:first-child {
            margin-left: 0;
        }

@media (max-width: 768px) {
    .ad-modal-content {
        width: 90%;
        max-width: 100%;
        border-radius: 20px;
        overflow-y: auto;
    }

    .ad-modal-image {
        height: 180px;
    }

    .ad-modal-text {
        padding: 15px 20px;
        max-height: 200px;
        overflow-y: auto;
    }

    .ad-modal-actions {
        flex-direction: column;
        align-items: stretch;
    }

        .ad-modal-actions button {
            width: 100%;
            margin-top: 10px;
        }

    .close-btn {
        font-size: 24px;
        top: 15px;
        right: 15px;
    }
}

@media (max-width: 500px) {
    .ad-modal-content {
        width: 100%;
    }

    .ad-modal-image {
        height: 150px;
    }

    .ad-modal-text {
        max-height: 200px;
        overflow-y: auto;
    }
}

@media (min-width: 769px) {
    .ad-modal-text {
        max-height: none;
        overflow-y: auto;
    }
}

.ad-campaign-list {
    max-width: 1100px;
    margin-bottom: 10px;
}

    .ad-campaign-table td,
    .ad-campaign-table th {
        vertical-align: middle;
        font-size: 0.92em;
    }

    .ad-campaign-table .ad-campaign-editing {
        background-color: #f4faef;
    }

    .ad-campaign-table .ad-campaign-actions a {
        margin-right: 12px;
        white-space: nowrap;
    }

.ad-target-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin-top: 6px;
    max-width: 795px;
}

    /* The dealership list can run to hundreds of entries, so it scrolls instead of pushing the
       rest of the form off screen. */
    .ad-target-options.ad-target-options-scroll {
        max-height: 190px;
        overflow-y: auto;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 8px 10px;
        align-content: flex-start;
    }

.ad-dealer-paste {
    margin-top: 8px;
    max-width: 795px;
}

    .ad-dealer-paste textarea {
        width: 100%;
        margin-bottom: 6px;
        resize: vertical;
    }

    .ad-dealer-paste .ad-dealer-paste-result {
        margin-left: 10px;
        font-size: 0.9em;
    }

.ad-target-selected-summary {
    margin-top: 6px;
    font-size: 0.9em;
}

    .ad-target-selected-summary a {
        margin-left: 10px;
    }

    .ad-target-options .ad-target-option {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: normal;
        margin: 0;
        min-width: 150px;
        cursor: pointer;
    }

        .ad-target-options .ad-target-option input[type="checkbox"] {
            margin: 0;
            cursor: pointer;
        }

.ad-corner-overlay {
    position: fixed;
    z-index: 9999;
    width: 360px;
    max-width: 92vw;
}

.ad-corner-top-left {
    top: 12px;
    left: 12px;
}

.ad-corner-top-right {
    top: 12px;
    right: 12px;
}

.ad-corner-bottom-right {
    right: 12px;
    bottom: 12px;
}

.ad-corner-bottom-left {
    bottom: 12px;
    left: 12px;
}

.ad-corner-content {
    position: relative;
    border-radius: 16px;
    background: rgba(46, 46, 46, 0.92);
    border: 1px solid rgba(46, 46, 46, 0.46);
    backdrop-filter: blur(14.1px);
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

.ad-corner-content .close-btn {
    top: 8px;
    right: 8px;
    font-size: 18px;
}

.ad-corner-overlay.has-video {
    width: 420px;
}

.ad-corner-image {
    background: #2D2D2D;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ad-corner-image.has-video {
        height: 220px;
    }

    .ad-corner-image img,
    .ad-corner-image video {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

.ad-corner-text {
    padding: 12px 16px;
    color: white;
    word-wrap: break-word;
}

    .ad-corner-text h4 {
        margin: 0 0 4px;
    }

.ad-corner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px 14px;
}

    .ad-corner-actions button {
        background: transparent;
        border: 1px solid white;
        color: white;
        padding: 6px 12px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 100px;
    }

.mr-20 {
    margin-right: 20px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.textAlignLeft {
    text-align: left !important
}
.minHeight20 {
    min-height: 20px;
}

.right-border-none {
    border-right: none !important;
}

.misscall-badge {
    position: absolute;
    right: -20px;
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 95%;
    z-index: 0;
    top: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.position-relative {
    position: relative;
}

.misscall-actions {
    display: flex;
    justify-content: space-between;
    margin: 0px 10px;
}

.minHeight20 {
    min-height: 20px !important;
}

.minHeight50 {
    min-height: 50px !important;
}

.wide-swal-popup {
    width: 610px !important;
    height: 230px;
    border-radius: 8px;
}

.swal-confirm-bottom-right {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.wide-swal-popup #swal2-title {
    font-size: 20px !important;
}

.wide-swal-popup #swal2-html-container {
    font-size: 18px !important;
    text-align: left;
}

.positionRelative {
    position: relative !important;
}

.mark-unresolved-icon {
    color: black !important;
}

.fa-md {
    font-size: 1.2em !important;
}

.unresolvedMisscallContainer {
    margin-top: 10px;
    border: 1px solid #C8CCC3 !important;
    background: #FFF;
    border-radius: 8px;
    display: flex;
    max-height: 322px;
    padding: 16px 4px 4px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    overflow: auto !important;
}

.unresolved-bedge-count {
    margin-right: 15px;
    background: red;
    border-radius: 15px;
    padding: 5px;
    color: white;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.unresolved-bedge-count-disabled {
    display: inline-flex;
    height: 20px;
    width: 20px;
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    background: #4C4E49 !important;
    border-radius: 100% !important;
    margin-right: 0px;
}

.empty-unresolved-missedcalls {
    height: auto !important;
    min-height: auto !important;
    padding: 8px;
    gap: inherit;
}

.unresolvedMissCallItem:last-of-type hr {
    display: none;
}

.unresolvedItemContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    width: 100%;
}

.unresolvedItemhr {
    width: 95%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin: 8px;
}

.highlight {
    background-color: #ffc107; 
    border: 1px solid #ffc107;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.5);
    transition: all 0.3s ease-in-out;
}

#loanerVehiclesCustomerBoxTitle, #shuttleSaveChangesBtnContainer, #loanerRentalSaveChangesBtnContainer {
    margin-left: 2px;
}

.newChip {
    display: inline-block;
    background-color: #8BC53F;
    color: white;
    padding: 1px 10px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
}


.call-connect-blocknumber {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.btnAddblock {
    display: flex;
    justify-content: right;
}

.report-iframe-model-open {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100vw;
    height: 100vh;
    z-index: 2998;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.call-connect-iframe {
    z-index: 2999;
    position: relative;
}


.flex-space-between {
    display: flex;
    justify-content: space-between;
}

.loader-svg {
    display: block;
    margin: 5px auto;
    width: 33px;
    height: 33px;
    animation: spin 1s linear infinite;
    transform-origin: 50% 50%;
}

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

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

#login-content {
    display: flex;
    width: 100%;
    height: 100vh;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    padding-right: 32px;
}


.login-left {
    width: 60%;
    display: flex;
    justify-content: center;
}

.login-right {
    width: 40%;
    background: var(--surface-light-010);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 93vh;
    overflow: hidden;
    z-index: 999;
}

.login-right-container {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top:20px !important;
}


.login-right-carousel {
    width: 100%;
    max-width: 560px;
    padding: 48px 32px;
    position: relative;
}

.login-right-slide {
    display: none;
    opacity: 0;
    text-align: center;
    transition: opacity .6s ease;
}

    .login-right-slide.active {
        display: block;
        opacity: 1;
    }

.login-right-title {
    font-family: var(--font-primary);
    font-size: 32px;
    font-weight: 600;
    margin-top: 24px;
    color: var(--text-primary);
}

.login-right-subtitle {
    font-family: var(--font-primary);
    font-size: 22px;
    font-weight: 400;
}

.login-right-description {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    color: var(--text-primary);
}


.login-right-slide img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 32px auto;
    border-radius: 16px;
    object-fit: contain;
}

.carousel-controls {
    position: relative;
    bottom: 24px;
    left: 100%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    top:525px !important;
}

.carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #ACACAC;
    position:relative;
}

    .carousel-dot.active {
        background: #ACACAC;
    }



@media (max-width: 1919px) and (min-width: 1441px) {
    .carousel-controls {
        top: 445px !important;
    }
    .login-right {
        height:90vh !important;
    }
}

@media (max-width: 1440px) and (min-width: 1241px) {
    .login-left {
        width: 60%; 
    }

    .login-right {
        width: 40%;
        z-index: 999;
        height: 88vh !important;
    }
    
    .login-right-subtitle {
        font-size: 20px;
    }

    .login-right-description {
        font-size: 15px;
    }

    .login-right-container {
        padding: 32px 48px 64px 48px;
    }

    .login-right-carousel {
        padding: 32px;
    }
    .carousel-controls {
        top: 15px !important;
    }
}


@media (max-width: 1240px) and (min-width: 1024px) {
    .login-left {
        width: 50%;
    }

    .login-right {
        width: 50%;
        z-index: 9999;
    }
}


@media (max-width: 1024px) {
    .login-right {
        display: none !important;
    }

    .login-left {
        width: 100% !important;
        justify-content: center;
        margin: 0 auto;
    }
    .carousel-controls {
        top: 25px !important;
    }
}

/* Unverified Email Page Start */

.unverified-email-page-container {
    width: 100%;
    height: calc(100% + 50px);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F7F7F7;
    margin-top: -50px;
}

.unverified-email-header {
    color: #1D2B1C;
    font-size: 30px;
}

.unverified-email-card {
    gap: 32px;
    color: #4C4E49;
    position: fixed;
    width: 480px;
    padding: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 15px;
    border: 1px solid #C8CCC3;
    text-align: center;
    align-items: center;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 1px 1px 1px 0px rgba(0, 0, 0, 0.09), 1px 3px 2px 0px rgba(0, 0, 0, 0.05), 2px 4px 2px 0px rgba(0, 0, 0, 0.01), 4px 7px 2px 0px rgba(0, 0, 0, 0);
}

    .unverified-email-card p {
        margin: 0 0 4px;
    }

.unverified-email-send-btn {
    border-radius: 30px;
    background-color: white;
    padding: 10px 20px;
}

    .unverified-email-send-btn.button-disabled {
        cursor: not-allowed;
        color: rgba(27, 28, 27, 0.45);
    }

    .unverified-email-send-btn:not(.button-disabled):hover {
        background-color: #F7F7F7;
    }


/* Unverified Email Page End*/


/*Customer Search Modal*/
.customerSearch-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--border-030a);
    background-color: var(--surface-light-020);
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


    .customerSearch-modal-header {
        display: flex;
        padding: 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-bottom: 1px solid var(--border-010a);
        background: var(--surface-light-020);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .header-searchbar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
    }

    .header-close {
        display: flex;
        padding: 4px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .search-textbox {
        display: flex;
        width: 456px;
        height: 52px;
        min-width: 160px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 100px;
        border: 1px solid var(--border-010a);
        background: #FFF;
        padding-left: 30px;
        color: var(--text-primary);
        font-family: Roboto;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

.form-group.search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

    /*Search icon */
    .search-icon {
        position: absolute;
        left: 10px;
        font-size: 18px;
        color: #90918D;
    }

.searchModalContentHeading {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-bottom: 1px solid var(--border-010a);
    background: var(--surface-light-020);
    max-height: 60px;
}

.contentHeadingLeft {
    display: flex;
    padding: 16px 16px;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
}

.contentHeadingRight {
    display: flex;
    padding: 16px 16px;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.searchContentBody {
    display: flex;
    flex: 1;
    gap: 8px;
    align-self: stretch;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 70vh;
    padding-right: 8px;
    overflow-y: auto;
    scroll-behavior: smooth;
    position: relative;
}

.searchContentAutoext {
    display: flex;
    padding-top: 16px;
    flex-direction: column;
    gap: 8px;
    min-width: 400px;
    position: relative;
}

.searchContentDMS {
    display: flex;
    padding-top: 16px;
    flex-direction: column;
    gap: 8px;
    min-width: 400px;
    position: relative;
}


    .autoTextCustomerCard {
        display: flex;
        min-width: 268px;
        max-width: 560px;
        min-height: 64px;
        padding: 16px 24px 16px 16px;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-radius: 16px;
        border: 1px solid var(--border-010a);
        background: #FFF;
        cursor: pointer;
    }


        .autoTextCustomerCard:hover {
            border: 1px solid var(--border-020a);
            background: var(--surface-light-010);
        }
    .customerCardIconArea {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
    }

    .customerCardIcon {
        display: flex;
        width: 24px;
        height: 24px;
        justify-content: center;
        align-items: center;
    }

    .customerCardBody {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
    }

.cutomerDeatailsArea {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    color: var(--text-primary-light);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: 0.5px;
}

    .customerVehicleDetails {
        display: flex;
        height: 20px;
        padding-right: 16px;
        align-items: flex-start;
        align-self: stretch;
    }

    .customerNumberDetails {
        display: flex;
        padding-top: 6px;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        color: var(--text-alternate);
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.4px;
    }


    .lastMessagecontent {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 330px;
        color: var( --text-alternate);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
    }

    .dmsCustomerCard {
        display: flex;
        min-width: 268px;
        max-width: 560px;
        padding: 16px;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-radius: 16px;
        border: 1px solid var(--border-010a);
        background: #FFF;
        cursor: pointer;
    }

        .dmsCustomerCard:hover {
            border: 1px solid var(--border-020a);
            background: var(--surface-light-010);
        }

.contentDivider {
    display: flex;
    padding: 16px 16px;
    position: sticky;
    top: 0;
}


.custom-modal {
    max-width: 1050px;
    width: 95%;
}

.autoTextHeading{
    display:none;
}

.dmsHeading {
    display: none;
}

/*for responsiveness*/

@media (max-width: 1199px) {
    .customerSearch-modal {
        height: auto;
        max-height: 90vh;
    }

        .searchContentBody {
            gap: 16px;
        }

    .lastMessagecontent {
        width: 280px;
    }
    .autoTextHeading {
        display: none;
    }

    .dmsHeading {
        display: none;
    }
}

@media (max-width: 1023px) {
    .customerSearch-modal {
        min-width: unset;
        max-width: 768px;
        height: auto;
        max-height: 93vh;
        border-radius: 16px;
    }

        .customerSearch-modal-header {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            padding: 12px 20px;
        }

    .searchModalContentHeading {
        padding-left: 20px;
        gap: 20px;
        display:none;
    }

        .search-textbox {
            width: 350px;
            height: 48px;
        }

        .searchContentBody {
            flex-direction: column;
            gap: 0;
        }

        .searchContentAutoext,
        .searchContentDMS {
            width: 100%;
            padding: 16px 20px;
        }

        .contentDivider {
            display: none;
        }

        .autoTextCustomerCard,
        .dmsCustomerCard {
            max-width: 100%;
            min-width: unset;
        }

        .cutomerDeatailsArea {
            width: 100% !important;
            gap: 16px;
        }

    .lastMessagecontent {
        width: 100%;
        max-width: 500px;
    }

    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}


@media (max-width: 767px) {
    .customerSearch-modal {
        border-radius: 16px;
        margin: 10px auto;
    }

        .customerSearch-modal-header {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            padding: 12px 16px;
            flex-wrap: wrap;
            gap: 12px;
        }

        .search-container {
            order: 1;
            width: 100%;
        }

        .search-textbox {
            width: 100%;
            height: 44px;
        }

        .header-close {
            order: 2;
        }

        .searchModalContentHeading {
            padding-left: 16px;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .contentHeadingLeft,
        .contentHeadingRight {
            flex-direction: column;
            padding: 12px 0;
            width: 100%;
            flex: 0 0 100%;
        }

        .searchContentAutoext,
        .searchContentDMS {
            padding: 12px 16px;
        }

        .autoTextCustomerCard,
        .dmsCustomerCard {
            padding: 12px;
            height: auto !important;
            min-height: 80px;
            flex-direction: column;
            gap: 12px;
            width: 500px;
        }

        .customerCardBody {
            width: 100%;
        }

        .cutomerDeatailsArea {
            flex-direction: column;
            height: auto !important;
            gap: 8px;
            align-items: flex-start;
        }

            .cutomerDeatailsArea > div {
                width: 100%;
                justify-content: space-between;
            }

        .customerVehicleDetails {
            height: auto;
            padding-right: 0;
        }

        .customerNumberDetails {
            flex-direction: column;
            gap: 4px;
            align-items: flex-start;
        }

    .lastMessagecontent {
        width: 100%;
    }

    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}


@media (max-width: 575px) {
    .customerSearch-modal {
        border-radius: 16px;
    }

        .customerSearch-modal-header {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            padding: 10px 12px;
        }

        .searchModalContentHeading {
            padding-left: 12px;
        }

        .searchContentAutoext,
        .searchContentDMS {
            padding: 10px 12px;
        }

        .autoTextCustomerCard,
        .dmsCustomerCard {
            padding: 10px;
            border-radius: 12px;
        }

        .search-textbox {
            height: 42px;
            font-size: 14px;
            padding-left: 36px;
        }

        .search-icon {
            left: 12px;
            font-size: 16px;
        }

    .customerCardIcon {
        width: 20px;
        height: 20px;
    }
    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}

@media (max-width: 479px) {
    .customerSearch-modal {
        margin: 0;
        border-radius: 0;
        height: 100vh;
        max-height: 100vh;
    }

        .customerSearch-modal-header {
            border-radius: 0;
            padding: 8px 12px;
        }

        .searchModalContentHeading {
            padding-left: 12px;
            padding-right: 12px;
        }

        .contentHeadingLeft h4,
        .contentHeadingRight h4 {
            font-size: 14px;
        }

        .autoTextCustomerCard,
        .dmsCustomerCard {
            min-height: 70px;
            padding: 8px;
        }

    .custNameInside {
        font-size: 14px;
    }

    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}

    @media (max-height: 600px) and (max-width: 767px) {
        .customerSearch-modal {
            max-height: 95vh;
        }

    .searchContentBody {
        max-height: 70vh;
        overflow-y: auto;
    }

    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}


    @media (max-width: 620px) {
        .modal-dialog {
            margin: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            height: 100% !important;
        }

    .customerSearch-modal {
        height: 100vh !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        border: none !important;
        display: flex;
        flex-direction: column;
    }

        .customerSearch-modal-header {
            border-radius: 0 !important;
            padding: 10px 12px !important;
        }

        .search-textbox {
            width: 100% !important;
            font-size: 14px !important;
            height: 40px !important;
            padding-left: 32px !important;
        }

        .searchModalContentHeading {
            padding: 8px 12px !important;
            flex-direction: column;
            gap: 6px;
        }

        .searchContentBody {
            flex: 1;
            overflow-y: auto;
            padding: 0 8px 12px;
            flex-direction: column !important;
        }

        .autoTextCustomerCard,
        .dmsCustomerCard {
            width: 300px !important;
            padding: 10px !important;
            border-radius: 10px;
            min-height: 70px;
            height: auto !important;
            flex-direction: column;
        }

        .cutomerDeatailsArea {
            width: 100% !important;
            flex-direction: column;
            gap: 4px;
        }

    .customerNumberDetails {
        flex-direction: column;
        gap: 2px;
    }

    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}


    @media (max-width: 450px) {
        .customerSearch-modal {
            height: 100vh !important;
            overflow-y: auto;
        }

        .search-textbox {
            font-size: 13px !important;
            height: 38px !important;
        }

        .search-icon {
            left: 10px;
            font-size: 15px;
        }

    .custNameInside {
        font-size: 13px !important;
    }
    .autoTextHeading {
        display: block;
    }

    .dmsHeading {
        display: block;
    }
}


    @media (hover: none) and (pointer: coarse) {
        .autoTextCustomerCard,
        .dmsCustomerCard {
            min-height: 60px;
        }

        .search-textbox,
        .header-close {
            min-height: 44px;
        }
    }



        .searchContentBody::-webkit-scrollbar {
            width: 8px;
        }

        .searchContentBody::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 4px;
        }


@media (max-width: 767px) {
    .searchContentBody {
        max-height: calc(75vh - 160px);
        padding: 0 10px 10px;
    }
}


@media (max-width: 480px) {
    .searchContentBody {
        max-height: calc(70vh - 140px);
    }
}

    .modal-dialog.modal-dialog-centere {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50vh;
    }

    .cancel-unread {
        position: absolute;
        left: 10px;
    }

    .cancel-unread-container {
        display: flex;
        justify-content: center
    }

    /*.cancel-unread-missedcall {
    width: 90%;
}*/

    .header-horizontal-devider {
        height: 29px;
        display: flex;
        align-items: center;
        height: 29px;
        width: 1px;
        background: #C8CCC3;
        align-items: center;
        margin: 0px 4px;
    }

    .header-icon-container {
        height:48px !important;
        width:48px !important;
        align-items: center;
        justify-content:center;
        display: flex;
        position: relative;
    }

        .header-icon-container .num {
            all: unset;
        }

    .header-icon-inner-container {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .header-icon-inner-container:hover {
            border-radius: 100px;
            background: rgba(24, 54, 2, 0.08);
        }

        .header-icon-inner-container:focus {
            border-radius: 100px;
            background: rgba(24, 54, 2, 0.18);
        }

.header-icon-inner-container:active, .header-icon-inner-container.is-active {
    border-radius: 100px;
    background: rgba(24, 54, 2, 0.18);
}

    .header-count-badge {
        display: flex !important;
        height: 16px;
        min-width: 16px;
        max-width: 34px;
        padding: 0 4px;
        justify-content: center;
        align-items: center;
        position: absolute;
        border-radius: 100px;
        background: #B3261E;
        top: 3px;
        left: 58%;
        color: #ffffff
    }

    .header-notifications {
        display: flex;
        flex-direction: column;
    }

    .header-dropdown-menu {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
    }

        .header-dropdown-menu a {
            color: #4C4E49 !important;
        }

            .header-dropdown-menu a:hover {
                color: #1D2B1C !important;
            }

    #navDealerName {
        color: #4C4E49;
        text-align: right;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
    }

    #navTwilioNumber {
        color: var(--Text-Body-primary, #4C4E49);
        font-family: Roboto;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    .avtart-text {
        color: var(--Text-Body-inverse, #FFF);
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.15px;
        text-transform: uppercase;
    }

    .logout-form {
        padding: 0px;
    }

    #userDropdownNavBtn a {
        padding: 0px !important;
    }

    #logoutForm .navbar-right {
        padding-right: 0px;
    }

    #dvAvtarMenu a {
        padding: 6px !important;
    }

    /* CSS that applies only to desktop (e.g., min-width: 992px and up) */
    @media (min-width: 1280px) {
        .container-fluid {
            position: relative;
        }

        .navbar-header {
            position: absolute;
            left: 0px;
        }

        #slide-navbar-collapse {
            position: absolute;
            right: 0px;
        }

        #navbar-collapse-container, #nav .hide-desktop {
            display: none;
        }
    }

    @media (max-width: 1279px) {
        #navbar-collapse-container, #nav .hide-desktop {
            display: block;
            transition: opacity 0.3s ease;
        }
    }
    .cancel-unread {
        position: absolute;
        left: 5%;
    }


    #navTextNumberTabContainer .navScreen-name, #navTextNumberTabContainer #navDealerName, #navTextNumberTabContainer #navDealerName {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #navTwilioNumber {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    #navTextNumberTabContainer .navScreen-name {
        color: #4C4E49;
        text-align: right;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
    }

    #navTextNumberTabContainer {
        padding: 0px !important;
    }

    #slide-navbar-collapse .no-padding-x {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .disabled-checkbox {
        background-color: #d3d3d3 !important;
        color: #a1a1a1 !important;
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }


        .disabled-checkbox:hover {
            background-color: #d3d3d3 !important;
            cursor: not-allowed !important;
        }



    .cust-search-textbox {
        display: flex;
        padding-left: 4px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        align-self: stretch;
    }


    .close-div {
        display: flex;
        padding: 4px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        opacity:1 !important;
    }
    .disabled-checkbox:hover {
        background-color: #d3d3d3 !important;
        cursor: not-allowed !important;
    }



.xipster-header {
    display: flex;
    position: absolute;
    left: 50%
}

.take-tour-container {
    position: absolute;
}

@media (max-width: 1000px) {
    .xipster-header, .take-tour-container {
        position: static;
    }
}

@media (min-width: 744px) {
    #hamMenu {
        display: none !important;
    }
    .resizePic.mobileCashierLogo {
        margin-left: 16px;
    }
}


.take-tour {
    display: flex !important;
    margin-right: 0px;
}


.navbar-nav > li > a.take-tour {
    padding: 10px 16px !important;
}

#homeLogo {
    margin-left: 15px !important;
}

.nobackground {
    background: none !important;
}

.logo-header {
    width: 151px;
    height: 28px;
    aspect-ratio: 151.00/25.42;
}

@media (max-width: 1439px) {

    .xipster-header {
        position: static;
    }

    .take-tour-container {
        position: static !important;
    }
}
@media (max-width: 1279px) {

    .xipster-header {
        flex: 1;
    }
}
@media (max-width: 1024px) {
    .hidesmall1024 {
        display: none !important;
    }

    #logoutForm ul li {
        border: none;
    }

    #navTwilioNumber {
        width: max-content;
    }

    #navbar-collapse-container {
        display: none;
    }

    
}


@media (max-width: 743px) {
    #slide-navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        width: fit-content;
        min-height: 100%;
        background-color: #ddd;
        overflow: auto;
        visibility: initial;
        z-index: 1600;
        padding-right: initial !important;
        max-width: 75%;
        display: none;
    }


  
    #slide-navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100%;
        background-color: #ddd;
        overflow: auto;
        visibility: initial;
        z-index: 1600;
        min-width: 50%;
        padding-right: initial !important;
        max-width: 75%;
        display: none;
    }

    .hideSmall743 {
        display: none !important;
    }

    #nav-main-notifs {
        justify-content: right !important;
    }

    .navbar-right {
        align-items: flex-start !important;
        flex-direction: column !important;
        height: initial !important;
    }

    #userDropdownNavBtn {
        order: -1;
        white-space: nowrap;
    }

    .autotext-header #userDropdownNavBtn .dropbtn {
        padding: 10px 8px 10px 8px !important;
        padding-left: 8px !important;
    }

    #navTextNumberTabContainer .navScreen-name {
        text-align: left;
    }
    #logoutForm .navbar-nav > li {
        border-bottom: 1px solid #afadad;
    }

    #userDropdownAvatar {
        margin-right: 10px;
    }

    #navbar-collapse-container .avtart-text-container {
        background-color: white;
        border: none;
        margin-right: 0px !important;
        padding: 0px;
        margin-right: 10px;
    }
    #logoutForm ul li {
        padding-left: 10px !important;
    }

    #logoutForm li .dropbtn {
        padding-left: 0px !important;
    }

    .autotext-header .navbar-header {
        margin-left: 8px !important;
        padding-left: 0px !important;
    }

    .autotext-header #nav-main-notifs {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

@media (min-width: 743px) {
    .showMobile {
        display: none !important;
    }

    .hidemore743 {
        display: none !important;
    }
}


.autotext-header .navbar-header, .autotext-header #slide-navbar-collapse {
    position: static;
    flex: 1;
}



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

/* positioning */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    /* arrow indicator */
    .dropdown-submenu > a:after {
        
        float: right;
        margin-top: 2px;
        font-size: 10px;
    }

    .dropdown-submenu > a {
        text-align: left;
        padding: 0 16px !important;
        line-height: 48px !important;
    }
.sub-menu .dropdown-menu {
    border-radius: 4px;
    background: #F7F7F7;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    align-items: center;
    align-self: stretch;
}

    .sub-menu .dropdown-menu .dropbtn {
        color: var(--Text-Body-primary, #4C4E49);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        background: none;
    }

.sub-menu .dropdown-submenu li, a.menu-item {
    display: flex;
    height: 48px;
    padding: 0 16px;
    align-items: center;
    flex: 1 0 0;
    padding: 0px 16px !important;
}

.menu-item-label {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.sub-menu .menu-item, a.menu-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
}

.dropdown-submenu .dropdown-menu {
    width: fit-content;
}


.sub-menu .dropdown-submenu {
    position: relative;
}

.sub-menu .dropdown-submenu > .dropdown-menu {
    display: none;
    left: 100%;
    top: 0;
    min-width: 260px;
}

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


.sub-menu li:hover {
    background: var(--State-layer-Primary-hover, rgba(24, 54, 2, 0.08)) !important;
}

.sub-menu > li > a:hover, .sub-menu > li > a:focus {
    background: none;
}
.js-submenu a {
    width: 100% !important;
}

.dropdown.sub-menu li:active,
.dropdown.sub-menu .dropdown-item:active {
    background: var(--State-layer-Primary-active, rgba(24, 54, 2, 0.12)) !important;
}

.js-submenu a:hover,
.js-submenu a:focus {
    background: none !important;
}

.sub-menu .dropdown-submenu.open.open-left > .dropdown-menu {
    left: auto;
    right: 100%;
}

.sub-menu .dropdown-menu {
    top: 80%;
    border-radius: 4px;
    background: var(--Surface-Background-surface-light-010, #F7F7F7);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.rightside-header-container {
    display: flex;
    align-items: center;
}

.sub-menu .mobile-menu-close {
    display: none;
}

.header-horizontal-devider {
    background: #C8CCC3;
    width: 80%;
    margin: 20px;
    height: 1px;
    margin-left: 20px;
}
@media (max-width: 743px) {
    .sub-menu > .dropdown-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        max-height: none;
        overflow-y: auto;
        border-radius: 0;
        margin: 0;
        padding: 20px;
        display: none;
        background: #fff;
        z-index: 9999;
    }

    .sub-menu .dropdown-submenu {
        position: static;
    }

    .sub-menu .dropdown-submenu > a {
        font-size: 16px;
        font-weight: 600;
        padding: 12px 0;
        display: block;
    }

    .sub-menu .dropdown-submenu > .dropdown-menu {
        position: static;
        width: 100%;
        display: none;
        margin-left: 16px;
        box-shadow: none;
        border: 0;
        display: block;
        background: none;
    }

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

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

    .sub-menu.open .dropdown-menu {
        display: block;
    }

    .sub-menu .menu-item-label {
        overflow: hidden;
        color: #1D2B1C;
        text-overflow: ellipsis;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0.5px;
    }
    .sub-menu .dropdown-menu .dropbtn {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.1px;
    }

    .open .mobile-menu-close {
        display: flex;
        justify-content: right;
    }

    .sub-menu .dropdown-menu-mobile {
        padding-left: 0px;
    }

    .sub-menu li:hover {
        background: none !important;
    }

    .dropdown.sub-menu li:active, .dropdown.sub-menu .dropdown-item:active {
        background: none !important;
    }

    .header-horizontal-devider {
        display: block !important;
    }

    .hideless743 {
        display: none !important;
    }

}

#menuToggle,
.hamburger {
    display: none;
}


#vvxViewsTab {
    display: flex;
    align-items: center;
}

/* =========================================================
   HAMBURGER + OFF-CANVAS MENU (<=1024px)
========================================================= */
@media (max-width: 1024px) {

    /* -------- FORCE VERTICAL STACK -------- */
    #vvxViewsTab,
    #vvxViewsTab > div {
        display: block;
        float: none !important;
        width: 100% !important;
    }

    /* -------- OFF CANVAS PANEL -------- */
    #vvxViewsTab {
        position: fixed;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100vh;
        background: #fff;
        padding: 60px 16px 16px;
        overflow-y: auto;
        transition: left 0.3s ease;
        z-index: 1000;
        box-shadow: 3px 0 12px rgba(0,0,0,0.2);
    }

    /* Menu open (checkbox hack assumed) */
    #menuToggle:checked ~ #vvxViewsTab {
        left: 0;
    }

    /* -------- MENU ITEM LOOK -------- */
    #vvxViewsTab > div > a,
    #vvxViewsTab .dropdown-toggle {
        display: block !important;
        width: 100%;
        padding: 12px 10px;
        text-align: left;
        font-weight: 600;
        text-decoration: none;
    }

    /* -------- DROPDOWN PARENT -------- */
    #vvxViewsTab .dropdown {
        position: static;
    }

    /* -------- SUB MENU (Indented) -------- */
    #vvxViewsTab .dropdown-menu {
        position: static !important;
        display: block !important;
        float: none;
        width: 100%;
        margin: 0 0 8px 0;
        padding-left: 20px;
        border: 0;
        box-shadow: none;
        background: transparent;
    }

        /* -------- SUB MENU ITEMS -------- */
        #vvxViewsTab .dropdown-menu li {
            display: block;
            padding: 8px 0;
            cursor: pointer;
        }

            #vvxViewsTab .dropdown-menu li i {
                margin-right: 6px;
                opacity: 0.6;
            }

    /* -------- REMOVE BOOTSTRAP CARET -------- */
    #vvxViewsTab .caret {
        display: none;
    }

    /* -------- PREVENT HOVER DROPDOWN -------- */
    #vvxViewsTab .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* ================= Desktop ================= */
.hamburger {
    display: none;
}

.bg-light-green {
    background-color: rgb(150, 202, 79);
}

.hamburger-close {
    display: none !important;
}

#vvxViewsTab .header-horizontal-devider {
    display: none;
}

@media (min-width: 1025px) {
    #vvxViewsTab > div:not(#textNumberTabContainer) {
        height: 100%;
    }

    #nav-main-notifs {
        position: absolute;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .hidemore1025 {
        display: none !important;
    }
}
/* ================= Mobile Or Tablet ================= */
.profile-ui-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 92%;
    max-width: 360px;
    height: 100%;
    background: #fff;
    padding: 16px 16px 32px 16px;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease;
    z-index: 1001;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.header-vertical-devider {
    background-color: #C8CCC3;
    height: 30px;
    display: flex;
    align-items: center;
    width: 1px;
    align-items: center;
}

#dvAvtarMenu {
    left: -40px !important;
}

.dropdown-group-dealer {
    top: 85%;
}



.hide {
    display: none !important;
}

#nav-main-home {
    z-index: 100;
    cursor: pointer;
}

@media (max-width: 743px) {
    .autotext-header #slide-navbar-collapse {
        display: block;
    }

    .profile-nav {
        display: flex;
        justify-content: center;
        align-items: center !important;
        flex-direction: row !important;
        border-bottom: none;
        background: white;
        gap: 0px;
    }

    .autotext-header #logoutForm .navbar-nav > li {
        border-bottom: none;    
    }
    .autotext-header #slide-navbar-collapse {
        background: none;
        width: fit-content;
    }
}
@media (max-width: 1024px) {
    #vvxViewsTab .header-horizontal-devider {
        display: block;
    }

    #vvxViewsTabCollapsed {
        display: none !important;
    }
    .authenticated-navbar {
        border-bottom: none !important;
    }
    .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: 14px;
        left: 14px;
        width: 34px;
        height: 28px;
        cursor: pointer;
        position: static;
    }

        .hamburger span {
            height: 3px;
            background: #333;
            margin: 4px 0;
            border-radius: 2px;
        }

    #vvxViewsTab.menu-open {
        display: block !important;
        z-index: 2500;
    }
    /* Off-canvas menu */
    #vvxViewsTab {
        position: fixed;
        top: 0;
        left: -50%;
        height: 100vh !important;
        overflow-y: auto;
        transition: left 0.3s ease;
        z-index: 1500;
        box-shadow: 3px 0 12px rgba(0,0,0,0.25);
        display: flex;
        width: 292px !important;
        min-width: 220px !important;
        max-width: 360px !important;
        padding: 16px 20px 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 0 16px 16px 0;
        background: #FFF;
        margin-top: 0px !important;
    }

    .vvx-ui-overlay.active {
        opacity: 1;
        pointer-events: auto;
        z-index: 2000;
    }

        /* Menu open */
        #vvxViewsTab.menu-open {
            left: 0;
        }

        /* Vertical stack */
        #vvxViewsTab,
        #vvxViewsTab > div {
            display: block;
            width: 100%;
            float: none !important;
        }

            #vvxViewsTab > div > a,
            #vvxViewsTab .dropdown-toggle {
                display: block;
                padding: 12px 10px;
                font-weight: 600;
            }

            /* Sub menus */
            #vvxViewsTab .dropdown-menu {
                position: static !important;
                display: block !important;
                padding-left: 20px;
                border: 0;
                box-shadow: none;
                background: transparent;
            }

            /* Remove caret */
            #vvxViewsTab .caret {
                display: none;
            }

            #vvxViewsTab > div:not(#textNumberTabContainer) {
                border-right: none !important;
            }

    #autoTextFullTab, #apptsFullTab, #shuttleManagerFullTab, #transportationFullTab, #estimatesFullTab, #techVideosFullTab, #paymentHubFullTab, #mcFullTab, #loyaltyFullTab, #marketingFullTab, #driveLeadsFullTab, #digitalSignageFullTab {
        background-color: #fff;
    }

    .hamburger-link {
        color: #4C4E49 !important;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 20px;
        letter-spacing: 0.1px;
    }
    .hamburger-link-with-option {
        overflow: hidden;
        color: #1D2B1C;
        text-overflow: ellipsis;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 16px;
        letter-spacing: 0.5px;
        padding-left: 0px !important;
    }
    .hamburger-link-option {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 20px; 
        letter-spacing: 0.1px;
    }

    .hideless1024 {
        display: none !important;
    }

    #vvxViewsTab > div:not(#textNumberTabContainer):hover, #vvxViewsTab > div:not(#textNumberTabContainer):active, .cmsDashboard:hover {
        background-color: #fff !important;
    }

    .header-horizontal-devider {
        margin-left: 10px;
    }
    .hamburger-close {
        padding: 10px !important;
        display: flex !important;
        align-items: center;
        align-self: stretch;
        margin-bottom: 20px;
    }

    #nav-main-notifs {
        position: fixed;
        top: 70px;
        display: flex !important;
        justify-content: space-between !important;
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-right: 8px;
        padding-left: 8px;
        height: 40px;
    }

    #navbar-collapse-container {
        display: block;
    }

    .profile-ui-open-btn {
        background: #1b1b1b;
        color: #fff;
        border: none;
        font-size: 20px;
        padding: 8px 12px;
        cursor: pointer;
        border-radius: 4px;
    }

    .profile-ui-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 1000;
    }



    .profile-ui-panel.profile-ui-active {
        transform: translateX(0) !important;
        border-radius: 16px 0 0 16px;
        background: var(--Surface-Background-surface-light-000, #FFF);
    }

    .profile-ui-overlay.profile-ui-active {
        opacity: 1;
        visibility: visible;
    }

    /* Header */
    .profile-ui-header {
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 16px;
        justify-content: space-between
    }

    .profile-ui-avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #1b1b1b;
        color: #fff;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
        text-transform: uppercase;
    }

    .profile-ui-user .profile-ui-first-name {
        color: #1D2B1C;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.25px;
        text-transform: capitalize;
        max-width: 200px;
    }


    .profile-ui-close-btn {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }

    .profile-ui-divider {
        border: none;
        border-top: 1px solid #C8CCC3;
        margin: 16px 0;
    }

    .padding16 {
        padding: 0 16px !important;
    }

    .profile-ui-section-title {
        overflow: hidden;
        color: #1D2B1C;
        text-overflow: ellipsis;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0.5px;
    }

    .profile-ui-dealership {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        cursor: pointer;
        position: relative;
        padding: 8px 0;
        height: 80%;
    }

    .profile-ui-dealership-info {
        display: flex;
        flex-direction: column;
        padding: 5px 10px;
    }

    .profile-ui-dealership-name {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.1px;
        display: flex;
        justify-content: space-between;
        width: 240px;
        align-items: center;
    }

    .profile-ui-dealership-phone {
        font-size: 13px;
        color: #555;
        white-space: normal;
        line-height: 1.3;
        margin-top: 2px;
        padding: 3px 0px;
    }

   

    
    .profile-ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        height: 80%;
    }

    .profile-ui-menu-item {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        padding: 16px;
        align-items: center;
        gap: 8px;
        letter-spacing: 0.1px;
        font-style: normal;
        font-weight: 500;
    }

    .profile-ui-build-version {
        overflow: hidden;
        color: var(--Text-Body-on-primary, #1D2B1C);
        text-overflow: ellipsis;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; 
        letter-spacing: 0.5px;
        padding-left: 16px;
    }


    .profile-ui-panel {
        width: 292px;
    }
    

    .profile-ui-section {
        padding: 0 16px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    .divider-container {
        display: flex;
        padding: 0 16px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: stretch;
        margin: 16px 0px;
    }

    .devider-content {
        height: 1px;
        background: #C8CCC3;
        width: 100%;
    }

    #dvAvtarMenu {
        display: none !important;
    }

    .profile-ui-avatar-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .profile-ui-close-btn-container {
        position: absolute;
    }

    .dealer-list.dealer-selection-profile-mode {
        min-height: 84%;
        padding: 0px 10px;
    }

    .profile-ui-dealer-list a {
        color: #4C4E49;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.1px;
    }

    .vvx-ui-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        z-index: 998;
    }

    #vvxViewsTab.menu-open {
        right: 0;
    }

    #vvxViewsTab.menu-open  .vvx-ui-overlay
    {
        opacity: 1;
        pointer-events: auto;
    }

    .autotext-header #nav-main-notifs {
        padding-bottom: 10px;
    }
}

@media (max-width: 375px) {
    .newTransactionNavContainer {
        padding-left: 0px;
    }
}

/* ===== Off-canvas drawer base ===== */
.offcanvas {
    position: fixed;
    top: 0;
    height: 100%;
    width: 300px;
    background: #fff;
    box-shadow: -3px 0 10px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    z-index: 1050;
    overflow-y: auto;
}

/* Right drawer */
.offcanvas-right {
    right: 0;
    transform: translateX(100%);
}

/* Left drawer (optional future use) */
.offcanvas-left {
    left: 0;
    transform: translateX(-100%);
}

/* Open state */
.offcanvas-open {
    transform: translateX(0);
}

/* Header / close button */
.offcanvas-header {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    height: 50px;
}

.offcanvas-close {
    background: none;
    border: 0;
    font-size: 24px;
    float: right;
    cursor: pointer;
}

#navTextNumberTabContainer .navScreen-name {
    color: #4C4E49;
    text-align: right;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.play-audio-button {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    width: 131px;
    height: 32px;
    border: none;
    background-color: transparent;
}

    .play-audio-button img {
        display: flex;
        padding: 2px;
        justify-content: center;
        align-items: center;
    }

.action-button {
    display: flex;
    padding: 2px;
    align-items: center;
    height: 30px;
    width: 30px;
    border: none;
    background-color: transparent;
}

    .action-button button {
        display: flex;
        padding: 2px;
        justify-content: center;
        align-items: center;
        border: none;
        background-color: transparent;
    }

/*for missed call table dropdown*/


.dt-action-dropdown {
    position: relative;
    display: inline-block;
}

    .dt-action-dropdown .dropdown-toggle {
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dt-action-dropdown .dropdown-menu {
        display: none;
        position: absolute;
        top: 120%;
        right: 0;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        min-width: 160px;
        z-index: 10000;
        padding: 8px 0;
        font-size: 14px;
        color: #4a4a4a;
        user-select: none;
    }

    .dt-action-dropdown.show .dropdown-menu {
        display: block;
        left: auto;
        right: 0;
    }

    .dt-action-dropdown .dropdown-menu li {
        list-style: none;
    }

        .dt-action-dropdown .dropdown-menu li a {
            display: block;
            padding: 10px 20px;
            color: #4a4a4a;
            text-decoration: none;
            transition: background-color 0.2s ease;
            border-left: 3px solid transparent;
        }

            .dt-action-dropdown .dropdown-menu li a:hover {
                background-color: #f2f2f2;
                border-left: 3px solid #007bff;
                color: #007bff;
            }

.action-button button img {
    width: 20px;
    height: 20px;
}



.desktop-menu {
    display: none;
}

@media (min-width: 900px) {

    .desktop-menu #languageDropdownNavBtn .dropdown-content {
        left: auto;
        transform: translateX(-50%);
        z-index: 99999;
    }

    .desktop-menu {
        display: block;
    }
    .navbar-toggle {
        display: none;
    }

   
    #mainDrawer {
        display: none;
    }

    .desktop-menu {
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .desktop-menu li {
            list-style: none;
        }

        .desktop-menu a {
            text-decoration: none;
            padding: 8px 12px;
            font-weight: 500;
        }
}

.language-code {
    color: #4C4E49 !important;
    font-family: Roboto;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}


#toast-container .chat-page-toast {
    width: 33% !important;
    bottom: 40px !important;
    background-image: none !important;
    height: 48px !important;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    min-width: 200px;
    max-width: 500px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
    padding-left: 16px !important;
}
#notifications-section .dropdown-content {
    transform: translateX(0%);
}

@media (max-width: 744px) {
    #logoutForm .navbar-nav > li:hover {
        background-color: white !important;
    }
}

.header-count-badge .num {
    color: var(--Text-Body-inverse, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
}

.standaloneFeatureButton.sideMenuOption .header-count-badge {
    top: unset;
}

.protip .standaloneFeatureButton.sideMenuOption .header-count-badge {
    top: -7px;
}

.autotext-header .hamburger {
    width: auto;
    height: auto;
}

.autotext-header .navbar-header {
    margin-left: 8px;
    padding-left: 0px;
}



.autoTextNavbar.header-icon-container {
    /*margin-left: 15px;*/
    display: flex;
    justify-content: center;
}

    #toast-container .chat-page-toast .toast-message {
        line-height: 1.4;
        margin: 0;
    }

    #toast-container .chat-page-toast .toast-close-button {
        padding-top: 4px !important;
        color:#FFF !important;
    }

@media (max-width: 1320px) {
    #toast-container .chat-page-toast {
        width: 40% !important;
        height: fit-content !important;
    }
}

.missedcalls-actions-items {
    flex: 1;
}

.align-right {
    text-align: right !important
}

/*.autotext-header #nav-main-notifs {
    padding-right: 16px;
    padding-left: 16px;
}*/

.autotext-header #userDropdownAvatar {
    margin-right: 0px;
}

@media (max-width: 1024px) {
    .autotext-header #notifications-section .dropdown-content {
        transform: translateX(-95%);
    }
}


.mobile-language-selection {
    list-style: none;
    margin-left: 0px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 40px;
}

.lang-icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: transparent;
}

.mobile-language-selection li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-language-selection li.active .lang-icon {
    background: #4838E4;
}


[v-cloak] {
    display: none !important;
}

.techvideo-icons {
    padding-right: 5px;
    color: #000000;
}

.tech-video-icons {
    max-width: 500px;
    justify-content: space-between;
}

.tech-video-icons *:not(.tooltip-inner) {
    padding-right: 0px;
}
#noteAttachmentsModal input[type="checkbox"] {
    margin-right: 5px;
}

#newTransactionModal, #transactionInvoiceCreateModal {
    font-weight: 400;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
}

.search-container {
    display: flex;
    position: relative;
    align-items: center;
}

.search-icon {
    display: flex;
    padding: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.section-title {
    color: #4C4E49;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    display: flex;
    padding-bottom: 8px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    padding-top: 16px;
}

.customer-manual {
    color: #4C4E49;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.25px;
    margin: 0;
}

.customer-manual-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.name-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.fees-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fees-note {
    display: flex;
    align-items: center;
}

.blackcheckbox {
    border: 2px solid var(--Border-border-090, #1B1C1B);
}

.greenCheckBoxHiddenCheck:checked ~ label > .blackcheckbox {
    background-color: #262B2D;
}

.greenCheckBox:hover::after {
    opacity: 0;
}

#newTransactionModal.modal .control-label, #transactionInvoiceCreateModal .control-label, #itemizeEditModal .modal-body .control-label {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.errormessageRequestCustomer {
    color: var(--Text-Body-error, #B3261E);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    display: flex;
    height: 20px;
    padding: 4px 16px 0 0px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.input-validation-error {
    border-radius: 4px;
    border: 1px solid #B3261E;
}

#textCreditCardFees {
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: 0.5px;
}

#newTransactionModal .form-control, .vehicle-text-input {
    padding: 4px 8px 4px 16px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

#newTransactionModal #requestformfileattachementdiv .addTransactionChooseFileBtn, .addTransactionChooseFileBtn {
    border-radius: 8px;
    border: 1.5px dashed var(--Border-border-030a, #90918D);
    background: var(--Surface-Background-surface-light-000, #FFF);
    display: flex;
    height: 110px !important;
    min-width: 266px;
    padding: 8px;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    cursor: pointer;
    flex-direction: column
}

#newTransactionModal input.form-control.search-icon-text, .custom-customer-search {
    display: flex;
    height: 52px !important;
    min-width: 160px;
    padding: 0 2px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 100px;
    border: 1px solid #C8CCC3;
    padding-left: 40px !important;
}


.paymentRequestRadio {
    accent-color: #1D2B1C;
}

#newTransactionModal #addTransactionSendIsText {
    margin-left: 0px;
}

.payment-method-container {
    display: flex;
    gap: 32px;
    padding-top: 5px;
}

.custom-button-filled {
    display: flex;
    min-width: 65px;
    flex-direction: column;
    border-radius: 100px;
    background: var(--Surface-Background-surface-dark-020, #262B2D) !important;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: var(--Text-Body-inverse, #FFF);
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border: none;
    cursor: pointer;
}

.custom-button-filled:not(.disabled):hover {
    border-radius: 100px;
    background: var(--Surface-Background-surface-dark-020, #262B2D);
    box-shadow: 0 1px 2px 0 rgba(27, 28, 27, 0.30), 0 1px 3px 1px rgba(27, 28, 27, 0.15);
}

.custom-button-default {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--State-layer-Primary-enabled, rgba(24, 54, 2, 0.00));
    color: var(--Text-Body-on-primary, #1D2B1C);
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border:none;
    cursor: pointer;
}

.custom-button-default:hover {
    background: var(--State-layer-Primary-hover, rgba(24, 54, 2, 0.08));
    border-radius: 100px;
}

#newTransactionModal .modal-footer {
    display: flex;
    padding: 16px 8px 16px 0;
    justify-content: flex-end;
    align-items: flex-end;
    align-self: stretch;
    border-top: none;
}

#newTransactionModal .modal-header, .payment-modal-header {
    display: flex;
    padding: 16px !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-bottom: none;
}

#newTransactionModal .modal-title, .payment-header-modal-title {
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 22px;
    line-height: 28px;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
}

.dragfile-text {
    color: var(--Text-Body-primary, #4C4E49);
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.25px;
    font-size: 14px;
    font-weight: 400;
}

.choose-file-text {
    color: var(--Link-light-enabled, #0F62FE);
    line-height: 20px;
    letter-spacing: 0.25px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.payment-radio-button {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
}

.payment-radio-button input[type="radio"] {
    margin: 0px;
}

.payment-language-selection {
    margin-top: 10px;
}

#newTransactionModal .modal-content, .payment-modal-content {
    border-radius: 16px;
    background: var(--Surface-Background-surface-light-000, #FFF) !important;
    box-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.06), 0 8px 24px 0 rgba(15, 23, 42, 0.18);
}

#newTransactionModal .modal-body {
    border-bottom: 1px solid var(--Border-border-010a, #C8CCC3);
    background: var(--Surface-Background-surface-light-000, #FFF);
    border-top: 1px solid var(--Border-border-010a, #C8CCC3);
    padding: 0px 28px 28px 28px;
}

.checkin-logo-container {
    display: flex;
    padding: 8px 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--Surface-Background-surface-light-000, #FFF);
    margin-bottom: 8px;
}

.checkin-logo {
    display: flex;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Surface-Background-surface-light-000, #FFF);
}

.checkin-language-selection {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    align-self: stretch;
}

.checkin-language-links {
    color: var(--Link-light-enabled, #0F62FE);
    line-height: 20px; 
    letter-spacing: 0.25px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.appointment-details-container {
    display: flex;
    max-width: 359px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin: 0px 10px;
}

.appointment-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.appointment-card-container {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--Border-border-000, #EEF2E8);
    background: var(--Surface-Background-surface-light-000, #FFF);
}

.appointment-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.appointment-card-title {
    display: flex;
    padding-bottom: 8px;
    align-items: center;
    align-self: stretch;
    color: var(--Text-Body-primary, #4C4E49);
    font-weight: 500;
    line-height: 20px; 
    letter-spacing: 0.1px;
}

.appointment-card-desc {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.checkin-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.appointment-time {
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.checking-label {
    color: var(--Text-Body-primary, #4C4E49);
    line-height: 20px;
    letter-spacing: 0.25px;
}

.checkin-container .form-group {
    width: 100%
}

.note-sample {
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    display: flex;
    height: 20px;
    padding: 4px 16px 0 16px;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
}

.appointment-add-image {
    display: flex;
    padding-top: 8px;
    justify-content: end;
    gap: 10px;
    align-self: flex-end;
    flex-direction: column;
}

.custom-button-outline {
    display: flex;
    min-width: 65px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--On-primary, #1D2B1C);
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    align-self: stretch;
    width: max-content;
    border-radius: 100px;
    border: 1px solid var(--Border-On-primary, #1D2B1C);
    cursor: pointer;
}

.custom-button-outline:hover {
    background: var(--State-layer-Primary-hover, rgba(24, 54, 2, 0.08));
    color: var(--Text-Body-on-primary, #1D2B1C);
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid rgba(24, 54, 2, 0.08);
}

.checking-add-image {
    display: flex;
    justify-content: end;
}

.checking-actions {
    display: flex;
    padding: 10px 64px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.payment-form-group {
    width: 50%
}

#newTransactionModal #addTransactionNote, .payment-notes {
    height: 88px !important;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('HeaderIcons/down_ddl.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
}

#newTransactionModal .control-label {
    text-transform: lowercase;
}
#newTransactionModal .control-label::first-letter {
    text-transform: uppercase;
}

.image-preview-item {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    max-width: 280px;
    display: flex;
    padding: 12px;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Surface-Background-surface-light-020, #F2F2F2);
}
.image-preview-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkincompleted {
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 24px;
    line-height: 32px;
    display: flex;
    padding-bottom: 16px;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.checkin-thankyou {
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 14px;
    line-height: 20px; 
    letter-spacing: 0.25px;
}

.checkin-completed-icon {
    display: flex;
    padding-bottom: 8px;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.thankyou-checkin-container {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--Border-border-000, #EEF2E8);
    background: var(--Surface-Background-surface-light-000, #FFF);
}

.modal-scroll {
    max-height: 70vh;
    overflow-y: auto;
}

#newTransactionModal input[type="text"],
#newTransactionModal select {
    height: 40px !important;
}

#newTransactionModal .name-container div {
    flex: 1;
}

.transaction-files-preview-item {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Surface-Background-surface-light-020, #F2F2F2);
    margin-top: 4px;
    justify-content: space-between;
}

.transaction-files-preview-container {
    margin-top: 5px;
}

.item-file-name-container {
    display: flex;
    flex: 1;
    gap: 10px;
}

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

#newTransactionModal .form-group {
    margin-bottom: 16px !important;
}

#newTransactionModal .form-group.search-container {
    margin-bottom: 8px !important;
}

.section-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

#newTransactionModal .payment-radio-button input[type="radio"] {
    margin: 0px;
    transform: scale(1.5);
    margin-right: 10px;
}

#newTransactionModal .payment-radio-button {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
    line-height: 32px;
    height: 32px;
}

#newTransactionModal .payment-radio-button .control-label {
    display: flex;
    align-items: center;
}

#newTransactionModal .sub-title-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
}

#newTransactionModal .modal-footer-button-initial button {
    margin-left: 16px;
}

#newTransactionModal .form-control {
    box-shadow: none;
}

.create-transaction-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.payment-search-cust-title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
}

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

.mt-16 {
    margin-top: 16px !important;
}

.search-customer-devider {
    width: 1px;
    background: #c8ccc3;
}

.customername-container {
    width: 376px
}
.customername-firstname {
    display: flex;
    align-items: center;
}

.customername-phone-number {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 135px;
}

.custom-button-filled.btn-small {
    padding: 6px 12px;
    background: var(--Surface-Background-surface-dark-010, #454743) !important;
}
.estimate-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.estimate-repairOrder-action {
    justify-content: end;
    display: flex;
}

.repair-order-delete {
    display: flex;
    justify-content: end;
}

.custom-button-default {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--State-layer-Primary-enabled, rgba(24, 54, 2, 0.00));
    color: var(--Text-Body-on-primary, #1D2B1C);
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    letter-spacing: 0.1px;
}

.custom-button-default:hover {
    background: var(--State-layer-Primary-hover, rgba(24, 54, 2, 0.08));
}

#respondEstimateInner, #viewEstimateBody {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.edit-estimate-actions {
    display: flex;
    justify-content: end;
}

.edit-estimate {
    color: var(--Text-Body-primary, #4C4E49);

    line-height: 20px;
    letter-spacing: 0.25px;
}

.justify-content-center {
    display: flex;
    justify-content: center;
}

.updated-estimate-warning {
    color: #000;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.25px;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 50px 0px;
}

.update-estimate-action {
    display: flex;
    padding: 10px 32px;
    justify-content: center;
}

a.custom-button-filled {
    color: var(--Text-Body-inverse, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    letter-spacing: 0.1px;
}

#updatedEstimateView .respondEstimateInnerContainer {
    padding: 40px;
}

.sentence-case {
    text-transform: lowercase;
}

.sentence-case::first-letter {
    text-transform: uppercase;
}

.view-estimate-container {
    display: flex;
    padding: 10px 12px;
    flex-direction: column;
}

.custom-icon-button-default {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
}
.estimate-action-container {
    display: flex;
    justify-content: space-between;
}

.total-amount-info {
    border-radius: 4px;
    background: var(--Surface-Background-surface-dark-020, #262B2D);
    display: flex;
    width: 280px;
    padding: 8px;
    align-items: flex-start;
    justify-content: space-between;
    color: var(--Text-Body-inverse, #FFF);
    line-height: 20px; 
    letter-spacing: 0.25px;
    width: 100%;
}

.viewEstimateIssueBodyTotalCostLabel, .viewEstimateIssueBodyTotalCostVal {
    font-size: 14px;
    color: var(--Text-Body-inverse, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.viewEstimateIssueBodyTotalCostVal, .respondEstimateIssueFooterTaxesNotIncluded {
    font-size: 16px;
    font-weight: 500;
}

.approve-all-container {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}

.approve-all-container .custom-button-outline, .respondEstimateIssueContainer .custom-button-outline {
    border-radius: 100px;
    border: 1px solid var(--Border-On-primary, #1D2B1C);
    background: var(--State-layer-Primary-enabled, rgba(24, 54, 2, 0.00));
    min-width: 120px;
}

.approve-all-container .custom-button-outline:hover {
    border-radius: 100px;
    background: var(--Surface-Background-surface-dark-020, #262B2D);
    box-shadow: 0 1px 2px 0 rgba(27, 28, 27, 0.30), 0 1px 3px 1px rgba(27, 28, 27, 0.15);
    color: #fff;
}

#respondEstimateInner .respondEstimateIssueBodyViewAttachmentsContainer, #respondEstimateInner .respondEstimateIssueBodyViewAttachments {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#respondEstimateInner #itemstitle {
    margin-bottom: 8px;
}

.respond-estimate-options {
    display: flex;
    justify-content: space-between;
}

.respond-estimate-options-approve {
    border-radius: 100px;
    background: #9FE870 !important;
    border: none !important;
}

.respond-estimate-options-defer {
    border-radius: 100px;
    background: #B3261E !important;
    color: var(--Text-Body-inverse, #FFF) !important;
    text-align: center;
    font-weight: 500;
    border: none !important;
}


.respondEstimateIssueBody .viewEstimateIssueBodyTotalCostVal {
    color: #333;
}


#respondEstimateInner .respondEstimateApprovedTotal, #respondEstimateInnerPrint {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.custom-button-filled:disabled, .custom-button-filled.disabled {
    background: var(--State-layer-Inverse-disabled, rgba(27, 28, 27, 0.08)) !important;
    color: var(--Text-Body-disabled, rgba(27, 28, 27, 0.45));
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.indeterminate-checkbox {
    background: black;
}

.indeterminate-checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 3px;
    background: #ffffff;
    top: 7px;
    left: 4px;
    transform: none;
    opacity: 1;
}

.respond-estimate-ro-details {
    width: 100%;
}

#viewEstimateBody .respondEstimateIssueFooterInnerContainer {
    width: 100%;
}

#viewEstimateBody, #respondEstimateBody {
    padding-bottom: 20px;
}

.disabled, :disabled {
    cursor: not-allowed;
}

#respondEstimateInnerPrint .respondEstimateIssueBody .viewEstimateIssueBodyTotalCostLabel {
    color: #000;
}

.min-width-100 {
    min-width: 100px;
}

.estimate-disclaimer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mud-label {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    position: absolute;
    top: -7px;
    right: 0;
    left: 10px;
    width: fit-content;
    background: var(--Surface-Background-surface-light-000, #FFF);
    padding: 0px 4px;
}

.mud-textbox {
    height: 48px !important;
}

.mud-textbox-container {
    position: relative
}

.checkin-warning-container {
    display: flex;
    padding: 4px 8px 4px 16px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    background: var(--Surface-Background-surface-dark-020, #262B2D);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.checkin-warning-message {
    color: var(--Text-Body-inverse, #FFF);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.svg-close-icon {
    fill: #E6E6E6;
}

.black-checkbox {
    accent-color: #262B2D !important;
}

.exclude-campaign {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-top: 10px;
}

.max-width-200 {
    max-width: 200px;
}

.header-horizontal-devider-campaign {
    background: #C8CCC3;
    width: 95%;
    height: 1px;
    margin: 10px 0px;
}

.custom-button-default.outline {
    border-radius: 132.117px;
    border: 1.321px solid var(--Border-border-020a, #ACACAC);
    width: fit-content;
}

.exclude-campaign-action {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    max-width: 70%;
}

.techVideoCheckLabel {
    font-weight: 500;
}

    .techVideoCheckLabel > label {
        padding: unset;
        margin-bottom: unset;
        top: unset;
    }

.feedback-section:not(:last-child) {
    margin-bottom: 16px;
}

.feedback-section-title {
    margin-bottom: 8px;
    font-weight: 500;
}

.feedback-section-answer {
    padding: 0 16px;
    font-weight: 400;
}

    .feedback-section-answer input[type=radio] {
        margin: 8px;
    }

    .feedback-section-answer textarea {
        resize: none;
    }

    .feedback-section-answer label {
        font-weight: 400;
        margin: 0;
    }

    .feedback-section-answer > div {
        gap: 8px;
    }

a:hover {
    outline: none !important;
}

/* New Modal Styles */
.modal-md {
    width: 544px;
}

.vvmodal .modal-content {
    padding: unset;
}

.vvmodal .modal-header {
    border-bottom: unset;
    padding: 24px 24px 0 24px;
    margin-bottom: 16px;
}

.vvmodal .modal-body {
    padding: 0 24px 16px 24px;
}

.vvmodal .modal-footer {
    border-top: unset;
    padding: 20px 24px;
}

/* AI estimate suggestions (story #6522) */
.ai-sparkle {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    width: 17px;
    height: 16px;
    margin-right: 4px;
}
    .ai-sparkle svg {
        width: 17px;
        height: 16px;
        fill: currentColor;
    }

.ai-suggestions-btn {
    margin-left: auto;
    margin-right: 8px;
}

.ai-suggestions-dialog {
    width: 900px;
}

.ai-suggestions-table th.ai-select-col,
.ai-suggestions-table td.ai-select-col {
    width: 40px;
    text-align: center;
}

.ai-suggestions-table th.ai-confidence-col,
.ai-suggestions-table td.ai-confidence-col {
    white-space: nowrap;
    text-align: right;
}

/* Chip variant: layout, shape and type come from .vv-badge - only the deltas live here. */
.vv-badge.ai-analyzing-chip {
    gap: 12px;
    padding: 4px 8px 4px 12px;
    border: 1px solid var(--Border-border-020a, #ACACAC);
    background: var(--Surface-background-surface-light-005, #F6F6F6);
    color: var(--Icon-primary, #4C4E49);
    white-space: nowrap;
}

    .ai-analyzing-chip .loader {
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border-width: 2px;
        margin: 0;
        flex-shrink: 0;
        border-top: 2px solid #4C4E49;
    }

.ai-suggestions-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 24px 32px;
    text-align: center;
    font-family: 'Roboto';
    align-self: center;
}

    .ai-suggestions-empty-title {
        max-width: 520px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: var(--Text-Body-on-primary, #1D2B1C);
    }

    .ai-suggestions-empty-text {
        max-width: 520px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: var(--Text-Body-primary, #4C4E49);
    }

        .ai-suggestions-empty-text p {
            margin: 0;
        }

.ai-skeleton-row td {
    height: 59px;
}

.ai-skeleton {
    background: #E5E6E3;
    border-radius: 4px;
    animation: aiSkeletonPulse 1.5s ease-in-out infinite;
}

.ai-skeleton-check {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.ai-skeleton-chip {
    width: 56px;
    height: 20px;
}

.ai-skeleton-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ai-skeleton-line-title {
    width: 100%;
    max-width: 180px;
    height: 14px;
}

.ai-skeleton-line-desc {
    width: 100%;
    max-width: 320px;
    height: 12px;
}

.ai-skeleton-confidence {
    width: 96px;
    height: 20px;
    margin-left: auto;
}

@keyframes aiSkeletonPulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}

.ai-suggestions-table th.ai-priority-col,
.ai-suggestions-table td.ai-priority-col,
.ai-suggestions-table th.ai-status-col,
.ai-suggestions-table td.ai-status-col {
    width: 1%;
    white-space: nowrap;
}

#noteAttachmentsModal .ai-suggestions-table th.ai-confidence-col,
#noteAttachmentsModal .ai-suggestions-table td.ai-confidence-col {
    text-align: left;
}

#noteAttachmentsModal .ai-skeleton-confidence {
    margin-left: 0;
}

.ai-status-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.ai-status-badges .vv-badge {
    white-space: nowrap;
}

/* AI estimate suggestions from inspections (#6214): where a suggestion came from (the source chip beside
   the priority), the inspection's evidence under the description, and the MPI list row's chip. */
.ai-suggestions-table th.ai-source-col,
.ai-suggestions-table td.ai-source-col {
    width: 1%;
    white-space: nowrap;
}

.vv-badge.ai-source {
    white-space: nowrap;
}

.vv-badge.ai-source.techvideo {
    border: 1px solid var(--Border-border-010a, #C8CCC3);
    background: var(--Surface-Chips-white, #FFF);
    color: var(--Text-Body-primary, #4C4E49);
}

.vv-badge.ai-source.inspection {
    border: 1px solid var(--blue-7, #9CC7F0);
    background: var(--Surface-Chips-blue, #DEECF9);
    color: var(--Text-Chips-blue, #255B8A);
}

.ai-suggestion-evidence {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--Text-Body-alternate, #666);
}

/* The "use this RO" hint under the estimate modal's RO field (#6214): the customer's other RO with
   AI suggestions waiting, offered when the RO the modal opened with has none. */
.ai-ro-hint {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 6px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: var(--Text-Body-alternate, #666);
}

    .ai-ro-hint .ai-sparkle,
    .ai-ro-hint .ai-sparkle svg {
        width: 14px;
        height: 13px;
        margin: 0;
    }

    .ai-ro-hint .ai-ro-hint-use {
        padding: 0 4px;
        font-size: 12px;
        line-height: 16px;
        min-height: 0;
    }

.mpi-ai-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    white-space: nowrap;
    color: var(--Text-Body-alternate, #666);
}

    .mpi-ai-chip .ai-sparkle,
    .mpi-ai-chip .ai-sparkle svg {
        width: 14px;
        height: 13px;
        margin: 0;
    }

    .mpi-ai-chip.is-pending {
        color: var(--Text-Chips-blue, #255B8A);
    }

    .mpi-ai-chip.is-failed {
        color: var(--Text-Chips-red, #A93A32);
    }

.techvideo-modal-dialog {
    width: 95vw;
}

#ai-suggestions-list .flex-column {
    overflow-x: auto;
}

@media (max-width: 1400px) {
    .techvideo-modal-dialog {
        min-width: 90%;
    }
}

@media (max-width: 991px) {
    .techvideo-modal-dialog {
        min-width: 0;
        width: auto;
        margin: 10px;
    }
}

    .ai-status-badges .vv-badge {
        white-space: nowrap;
    }

.ai-suggestion-title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.ai-suggestion-desc {
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 16px;
    color: var(--Text-Body-alternate, #4C4E49);
}

.ai-suggestions-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .ai-suggestions-footer .vvbtn-container {
        width: auto;
    }

.ai-attach-media {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.ai-info-icon {
    cursor: help;
    display: inline-flex;
}
    .ai-info-icon svg {
        width: 17px;
        height: 16px;
    }

/* Priority column gets a little more breathing room now that the adjoining description
   column reserves space on its own left edge for the AI sparkle marker. */
.priority-cell {
    padding-left: 16px;
}

/* The AI sparkle on a suggested line item is positioned in a left gutter reserved on the
   description cell, rather than inline before the title text, so the title stays flush with
   the description below it instead of being pushed right by the icon. That gutter is reserved
   on every row - not just suggested ones - so titles/descriptions line up across the whole
   table regardless of which rows happen to have a sparkle. Scoped to ai-item-cell rather than
   the shared description-cell class, which other (non-estimate-item, no-sparkle) tables also use
   and shouldn't have this padding applied to. */
.ai-item-cell {
    position: relative;
    padding-left: 28px;
}
.ai-sparkle-item {
    position: absolute;
    left: -12px;
    top: 10px;
    margin-right: 0;
}

.autotext-header #slide-navbar-collapse {
    min-width: 75px;
}

.dealer-name-icon {
    display: flex;
    align-items: center;
}
    }

.min-width-400 {
    min-width: 400px
}

#searchModal .modal-body {
    width: 100%
}

.payment-border-bottom {
  border-bottom:  1px solid var(--Border-border-010a, #C8CCC3);
}

.p-0 {
    padding: 0px;
}

.itemize-header {
    display: flex;
    padding: 16px 28px 8px 28px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: var(--Text-Body-primary, #4C4E49);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.itemize-content {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.itemize-search-container {
    display: flex;
    padding: 0 12px;
    flex-direction: column !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

#transactionInvoiceCreateModal .search-container {
    margin-bottom: 0px !important;
}

.itemize-form-container {
    display: flex;
    padding-bottom: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.itemize-form-item {
    display: flex;
    padding: 0 12px;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.itemize-form-item > .form-group {
    flex: 1 1 0;
    min-width: 0;
}

.itemize-form-item.p-0 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.itemize-form-item.p-0 > .form-group {
    flex: none;
    min-width: 0;
}

.itemize-section-header {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: stretch;
    width: 100%;
}

.itemize-section-header-label {
    color: rgba(76, 78, 73, 0.6);
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.itemize-section-divider {
    height: 0;
    border-top: 1px solid var(--Border-border-010a, #C8CCC3);
    width: 100%;
    align-self: stretch;
}

.form-group.mb-0 {
    margin-bottom: 0px !important;
}

.itemize-service-order {
    padding: 16px;
    border-radius: 8px;
    background: var(--Surface-Background-surface-light-010, #F7F7F7);
    height: fit-content;
    width: 100%;
}

.itemize-service-order-add {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
   
    justify-content: space-between;
}

.view-itemize-total-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.itemize-view-table-container {
    max-height: 500px;
    overflow: auto;
}

.view-itemize-details-container {
    display: flex;
    padding: 8px 0px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.itemize-input {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    display: flex;
    padding: 4px 8px 4px 16px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}


.itemize-devider {
    background: var(--Border-border-010a, #C8CCC3);
    width: 1px;
    padding: 0px;
    margin-bottom: 5px;
}

.itemize-payment-container {
    display: flex;
}

.itemize-add-item {
    flex: 1;
    padding: 0 16px;
   
}

.estimateItemCostsInputsParts .form-control,
.estimateItemCostsInputsLabour .form-control,
.estimateItemCostsInputsOther .form-control, 
.itemize-service-order .estimateTaxSection .form-control {
    width: calc(11ch + 26px);
}

.custom-icon-button {
    display: flex;
    border-radius: 100px;
    border: 1px solid var(--Border-On-primary, #1D2B1C);
    min-width: 65px;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    height: fit-content;
    background: var(--State-layer-Primary-enabled, rgba(24, 54, 2, 0.00));
}

.itemize-description-container {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.itemize-description {
    flex: 1
}

.custom-icon-button:hover {
    border-radius: 100px;
    background: var(--Surface-Background-surface-dark-020, #262B2D);
    box-shadow: 0 1px 2px 0 rgba(27, 28, 27, 0.30), 0 1px 3px 1px rgba(27, 28, 27, 0.15);
    color: var(--Text-Body-inverse, #FFF);
}

.custom-icon-container {
    display: flex;
    align-items: center;
    height: 20px;
    width: 20px;
    justify-content: center;
}

.custom-icon-button:hover svg path {
    fill: var(--Icon-inverse, #E6E6E6);
}

.itemize-item-container {
    margin-top: 16px;
    margin-bottom: 0px;
}

.itemize-ddl-issue {
    flex: 1;
}

.itemize-description-container .itemize-description {
    margin-bottom: 0px !important
}

.itemize-header-container {
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Border-border-010a, #C8CCC3);
    justify-content: space-between;
}

.mainbody.standalone #tble-itemize th.itemize-table-header {
    padding: 6px 8px;
    align-items: center;
    gap: 10px;
    color: var(--Text-Body-on-primary, #1D2B1C);
    font-family: Roboto;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.tble-itemize-td {
    padding: 6px 8px;
    gap: 10px;
}

.itemize-table-desc {
    padding: 4px 0;
}

.itemize-other {
    margin-top: 5px;
}

.itemize-action-container {
    display: flex;
    gap: 5px;

}

.itemize-total-item {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    min-width: 260px;
    font-weight: 500;
    padding: 4px 0px;
}

.itemize-total-container {
    float: right;
    padding-right: 50px;   
}

.itemize-total-value {
    font-weight: 400;
}

#tble-itemize.table > thead > tr > th {
    border-bottom: none;
}

.tble-itemize-row {
    border-bottom: 1px solid var(--Border-border-010a, #C8CCC3);
}

.itemize-total-due-item {
    color: var(--Text-Body-on-primary, #1D2B1C);
    font-size: 22px;
    line-height: 28px;
}

.itemize-actions {
    display: flex;
    gap: 16px;
}

.payment-modal-footer {
    border-top: 1px solid var(--Border-border-010a, #C8CCC3) !important;
    background: var(--Surface-Background-surface-light-000, #FFF);
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

#itemizeEditModal .modal-content {
    background-color: #fff;
}

#itemizeEditModal .modal-body {
    background: var(--Surface-Background-surface-light-010, #F7F7F7);
}

.itemize-edit-footer {
    display: flex;
    justify-content: flex-end;
}


.view-itemize-container {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0px;
}

/*.itemize-customer-details {
    border-radius: 16px;
    background: var(--Surface-Background-surface-light-020, #F2F2F2);
    display: flex;
    padding: 16px;
    justify-content: space-between;
}

.itemize-company-name {
    display: flex;
    padding-bottom: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}*/


.itemize-card-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itemize-card-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 16px;
    background-color: #F2F2F2;
    border-radius: 16px;
    font-family: 'Roboto', sans-serif;
    color: #4C4E49;
}

.itemize-card-profile {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
}

.itemize-card-company {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    padding-bottom: 8px;
}

.itemize-card-client-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 4px;
}

.itemize-card-contact-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
}

.itemize-card-address {
    max-width: 250px; 
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.itemize-card-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0; 
}

.itemize-card-meta-row {
    display: flex;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}

.itemize-card-meta-label {
    font-weight: 400;
}

.itemize-card-meta-value {
    font-weight: 400;
    text-align: right;
}

.itemize-back {
    display: flex;
    align-items: center;
}

@media (max-width: 600px) {
    .itemize-card-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .itemize-card-meta {
        align-items: flex-start;
        text-align: left;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #E0E0E0;
        width: 100%;
    }

    .itemize-card-meta-value {
        text-align: left;
    }
}


.itemize-payment-details-container {
    display: flex;
    padding: 0px 10px 8px 10px;
    align-items: flex-start;
    gap: 28px;
    align-self: stretch;
    justify-content: space-between;
}

.itemize-payment-details, .itemize-addtional-item {
    flex: 1;
}
.form-check {
    padding-left: 5px;
}

.black-checkbox {
    accent-color: #262B2D !important;
}

.itemize-payment-details .fees-container {
    padding-top: 16px;
}

.label-card-fees {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.itemize-payment-details-container, .lable-transaction-send-type {
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
}

#transactionInvoiceCreateModal .errormessageRequestCustomer {
    padding: 5px 0px 5px 16px;
}

.customer-search-modal {
    width: 100%;
}
.mud-textbox-error .input-validation-error {
    border-radius: 4px;
    border: 3px solid var(--Border-error, #B3261E);
}

.mud-textbox-error .errormessageRequestCustomer {
    height: 20px;
    padding: 4px 16px 0 16px;
    color: #B3261E;
}

.mud-textbox-error .mud-label {
    color: var(--Text-Body-error, #B3261E);
}

.estimates-settings-panel-toggle {
    display: none;
}

#estimatesSettingsPanelToggle:checked ~ .flex-between,
#estimatesSettingsPanelToggle:checked ~ .estimates-main-content-wrapper,
#estimatesSettingsPanelToggle:checked ~ #manageEstimatesTablesContainer {
    display: none;
}

#estimatesSettingsPanelToggle ~ #estimatesSettingsPanel {
    display: none;
}

#estimatesSettingsPanelToggle:checked ~ #estimatesSettingsPanel {
    display: flex;
}

.image-preview-item-name {
    display: flex;
    gap: 12px;
}

.image-preview-file {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 20px;
    gap: 4px;
}

.image-preview-close {
    height: 20px;
    height: 20px;
    display: flex;
    align-items: center;
}

.setpassword-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.setpassword-form .form-group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


.setpassword-form .label-text {
    min-width: 140px;
    text-align: left;
}


#login-content.displayblock {
    display: block;
    padding: 0px;
}

.border-none {
    border: none !important;
}

.pay-page {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    padding: 16px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    position: relative;
}

.pay-panel {
    width: 100%;
    max-width: 1338px;
    border-radius: 12px;
    box-shadow: 0 1px 10px rgba(15, 23, 42, .06);
    background: #fff;
    display: flex;
    flex-direction: column
}

.pay-panel--primary {
    padding: 32px 64px;
    gap: 16px;
    box-shadow: 0 2px 24px rgba(15, 23, 42, .18);
    border-radius: 6px
}

.pay-panel--secondary {
    padding: 24px 64px
}

.pay-panel--table {
    padding: 24px 32px
}

.pay-panel-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}


.pay-panel-header--table {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px
}

.pay-section-title {
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
}

.pay-greeting,
.pay-greeting-subtitle {
    margin: 0;
    display: flex;
    gap: 4px;
    font-size: 24px;
    line-height: 32px
}

.pay-greeting-text {
    color: #4c4e49;
    font-weight: 400
}

.pay-greeting-name {
    color: #62398c;
    font-style: italic;
    font-weight: 700
}

.pay-greeting-emphasis {
    color: #4C4E49;
    font-style: italic;
    font-weight: 700
}

.pay-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 32px;
    padding-top: 14px
}

.pay-option-card {
    border-radius: 16px;
    padding: 4px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid var(--Border-border-010a, #C8CCC3);
    background: var(--Surface-Background-surface-light-000, #FFF);
}

.pay-option-card:hover, .pay-quick-action-card:hover {
    border-radius: 16px;
    border: 1px solid var(--Border-border-020a, #ACACAC);
    background: var(--Surface-Background-surface-light-000, #FFF);
    box-shadow: 25px 37px 13px 0 rgba(171, 171, 171, 0.00), 16px 24px 11px 0 rgba(171, 171, 171, 0.01), 9px 13px 10px 0 rgba(171, 171, 171, 0.05), 4px 6px 7px 0 rgba(171, 171, 171, 0.09), 1px 1px 4px 0 rgba(171, 171, 171, 0.10);
}

.pay-option-card a:hover, .pay-quick-action-card a:hover {
    text-decoration: none;
}

.pay-option-card-inner {
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

.pay-option-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px 0;
    background: var(--down-gradient, radial-gradient(251.31% 225.84% at 62.08% 4.17%, #FFF 0%, #F4F3FF 35.1%, #E3E1FF 69.23%, rgba(201, 197, 255, 0.30) 100%));
}

.pay-option-content {
    padding: 16px;
    text-align: center;
    flex: 1
}

.pay-option-title {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    color: #3b4365
}

.pay-option-card:hover .pay-option-title, .pay-quick-action-card:hover .pay-quick-action-title {
    color: #3B4365;
    text-align: center;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
}

.pay-option-description {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #767d93
}

.pay-option-card:hover .pay-option-description {
    color: var(--Text-Body-primary, #4C4E49);
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.pay-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    padding-top: 14px
}

.pay-quick-action-card {
    border-radius: 16px;
    padding: 4px;
    border: 1px solid #c8ccc3;
    background: radial-gradient(ellipse 203% 551% at 91% -13%, rgba(255, 255, 255, .5) 0%, rgba(244, 243, 255, .1) 35%, rgba(227, 225, 255, .1) 69%, rgba(201, 197, 255, .15) 100%)
}

.pay-quick-action-inner {
    border-radius: 14px;
    display: flex;
}

.pay-quick-action-icon {
    display: flex;
    padding: 10px 8px 8px 8px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.pay-quick-action-content {
    flex: 1 0 0;
    display: flex;
    padding: 16px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.pay-quick-action-title {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    color: #3b4365
}

.pay-quick-action-description {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #767d93
}

.pay-btn {
    border: none;
    border-radius: 100px;
    padding: 10px 12px 10px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: .1px;
    background: 0 0;
    color: #1d2b1c
}

.pay-btn:hover {
    background: rgba(0, 0, 0, .03)
}

.pay-btn-icon {
    width: 20px;
    height: 20px
}

.pay-table-wrapper {
    border-top: 1px solid #c8ccc3;
    display: flex;
    flex-direction: column
}

.pay-table-header {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: 48px;
    align-items: center;
    border-bottom: 1px solid #c8ccc3
}

.pay-table-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 44px;
    border-bottom: 1px solid #c8ccc3;
    align-items: center;
    padding: 0 8px
}

.pay-table-cell {
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .25px
}

.pay-table-cell--header {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    font-weight: 400;
    color: #1d2b1c
}

.pay-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: .5px
}

.pay-status-chip--success {
    background: #d3f2ce;
    color: #206a20
}

@media (max-width:1200px) {
    .pay-options-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .pay-quick-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:768px) {

    .pay-panel--primary,
    .pay-panel--secondary,
    .pay-panel--table {
        padding: 16px
    }

    .pay-options-grid,
    .pay-quick-actions-grid {
        grid-template-columns: 1fr
    }

    .pay-panel-header--table {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    .pay-table-header,
    .pay-table-row {
        grid-template-columns: 2fr 1fr 1fr 2fr 1fr
    }
}

.pay-panel-header--table a:hover, .pay-panel-header--table a:focus {
    text-decoration: none;
}

.panel-most-recent-transactions {
    padding: 24px 32px;
}

.AccountsMenuUl.pay-panel {
    box-shadow: none;
    background: none;
    display: flex !important;
    flex-direction: row;
    padding: 0px;
}

.pre-auth-warning-container {
    background-color: var(--bright-yellow-2);
    border: 1px solid var(--bright-yellow-8);
    border-radius: 4px;
    padding: 12px 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}
.pre-auth-warning-text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #4C4E49;
}

.pre-auth-summary-container {
    background-color: var(--bright-yellow-2);
    border: 1px solid var(--bright-yellow-8);
    border-radius: 8px;
    padding: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: inherit;
}

.pre-auth-summary-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.42857;
    color: var(--bright-yellow-11);
    margin-bottom: 8px;
}

.pre-auth-summary-desc {
    font-size: 14px;
    color: #212529;
    margin-bottom: 16px;
    line-height: 1.4;
}

.pre-auth-summary-divider {
    border-top: 1px solid var(--bright-yellow-8);
    padding-top: 12px;
    color: var(--bright-yellow-8);
}

.pre-auth-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pre-auth-summary-label {
    font-size: 14px;
    font-weight: 500;
    color: #212529;
    margin-bottom: 12px;
}

.pre-auth-summary-price-col {
    text-align: right;
}

.pre-auth-summary-price {
    font-weight: 600;
    font-size: 16px;
    color: #212529;
}

.pre-auth-summary-tax-note {
    font-size: 12px;
    color: #6c757d;
}

.pre-auth-summary-item {
    margin-top: 15px;
}

.pre-auth-summary-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.partial-payment-container {
    margin: -10px 0px 0px 0px;
}
.estimate-attachment {
    justify-content: space-between;
    align-items: center;
}

.estimate-attachment-upload-link {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.itemize-form-note {
    display: block;
    width: 100%;
}

.itemize-ddl-issue .specifyOtherEstimateIssueTitleContainer {
    width: 100%;
    margin-top: 5px;
}

.estimate-itemize-description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.itemize-priority-container {
    margin-top: 10px;
}

.estimate-priority-inner-container {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    flex: 1;
}

.estimate-priority-inner-container .estimatesDropdown {
    display: flex;
    justify-content: space-between;
    align-items: start;
    max-width: 90px;
}

.estimate-priority-outer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.estimate-create-modal {
    min-width: 1390px;
    height: 95vh;
    overflow: hidden;
}

/* Generic pattern: a modal whose header/footer stay fixed while its body content scrolls.
   Opt-in via markup classes (not ID-scoped) so any modal can reuse it without duplicating rules:
     .modal-scroll-lock  -> the modal-content wrapper; turns header/body/footer into a flex column
     .modal-fix-header,
     .modal-fix-footer   -> the header/footer; guarantees they never shrink and stay in place
     .modal-flex-fill    -> any pass-through wrapper between modal-content and the scrollable area(s)
     .modal-flex-column   -> combine with .modal-flex-fill when that wrapper stacks its children vertically
     .modal-scroll-body  -> the descendant(s) that should actually scroll (usable more than once, e.g.
                            side-by-side panels that each scroll independently) */
.modal-scroll-lock {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.modal-fix-header,
.modal-fix-footer {
    flex: 0 0 auto;
}

.modal-flex-fill {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.modal-flex-column {
    display: flex;
    flex-direction: column;
}

.modal-scroll-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* #6521: estimate-modal-specific proportions matching Figma — the left panel is fixed at 450px
   with a 12px gutter reserved for its scrollbar (flush against the divider, matching Figma's own
   scrollbar placement there); the right panel keeps its normal padding but gets an 8px margin so
   its scrollbar doesn't sit flush against the modal's outer edge. Margin (not padding) is required
   for that outer gap — a native scrollbar always renders flush against an element's border, so
   padding can only create space before the scrollbar, never after it. ID-scoped because
   .itemize-payment-container and .itemize-add-item are shared bare classes with
   #transactionInvoiceCreateModal / #itemizeViewModal in _Layout.cshtml, which must not get these
   proportions. */
#customerEstimateModal .itemize-payment-container > .p-0.flex-one:not(.itemize-add-item) {
    flex: 0 0 450px;
    width: 450px;
    padding-right: 12px;
}

#customerEstimateModal .itemize-add-item {
    padding: 0 16px;
    margin-right: 16px;
}

#customerEstimateModal .itemize-view-table-container {
    max-height: none;
    overflow: visible;
}

.estimate-title {
    color: var(--Text-Body-on-primary, #1D2B1C);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    
}

.estimate-desc {
    font-weight: 400;
}

.estimate-grand-total {
    display: flex;
    justify-content: space-between;
}

.estimate-action-right {
    display: flex;
    gap: 10px;
    align-items: center;
}

.estimate-attachment-display {
    display: flex;
    align-items: center;
    align-self: stretch;
    max-width: 500px;
    padding: 11px 0 8px 0;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.estimate-attachment-title {
    color: var(--Link-Light-alternate-Enabled, #1285C5);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#customerEstimateModal, #itemizeEstimateEditModal {
    font-family: Roboto !important;
}

#customerEstimateModal .itemize-form-container .form-control, 
#customerEstimateModal .itemize-service-order .form-control,
#itemizeEstimateEditModal .itemize-service-order .form-control {
    border-radius: 4px;
    border: 1px solid var(--Border-border-030a, #90918D);
    background: var(--Surface-Background-surface-light-000, #FFF);
    padding: 4px 8px 4px 16px;
    color: var(--Text-Body-primary, #4C4E49);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    height: 40px !important;
    display: flex;
    align-items: center;
}

#customerEstimateModal select {
    padding-right: 35px;
}

#customerEstimateModal select::after {
    position: absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.estimate-action-icon-container {
    height: 32px;
    width: 32px;
}

.table-action-td {
    padding-top: 6px;
}

.attachment-cell .estimate-attachment-display {
    max-width: 100%;
    padding-right: 10px;
}

.itemize-description-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.template-action {
    width: 200px;
}

.estimate-edit-item {
    display: flex;
    gap: 10px;
}

.employeeid-picker {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 0px 4px;
    height: auto;
    min-height: 28px;
}

.employeeid-picker-input {
    flex: 1 1 120px;
    min-width: 120px;
    border: none;
    outline: none;
    padding: 4px;
}

.employeeid-picker-suggestions {
    position: absolute;
    z-index: 1060;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.employeeid-picker-suggestions li {
    padding: 6px 12px;
    cursor: pointer;
}

.employeeid-picker-suggestions li:hover {
    background-color: #f0f0f0;
}

#searchResultsContainer .customer-name {
    padding-left: 0px;
}

#customerEstimateModalNotesUploadBtn {
    width: fit-content !important;
}

#customerEstimateModal .flatpickr-wrapper {
    width: 100%;
}

#customerEstimateModal .itemize-form-item.p-0 {
    padding: 0px !important;
} 

#estimatefileupload .fileupload {
    fill : #1285C5;
}

#estimateItemAttachmentUploadBtn .fileupload {
    fill: #11181C;
}

/*********** #6521 Estimate redesign - reusable customer-facing estimate styles ***********/

/* The page gutter now belongs to .vv-estimate-page, so the legacy wrapper padding
   (#viewEstimateInner at 20px, plus its <=768px override) is zeroed here to stop the
   two stacking into a 36px gutter. Later source order beats the earlier media query. */
#viewEstimateInner,
#respondEstimateInner {
    padding: 0;
}

.vv-estimate-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vv-estimate-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: var(--surface-light-000);
}

.vv-estimate-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vv-estimate-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.vv-estimate-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 80px;
}

.vv-estimate-title {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-family-base);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: center;
}

.vv-estimate-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--border-010a);
    border-radius: var(--radius-sm);
    background: var(--surface-light-000);
}

.vv-media-gallery {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vv-media-tile {
    position: relative;
    display: block;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--surface-media-dark);
}

.vv-media-tile:hover {
    text-decoration: none;
}

.vv-media-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vv-media-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: var(--surface-media-dark);
    font-size: 20px;
    line-height: 1;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.vv-media-pdf {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--surface-light-000);
    font-size: 56px;
    line-height: 1;
    transform: translate(-50%, -50%);
}

/* Scoped 16:9 overrides. The techvideo component hard-codes width="640" height="264",
   .techVideoSizing forces 300x300 and .estimateAttachment video adds 25px side padding -
   all three are neutralised here only, so other pages keep their sizing. */
.vv-media-tile .video-js,
.vv-media-tile .techVideoSizing,
.vv-media-tile video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 0;
}

/* The component's wrappers are flex-centred boxes; flatten them and keep them unpositioned
   so the player above anchors to .vv-media-tile itself. Their own height stays collapsed -
   .embed-responsive has zero content height, so the absolute fill is what sizes the player. */
.vv-media-tile #tech-video-section,
.vv-media-tile .displayTechVideoCaptionsContainer,
.vv-media-tile .modalItemTV,
.vv-media-tile .scrollable-page-TV {
    position: static;
    display: block;
}

.vv-media-tile [id^="tech-video-container_"] {
    padding-bottom: 0 !important;
}

.vv-estimate-cta {
    padding-top: 16px;
    border-top: 1px solid var(--border-010a);
}

.vv-estimate-stack-tight {
    gap: 8px;
}

.vv-estimate-card-dark {
    border-color: var(--surface-media-dark);
    background: var(--surface-media-dark);
    color: #FFFFFF;
}

.vv-estimate-card-dark .vv-card-eyebrow,
.vv-estimate-card-dark .vv-card-subheading,
.vv-estimate-card-dark .vv-total-value {
    color: #FFFFFF;
}

.vv-estimate-card-dark .vv-divider {
    border-top-color: rgba(255, 255, 255, 0.24);
}

.vv-estimate-chip {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--bright-yellow-8);
    border-radius: 8px;
    background-color: var(--bright-yellow-2);
}

.vv-estimate-chip .vv-card-eyebrow,
.vv-estimate-chip .vv-card-meta {
    color: var(--bright-yellow-11);
}

.vv-estimate-chip .vv-divider {
    border-top-color: var(--bright-yellow-8);
}

.vv-approved-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 8px;
    border-radius: 4px;
    background: var(--surface-media-dark);
    color: #FFFFFF;
}

.vv-approved-card .vv-card-subheading,
.vv-approved-card .vv-card-eyebrow,
.vv-approved-card .vv-total-value,
.vv-approved-card .vv-title-medium {
    color: #FFFFFF;
}

.vv-approved-subtotal-row {
    padding-top: 8px;
}

.vv-approved-amount {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding-top: 8px;
}

.vv-approved-total {
    font-family: var(--font-family-base);
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.vv-approved-toggle {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 100px;
    background: none;
    color: inherit;
    cursor: pointer;
}

.vv-approved-toggle svg {
    transition: transform 150ms ease;
}

.vv-approved-toggle.is-expanded svg {
    transform: rotate(180deg);
}

.vv-confirm-section {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 8px;
}

.vv-confirm-stack label {
    margin-bottom: 0;
    font-weight: 400;
}

.vv-confirm-stack .approve-all-container {
    align-items: flex-start;
    margin: 0;
}

.vv-confirm-stack .greenCheckBox {
    margin-top: 0;
    margin-bottom: 0;
}

.vv-confirm-section .vv-title-medium {
    color: #1D2B1C;
}

.vv-terms-box {
    height: 132px;
    padding: 12px;
    overflow-y: auto;
    border: 1px solid #D9DBD6;
    border-radius: 8px;
    background: var(--surface-light-000);
}

.vv-terms-text {
    color: #6B706B;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    white-space: pre-line;
}

.vv-signature-label {
    color: #1D2B1C;
    font-family: var(--font-family-base);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.vv-signature-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    overflow: hidden;
    border: 1px solid #D9DBD6;
    border-radius: 8px;
    background: #F5F6F5;
}

.vv-signature-box canvas {
    touch-action: none;
    user-select: none;
}

.vv-signature-placeholder {
    position: absolute;
    color: #B2B8B2;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    pointer-events: none;
}

.vv-signature-clear {
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    color: #6B706B;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
}

.vv-signature-clear:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#manageEstimatesPage .vv-tab-content {
    background: var(--Surface-Background-surface-light-005, #F6F6F6);
}

#manageEstimatesPage .vv-card {
    background: #fff;
}

#users-page .templates-page {
    margin-top: 35px;
}

#sendEstimateLanguageDropdown {
    padding: 0px !important;
}

.estimate-upload-container {
    display: flex !important;
}

#customerEstimateBody .itemize-content {
    padding-right: 0px;
}

.capitalize {
    text-transform: capitalize !important;
}

#estimatesSettingsPanel .vv-tab-nav {
    padding: 16px 4px 0 4px;
}
/*********** #6594 Edit Dealer redesign - left tab nav, top save bar, Call features ***********/

.edit-dealer-shell {
    display: flex;
    align-items: stretch;
    min-height: 100%;
}

.add-dealer-content .edit-dealer-tab-nav {
    font-size: 14px;
    margin: 0;
}

.edit-dealer-tab-content {
    flex: 1 1 auto;
    min-width: 0;
}

.edit-dealer-tab-content .vv-save-bar {
    padding-left: 40px;
    padding-right: 40px;
}

#dealer-call-settings .dealerFlexContainer {
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
}

#dealer-business-profile > .dealerFlexContainer,
#pos-terminal-settings {
    max-width: 870px;
    margin: 0 auto;
}

#dealer-business-profile,
#pos-terminal-settings {
    padding: 24px 40px 0;
}

.call-features-stack {
    width: 100%;
    max-width: 743px;
    margin: 0 auto;
    padding-bottom: 24px;
}

.call-features-header {
    margin-bottom: 24px;
}

    .call-features-header h2 {
        margin: 0 0 4px 0;
        font-family: var(--font-family-base);
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        color: var(--text-primary-light);
    }

    .call-features-header p {
        margin: 0;
        font-family: var(--font-family-base);
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: var(--text-primary);
    }

.call-features-master {
    margin-bottom: 24px;
}

#calltotextInitSettings > .vv-field-label {
    margin-bottom: 8px;
}

.vv-option-card-head {
    display: block;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}

    .vv-option-card-head .vv-card-subheading {
        display: block;
    }

#calltotextInitSettings .vv-option-detail .form-control {
    height: 40px;
}

#calltotextInitSettings .vv-option-detail .control-label {
    display: block;
    margin-bottom: 4px;
}

    #calltotextInitSettings .vv-option-detail .control-label .text-danger {
        margin-left: 4px;
    }

#calltotextInitSettings .vv-option-detail .vv-field-help {
    display: block;
    margin-top: 4px;
}

#calltotextInitSettings .vv-option-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

/*********** #6598 Configure Call Connect page ***********/

/* Figma paints the page #F8F9FA behind white cards; it is a raw fill, not a token */
.call-settings-pane.is-configure {
    background-color: #F8F9FA;
}

.callconnect-section .vv-notify-block .form-control {
    max-width: 400px;
}

/* Figma icon button: 20px glyph, 4px state layer, 2px padding */
.vv-removable-list-item .vv-icon-button {
    width: 32px;
    height: 32px;
    padding: 6px;
}


#calltotext-configure {
    margin: 0;
}

.callconnect-configure {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    max-width: 1418px;
    margin: 0 auto;
    padding: 16px 0;
}

.callconnect-configure-main {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 1106px;
}

.callconnect-section {
    display: block;
    scroll-margin-top: 72px;
}

    .callconnect-section + .callconnect-section {
        margin-top: 32px;
    }

.vv-quicknav {
    position: sticky;
    top: 72px;
}

@media (max-width: 1200px) {
    .vv-quicknav {
        display: none;
    }
}

/* Figma sizes each textarea differently; .vv-textfield defaults to the 100px
   used by the greeting and the AI instructions */
.callconnect-textarea--message {
    --vv-textarea-height: 96px;
}

.callconnect-textarea--reply {
    --vv-textarea-height: 56px;
}

.callconnect-textarea--note {
    --vv-textarea-height: 84px;
}

/* Figma: surface-000 on Color/Border/Global/Primary Inverse, radius 12, Ai shadow 010.
   The fill has to be stated here - .vv-card sets border/radius/padding but no background, so
   without this the page's #F8F9FA shows straight through every card. */
#calltotext-configure .callconnect-greeting-card,
#calltotext-configure .callconnect-prompt {
    border-color: var(--border-inverse);
    border-radius: 12px;
    background-color: var(--surface-light-000);

    /* Ai shadow 010 as the effect defines it, not the Tailwind approximation in the sample code */
    box-shadow: 0 1px 2px rgba(11, 18, 32, 0.05), 0 4px 12px -2px rgba(11, 18, 32, 0.04);

    /* .vv-card's own 16px would stack on top of the flex gap below */
    margin-bottom: 0;
}

.callconnect-greeting-card {
    padding: 16px 20px;
}

.callconnect-greeting-body {
    margin-top: 16px;
}

.callconnect-prompt-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#calltotext-configure .callconnect-prompt {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 32px;
    scroll-margin-top: 72px;
}

.callconnect-prompt-body {
    padding: 32px 32px 32px 16px;
    border: 1px solid var(--border-020a);
    border-radius: 16px;
}

.callconnect-transport-body {
    margin-top: 16px;
}

.callconnect-response-required {
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
}

    /* Figma 23:2124 drops the text block 10px so the label sits level with the box */
    .callconnect-response-required-text {
        flex: 1 1 auto;
        min-width: 0;
        padding-top: 10px;
    }

        .callconnect-response-required-text .vv-input-label {
            margin-bottom: 0;
            cursor: pointer;
        }

/* .vv-field-description is 16px and shared with the #6594 landing page and Estimates;
   Figma has every supporting line on this page at VV/Body/medium 14/20 */
.callconnect-section .vv-field-description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.callconnect-prompt-body .vv-input-label {
    margin-top: 16px;
}

    .callconnect-prompt-body .vv-input-label:first-child {
        margin-top: 0;
    }

/* Figma draws the team-member picker as a Text field V2; vue-multiselect styles its
   own closed control, so .vv-textfield cannot reach it */
.callconnect-prompt-body .multiselect__tags {
    min-height: 40px;
    padding: 7px 40px 7px 16px;
    font-size: 16px;
    border: 1px solid var(--slate-7);
    border-radius: 4px;
}

.callconnect-prompt-body .multiselect__single,
.callconnect-prompt-body .multiselect__input,
.callconnect-prompt-body .multiselect__placeholder {
    min-height: 24px;
    margin-bottom: 0;
    padding: 0;
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--text-primary);
}

.callconnect-prompt-body .multiselect__placeholder {
    color: var(--text-muted);
}

.callconnect-prompt-body .multiselect--disabled {
    background: transparent;
    opacity: 1;
}

    .callconnect-prompt-body .multiselect--disabled .multiselect__tags {
        border-color: var(--slate-6);
        background-color: rgba(0, 0, 0, 0.05);
    }

    .callconnect-prompt-body .multiselect--disabled .multiselect__placeholder {
        color: var(--gray-9);
    }

/* vue-multiselect's own option styling is scoped to .form-group, which this page does not use */
.callconnect-prompt-body .multiselect__content-wrapper {
    border: 1px solid var(--border-010a);
    border-radius: 8px;
}

.callconnect-prompt-body .multiselect__option {
    min-height: 36px;
    padding: 8px 12px;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-primary);
    background: var(--surface-light-000);
}

.callconnect-prompt-body .multiselect__option--highlight {
    background: var(--surface-light-010);
    color: var(--text-primary-light);
}

    .callconnect-prompt-body .multiselect__option--highlight::after {
        display: none;
    }

.vv-radio-row .vv-radio-dot {
    width: 24px;
    height: 24px;
}

/* Figma 23:2142 - the whole excluded section body is one card holding the caution, the add
   form and the table. Its border is border-020a at radius 16, not the border-inverse at 12 the
   other cards on this page use, and it carries no shadow */
#calltotext-configure .callconnect-exclude-container {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 16px;
    border: 1px solid var(--border-020a);
    border-radius: 16px;
    background-color: var(--surface-light-000);
    box-shadow: none;

    /* .vv-card's own 16px would stack on top of the section's flex gap */
    margin-bottom: 0;
}

#calltotext-configure .callconnect-exclude-caution {
    margin-bottom: 0;
    border-color: #7D3908;
    background-color: rgba(255, 223, 0, 0.15);
}

/* Figma 23:2147 - the form and the table are separately bordered blocks inside the outer
   card, 16px apart, which is a different gap from the caution above them */
#calltotext-configure .callconnect-exclude-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#calltotext-configure .callconnect-exclude-card {
    padding: 16px 32px;
    border: 1px solid var(--border-020a);
    border-radius: 16px;
}

.callconnect-exclude-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.callconnect-exclude-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

/* No padding - the table runs to the edges, and overflow clips it to the radius */
#calltotext-configure .callconnect-exclude-table {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border-020a);
    border-radius: 16px;
}

/* Figma 23:2172 - a 20px glyph in a 28px state layer, not .vv-icon-button's default 32px ring */
#calltotext-configure .callconnect-exclude-table .vv-icon-button {
    width: 28px;
    height: 28px;
    padding: 4px;
}

@media (max-width: 900px) {
    .callconnect-exclude-fields {
        grid-template-columns: minmax(0, 1fr);
    }
}

/*********** #6599 Test Call Connect message modal ***********/

.cc-test-modal .modal-content {
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
}

/* .vv-modal's own header rule loads after this file and both zeroes the border and re-pads to
   24px, so these have to out-specify it rather than rely on source order */
.vv-modal .modal-header.cc-test-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 6px 8px 16px;
    border-bottom: 1px solid var(--border-010a);
}

/* 22/28 here against the shared modal's 24/32 - and that one is !important */
.vv-modal .modal-header.cc-test-header .modal-title {
    font-size: 22px !important;
    line-height: 28px;
}

.cc-test-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .vv-modal .cc-test-header-actions .cc-test-restart {
        /* 5+20+5+2 = the 32px Figma draws with its stroke inside the frame */
        padding: 5px 12px;
        min-width: 76px;
    }

/* The two columns run to the edges - .vv-modal's own 24px body padding loads after this
   file, so the reset has to out-specify it rather than rely on order */
.vv-modal .modal-body.cc-test-body {
    display: flex;
    align-items: stretch;
    height: 691px;
    max-height: calc(100vh - 180px);
    padding: 0;
}

.cc-test-chat {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.cc-test-transcript {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 24px;
}

.cc-test-composer {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid #D7DBDF;
}

textarea.cc-test-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    max-height: 120px;
    padding: 11px 14px;
    border: 1px solid #D7DBDF;
    border-radius: 8px;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    resize: none;
    box-shadow: none;
    /* a legacy global rule forces min-height: 74px !important on textarea.form-control */
    min-height: 0 !important;
}

    .cc-test-input::placeholder {
        color: #9EA3A6;
    }

/* Three dots while the engine produces the next reply */
.cc-test-typing {
    display: flex;
    gap: 4px;
    align-items: center;
}

    .cc-test-typing span {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--text-muted);
        animation: cc-test-typing-bounce 1.2s infinite ease-in-out;
    }

        .cc-test-typing span:nth-child(2) {
            animation-delay: 0.15s;
        }

        .cc-test-typing span:nth-child(3) {
            animation-delay: 0.3s;
        }

@keyframes cc-test-typing-bounce {
    0%, 60%, 100% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }
}

.cc-test-settings {
    display: flex;
    flex: 0 0 320px;
    flex-direction: column;
    gap: 20px;
    width: 320px;
    padding: 20px;
    /* Not scrollable on purpose: overflow-y would clip the x axis too, and the switch popover is
       wider than this column and overhangs it by design. The content here is bounded - two notices
       and at most six prompts - so it cannot outgrow the panel. */
    overflow: visible;
    border-left: 1px solid #D7DBDF;
    background-color: #F8F9FA;
}

.cc-test-overline {
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.66px;
    color: var(--text-muted);
}

.cc-test-draft-notice {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--bright-yellow-8);
    border-radius: 8px;
    background-color: var(--bright-yellow-2);
    font-family: var(--font-family-base);
    font-size: 12px;
    line-height: 17px;
    color: #704A05;
}

.cc-test-ai-notice {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--slate-7);
    border-radius: 8px;
    background-color: var(--surface-light-000);
    font-family: var(--font-family-base);
    font-size: 12px;
    line-height: 17px;
    color: var(--text-muted);
}

.cc-test-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cc-test-values {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid #D7DBDF;
    border-radius: 10px;
    background-color: var(--surface-light-000);
}

.cc-test-value-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 13px;
    line-height: 19px;
    color: var(--text-primary);
}

/* The popover is a sibling of the switch rather than a child of its label - anything inside
   a label activates that label's control, so the popover's own buttons would have toggled the
   very switch they are asking about */
.cc-test-ai-switch {
    position: relative;
    display: inline-flex;
}

.cc-test-popover {
    top: calc(100% + 8px);
    right: 0;
}

@media (max-width: 900px) {
    .cc-test-body {
        flex-direction: column;
        height: auto;
    }

    .cc-test-settings {
        flex: 0 0 auto;
        width: 100%;
        border-left: none;
        border-top: 1px solid #D7DBDF;
    }
}
/* ---------------------------------------------------------------------------
   #6600 Schedule Shuttle / Valet modal + Route estimates
   --------------------------------------------------------------------------- */

.shuttle-modal-dialog {
    width: 720px;
    max-width: 95%;
    margin: 2.5vh auto;
}

.shuttle-modal {
    max-height: 95vh;
}

/* While the flatpickr calendar is open it must be allowed out of the scrolling body - see the
   onOpen/onClose hooks on the Requested time picker in _Layout.cshtml. */
.shuttle-modal.shuttle-datepicker-open,
.shuttle-modal.shuttle-datepicker-open .shuttle-modal-body {
    overflow: visible;
}

.shuttle-modal-header {
    height: 64px;
    padding: 0 24px;
    border-bottom: 1px solid var(--Border-border-010a, #C8CCC3);
}

.shuttle-modal-header .modal-title {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--Text-Body-primary, #4C4E49);
}

.shuttle-modal-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

    /* Icons/20px/close, centred in the 32px icon button exactly as the design has it. */
    .shuttle-modal-header .vv-icon-button img {
        display: block;
        width: 20px;
        height: 20px;
    }

.shuttle-modal-footer {
    padding: 14px 24px;
    border-top: 1px solid var(--Border-border-010a, #C8CCC3);
}

.shuttle-modal-body {
    display: block;
    padding: 14px 24px 16px;
}

.shuttle-modal-body .form-group {
    margin-bottom: 12px;
}

.shuttle-modal-body .control-label {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: var(--Text-Body-primary, #4C4E49);
    margin-bottom: 2px;
}

.shuttle-modal-body .form-control:not(.greenCheckBoxHiddenCheck) {
    height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--Grays-Slate-7, #D7DBDF);
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--Text-Body-primary, #4C4E49);
}

/* !important is required only to beat the global `textarea.form-control { min-height: 74px !important }`
   at the top of this file; the design gives the note field the same height as every other field. */
.shuttle-modal-body textarea.form-control:not(.greenCheckBoxHiddenCheck) {
    min-height: 40px !important;
    resize: none;
    padding: 8px 16px 6px;
}

.shuttle-modal-divider {
    margin: 4px 0 16px;
}

/* Address row */

.shuttle-address-row .input-group {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}

    .shuttle-address-row .input-group > .form-control {
        flex: 1 1 auto;
        width: auto;
    }

    .shuttle-address-row .input-group-btn {
        width: auto;
        position: relative;
    }

        .shuttle-address-row .input-group-btn > .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            height: 40px;
            min-width: 56px;
            padding: 10px 8px;
            background: var(--Surface-background-xsurface-light-020, #F2F2F2);
            border: 0;
            border-radius: 8px !important;
            box-shadow: none;
            color: var(--Text-Body-primary, #4C4E49);
            font-size: 20px;
            line-height: 20px;
        }

            .shuttle-address-row .input-group-btn > .btn:hover,
            .shuttle-address-row .input-group-btn > .btn:focus,
            .shuttle-address-row .input-group-btn.open > .btn {
                background: #E6E6E6;
            }

            .shuttle-address-row .input-group-btn > .btn .caret {
                margin-left: 0;
            }

/* Type row */

.shuttle-type-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.shuttle-type-label.control-label {
    margin: 0;
    flex: 0 0 auto;
    padding-right: 12px;
}

/* .vv-radio-group stacks its radios in a column by default; the Type row lays them out inline. */
.generalShuttleType.vv-radio-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 1 auto;
    gap: 4px;
    flex-wrap: wrap;
}

    .generalShuttleType.vv-radio-group > label {
        margin-right: 0;
        padding-right: 12px;
    }

.shuttle-type-row .vv-radio {
    gap: 11px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--Text-Body-primary, #4C4E49);
}

.shuttle-type-divider {
    width: 1px;
    height: 20px;
    background: var(--Border-border-010a, #C8CCC3);
    margin: 0 8px 0 0;
}

.shuttle-valet.valetType {
    color: var(--Text-Body-primary, #4C4E49);
    margin-left: 0;
    display: inline-flex;
    align-items: center;
}

.shuttle-valet .greenCheckBoxLabel,
.shuttle-asap .greenCheckBoxLabel {
    margin: 0;
    gap: 12px;
}

    .shuttle-valet .greenCheckBox,
    .shuttle-asap .greenCheckBox {
        float: none;
        margin: 0;
    }

.shuttle-valet .greenCheckBox {
    width: 18px;
    height: 18px;
    border-radius: 2px;
}

    .shuttle-valet .greenCheckBox:after {
        width: 7px;
        height: 4px;
        top: 4px;
        left: 4px;
        border-width: 2px;
        border-top: none;
        border-right: none;
    }

/* Requested time + ASAP */

.shuttle-time-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .shuttle-time-row > .form-control {
        flex: 1 1 auto;
        min-width: 0;
    }

.shuttle-asap {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}

/* Two-column form grid */

.shuttle-form-grid {
    display: flex;
    gap: 16px;
}

.shuttle-form-col {
    flex: 1 1 0;
    min-width: 0;
}

#generalAddShuttleRecordFirstContainer.shuttle-form-col,
#generalAddShuttleRecordSecondContainer.shuttle-form-col {
    width: auto;
    min-width: 0;
}

/* Route estimates */

.vv-route-estimates {
    margin-bottom: 4px;
}

.vv-route-heading {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: var(--Text-Body-primary, #4C4E49);
    margin-bottom: 6px;
}

/* min-height reserves the active height so the strip does not resize when the
   skeleton is replaced by real values. */
.vv-route-strip {
    display: flex;
    align-items: stretch;
    min-height: 61px;
    border: 1px solid var(--Border-border-010a, #C8CCC3);
    border-radius: 8px;
    background: #F6F6F6;
    overflow: hidden;
}

.vv-route-half {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vv-route-divider {
    flex: 0 0 1px;
    background: var(--Border-border-010a, #C8CCC3);
}

.vv-route-label {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--Text-Body-alternate, #666666);
}

.vv-route-values {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 3px;
    white-space: nowrap;
}

.vv-route-metrics {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    min-width: 0;
}

.vv-route-metric,
.vv-route-metric-strong {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.vv-route-metric {
    font-weight: 400;
    color: var(--Text-Body-alternate, #666666);
}

.vv-route-metric-strong {
    font-weight: 600;
    color: var(--Text-Body-primary, #4C4E49);
}

.vv-route-caption {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--Text-Body-alternate, #666666);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vv-route-skeleton-label {
    width: 96px;
    max-width: 100%;
    height: 8px;
}

.vv-route-skeleton-value {
    width: 150px;
    max-width: 100%;
    height: 14px;
    border-radius: 7px;
    margin-top: 8px;
}

.vv-route-strip-error {
    align-items: center;
    gap: 10px;
    padding: 12px 12px 12px 16px;
    background: #FFFFFF;
    border-color: var(--Border-error, #B3261E);
}

.vv-route-error-icon {
    flex: 0 0 20px;
    display: inline-flex;
    align-items: center;
}

    .vv-route-error-icon svg {
        display: block;
        width: 20px;
        height: 20px;
    }

.vv-route-error-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.vv-route-error-title {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--Text-Body-error, #B3261E);
}

.vv-route-error-detail {
    font-family: var(--font-family-base, Roboto), sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--Text-Body-alternate, #666666);
}

.vv-route-retry {
    flex: 0 0 auto;
    min-width: 76px;
    padding: 6px 12px;
    text-decoration: underline;
}

    .vv-route-retry:hover,
    .vv-route-retry:focus {
        text-decoration: underline;
    }

/* #6600: customer fields are readonly (not disabled) when the hosting page already knows who the
   customer is - Chat. readonly keeps them selectable, copyable and in the tab order. */
.shuttle-modal-body .form-control.vv-field-locked,
.shuttle-modal-body .form-control.vv-field-locked:focus {
    background-color: #F0F0F0;
    color: #6B6B6B;
    cursor: default;
    box-shadow: none;
}

/* Field validation, matching the Quick payment link modal (#newTransactionModal). The look comes from
   the shared .input-validation-error / .errormessageRequestCustomer pair in this file; the rule below
   exists only because the modal's own field rule above is (0,3,0) and would otherwise win the border. */
.shuttle-modal-body .form-control.input-validation-error {
    border: 1px solid #B3261E;
}

/* Submit in flight. currentColor because .vvbtn-primary is dark with white text, where the green
   .loader-small would read as a foreign element. */
.vvbtn.is-loading {
    pointer-events: none;
    opacity: 0.75;
}

    .vvbtn.is-loading::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        border: 2px solid currentColor;
        border-top-color: transparent;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
        vertical-align: -2px;
    }

/* CallConnect AI missed-call triage (Chat page, Missed Calls tab). Only High and Low get a pill;
   the wait classes come from the dealer's LongWait / AtRisk minutes (CallConnectTriageRules.BuildWaitInfo). */
.misscall-actions {
    gap: 6px;
}

.triage-pill {
    display: inline-block;
    padding: 0 8px;
    margin-right: 4px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    line-height: 18px;
    vertical-align: 1px;
}

.triage-pill-high {
    background-color: #FCEBEB;
    color: #A32D2D;
}

.triage-pill-low {
    background-color: #F1EFE8;
    color: #5F5E5A;
    border: 1px solid #D3D1C7;
    line-height: 16px;
}

.triage-reason-icon {
    color: #A32D2D;
    margin-right: 2px;
}

.materialBox.missedcall-wait-long {
    border-left: 3px solid #EF9F27;
}

.materialBox.missedcall-wait-risk {
    border-left: 3px solid #E24B4A;
}

.missedcall-wait-chip {
    display: inline-block;
    padding: 0 6px;
    margin-right: 6px;
    border-radius: 50px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
}

.missedcall-wait-chip-long {
    background-color: #FAEEDA;
    color: #854F0B;
}

.missedcall-wait-chip-risk {
    background-color: #FCEBEB;
    color: #A32D2D;
}

.missedcall-triage-strip {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 10px;
    margin: 0.4em;
    max-width: 70%;
    border-radius: 8px;
    font-size: 13px;
}

.missedcall-triage-strip-high {
    background-color: #FCEBEB;
    color: #791F1F;
}

.missedcall-triage-strip-low {
    background-color: #F1EFE8;
    color: #444441;
}

.missedcall-triage-strip .triage-pill-high {
    background-color: #FFFFFF;
}

.missedcall-triage-reason {
    line-height: 18px;
}

/* CallConnect settings: the numbered prompts sit in their own wrapper (shown only with text prompts on)
   inside .callconnect-prompt-list, so it keeps the list's spacing. */
.callconnect-prompt-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.callconnect-response-time-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .callconnect-response-time-fields > div {
        flex: 1 1 200px;
    }
}

/* TechVideos training AI settings (#6608) */

.add-dealer-content .edit-dealer-tab-nav > li > a {
    text-align: left;
}

.add-dealer-content .edit-dealer-tab-nav > li.active > a,
.add-dealer-content .edit-dealer-tab-nav > li.active > a:hover,
.add-dealer-content .edit-dealer-tab-nav > li.active > a:focus,
.add-dealer-content .edit-dealer-tab-nav > li.active > a:active {
    text-decoration: underline;
}

.ai-review-pane .vvbtn.is-loading {
    background-color: #262B2D;
    color: #FFF;
    pointer-events: none;
}

.ai-review-pane .vvbtn.is-loading > span:not(.loader) {
    visibility: hidden;
}

.ai-review-pane .vvbtn .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-width: 2px;
    margin: -8px 0 0 -8px;
    flex-shrink: 0;
    border-color: rgba(255, 255, 255, 0.35);
    border-top-color: #FFFFFF;
    animation: spin 0.8s linear infinite;
}

.ai-review-loading {
    display: flex;
    justify-content: center;
    padding: 64px 0;
}

.ai-review-loading .loader {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-width: 3px;
    margin: 0;
    animation: spin 0.8s linear infinite;
}

.ai-review-pane .vv-page-subheader {
    padding: 12px 40px;
}

.ai-review-pane .vv-page-subheader-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    color: var(--text-primary-light);
}

.ai-review-stack {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    padding: 24px 0 40px;
}

.ai-review-pane .vv-card {
    padding: 0;
}

.ai-review-master {
    padding: 16px 24px !important;
}

.ai-review-card-heading {
    padding: 8px 24px;
    margin: 0;
    border-bottom: 1px solid var(--border-010a);
}

.ai-review-error {
    margin-top: 12px;
}

.ai-review-check-row {
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-010a);
}

.ai-review-check-row.is-last,
.ai-review-check-row:last-of-type {
    border-bottom: none;
}

.ai-review-check-text {
    min-width: 0;
}

.ai-review-check-instruction {
    margin: 8px 0 0 0;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-primary);
}

.ai-review-pass-example {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid var(--slate-6);
    border-radius: 4px;
    background: #FAFAFA;
}

.ai-review-pass-label {
    flex: 0 0 auto;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #1E5B2E;
}

.ai-review-pass-text {
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-alternate);
}

.ai-review-custom-head {
    padding: 8px 24px;
    border-bottom: 1px solid var(--border-010a);
    align-items: flex-start;
}

.ai-review-custom-head .ai-review-card-heading {
    padding: 0;
    border-bottom: none;
}

.ai-review-check-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.ai-review-icon-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ai-review-icon-row .vv-icon-button > svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.ai-review-custom-head + .ai-review-footnote {
    border-top: none;
}

.ai-review-footnote {
    display: flex;
    align-items: center;
    min-height: 76px;
    margin: 0;
    padding: 16px 24px;
    border-top: 1px solid var(--border-010a);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: #FAFAFA;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--text-alternate);
}

#ai-review-check-modal .modal-dialog {
    width: 640px;
}

.ai-review-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.ai-review-modal-header::before,
.ai-review-modal-header::after {
    display: none;
}

.vv-modal .modal-header.ai-review-modal-header {
    padding: 15px 16px 15px 24px;
    border-bottom: 1px solid #EAEAEA;
}

.vv-modal .modal-header.ai-review-modal-header .modal-title {
    font-size: 18px !important;
    font-weight: 500;
    line-height: 22px;
}

#ai-review-check-modal .ai-review-modal-close > svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

#ai-review-check-modal .modal-body {
    padding: 20px 24px 22px;
}

#ai-review-check-modal .modal-footer {
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #EAEAEA;
}

.ai-review-required {
    color: var(--surface-global-error);
}

.ai-review-field-spacer {
    margin-top: 16px;
}

.ai-review-textarea {
    height: auto;
    min-height: 72px;
    resize: vertical;
}



/* Multi-point inspection desktop page (#6214) - Views/MPI, Scripts/VueComponents/mpi-component.js */
.close-div {
    display: flex;
    padding: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    opacity: 1 !important;
}


.mpi-page-section {
    padding: 8px 16px;
}


.mpi-top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mpi-header-heading-section {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mpi-header-heading-icon {
    display: flex;
    padding: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mpi-header-heading-text {
    color: #1D2B1C;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.mpi-header-button {
    display: flex;
    min-width: 65px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

/* The list (Views/MPI/Index) is the TechVideos table (#6660): the universal .vv-table pieces in vvstyle.scss
   plus TechVideos' own unscoped layout classes (.tv-card-wrap, .tv-controls-row, .tv-date-field, .tv-icon,
   .tv-table, .tv-actions), so the two tables look and behave the same. Only what differs is here. Like the
   TechVideos page it is a column that fills the height, so only the rows scroll. */
.datatablesPageSpacing.mpi-list-page {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    font-family: var(--font-family-base);
    background-color: var(--surface-global-010, #F8F9FA);
}

    .mpi-list-page > .alert {
        flex-shrink: 0;
        margin-bottom: 16px;
    }

#mpiListSection {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

    #mpiListSection > .mpi-top-section {
        flex-shrink: 0;
        min-height: 48px;
        margin-bottom: 16px;
    }

/* Date, customer, RO, advisor, technician and status are auto (121px minimum, --vv-col-min); VIN fits 17
   characters, the counts their four icon groups, Actions one 48px button plus the 12px scrollbar spacer:
   6 x 121 + 170 + 200 + 72 = 1168, and the rows' own scrollbar takes another 12. */
.mpi-card {
    --vv-table-min-width: 1180px;
    flex: 1 1 auto;
    min-height: 460px;
}

/* wider than TechVideos' 270px: the placeholder names both things it finds ("...or 17-digit VIN") */
.mpi-card .tv-controls-row .vv-searchbar {
    width: 340px;
}

.mpi-list-page .mpi-table th.col-vin {
    width: 170px;
}

.mpi-list-page .mpi-table th.col-counts {
    width: 200px;
}

.mpi-list-page .mpi-table .col-actions {
    --vv-col-min: 72px;
}

.mpi-list-page .mpi-table th.col-actions {
    width: 72px;
}

.mpi-list-page .mpi-table td.col-vin {
    overflow-wrap: normal;
}

.mpi-list-page .mpi-table td.col-actions,
.mpi-list-page .mpi-table th.col-actions {
    padding-left: 0;
    padding-right: 12px;
}

.mpi-list-page .mpi-table td.col-actions {
    padding-top: 2px;
    padding-bottom: 2px;
}

.mpi-counts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
}

    .mpi-count {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
    }

/* the row's "more" menu: left-aligned black text (the shared .vv-menu-item is already left-aligned) */
.vv-menu.mpi-row-menu .vv-menu-item {
    color: var(--text-global-primary, #11181C);
}

    .vv-menu.mpi-row-menu .vv-menu-item:disabled {
        color: var(--text-alternate-2);
    }

/* The MPI form host frames the mobile app's web build: keep it at phone/tablet width, centred. */
.mpi-form-column {
    /* Wider than the phone column it started as (640px, 2026-10-02), still not the full page: the
       Flutter build is the mobile app's layout, and at full width it read as oversized (asked 2026-10-03). */
    max-width: 960px;
    margin: 0 auto;
}
.mpi-form-header {
    min-height: 48px;
    gap: 12px;
    padding: 0 0 12px;
}
.mpi-form-header .mpi-header-heading-text {
    font-size: 20px;
    line-height: 28px;
}
.mpi-form-frame {
    display: block;
    width: 100%;
    height: calc(100vh - 190px);
    min-height: 600px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: #fff;
}

/* ---------------------------------------------------------------- estimate list page (#6637) */

/* The new list page (everything but the standalone skin's legacy tables) uses the same 8px 16px page padding as the other
   table pages (.datatablesPageSpacing.techvideos-page); #manageEstimatesPage's own 20px 40px 40px comes from newSite.css
   and mcStandalone.scss by id, hence the id here. */
#manageEstimatesPage.estimates-list-host {
    padding: 8px 16px;
}

.estimate-list-page {
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-base);
    color: var(--on-primary);
}

.estimate-list-page button {
    font-family: var(--font-family-base);
}

.estimate-list-page .est-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0;
}

/* Figma 1:826 sizes the three Estimates tabs (the shared subtle segmented control is content-sized) */
.estimate-list-page .vv-segmented.is-subtle {
    height: 40px;
}

.estimate-list-page .vv-segmented.is-subtle .vv-segmented-option {
    width: 121.33px;
    height: 34px;
}

.estimate-list-page .est-list-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.estimate-list-page #automatedFollowUpBtn,
.estimate-list-page #viewEstimatesTemplatePageBtn {
    margin-left: 0;
}

.estimate-list-page .vvbtn {
    min-width: 97px;
    height: 40px;
    font-family: var(--font-family-base);
}

.estimate-list-page .vvbtn-primary {
    background-color: var(--surface-button-primary);
    color: var(--text-primary-inverse);
}

.estimate-list-page a.vvbtn-primary:hover,
.estimate-list-page a.vvbtn-primary:focus {
    color: var(--text-primary-inverse);
}

.estimate-list-page .vvbtn-secondary {
    border: 1px solid var(--border-global-primary);
    background-color: transparent;
    color: var(--text-global-primary);
}

.estimate-list-page a.vvbtn-secondary:hover,
.estimate-list-page a.vvbtn-secondary:focus {
    color: var(--text-global-primary);
}

.estimate-list-page .vv-icon-button {
    margin: 0;
}

.estimate-list-page .vv-icon-button.is-large {
    width: 48px;
    height: 48px;
    padding: 12px;
}

.estimate-list-page .vv-icon-button:disabled {
    opacity: 0.38;
    cursor: default;
    background: transparent;
}

.estimate-list-page .est-list-card {
    transition: opacity 0.15s ease;
}

.estimate-list-page .est-list-filterbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 6px 16px;
    background-color: var(--surface-light-000);
}

.estimate-list-page .est-list-filters-left {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    padding: 6px 0;
}

.estimate-list-page .est-list-filters-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.estimate-list-page .est-list-status-chip,
.estimate-list-page .est-list-range-chip {
    min-width: 172px;
}

.estimate-list-page .est-list-date-field {
    width: 153px;
}

.estimate-list-page .est-list-date-field .flatpickr-wrapper {
    width: 100%;
}

.estimate-list-page .est-list-filter-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 52px;
}

.estimate-list-page .est-list-searchbar {
    width: 290px;
}

.estimate-list-page .est-list-divider {
    display: block;
    width: 1px;
    height: 29px;
    margin: 0 4px;
    background-color: var(--border-010a);
}

.estimate-list-page .est-list-filter-actions .est-list-divider + .vv-icon-button {
    margin-left: -14px;
}

.estimate-list-page .est-list-body {
    height: var(--est-list-body-height, calc(100vh - 340px));
    transition: opacity 0.15s ease;
}

.estimate-list-page .est-list-table {
    /* columns are percentages of the Figma frame, not the shared 121px minimum */
    --vv-col-min: 0px;
    min-width: 1100px;
}

/* Only the call-request and Actions columns have a width; every other column is auto, and in a fixed-layout table the
   auto columns split what is left equally, so the free space never piles up in one column whatever columns the dealer
   has switched on. */
.estimate-list-page .est-list-table th.col-call {
    width: 44px;
}

.estimate-list-page .est-list-table th.col-actions {
    width: 180px;
}

.estimate-list-page .est-list-body.is-skeleton {
    overflow: hidden;
}

.estimate-list-page .est-list-row {
    height: 60px;
}

.estimate-list-page .col-call .est-list-call-icon {
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 4px;
}

.estimate-list-page .col-status .vv-status-chip {
    margin-top: -2px;
}

.estimate-list-page .est-list-counts {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 7px;
}

.estimate-list-page .est-list-count {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: var(--text-primary);
}

.estimate-list-page .est-list-count.is-approved {
    color: var(--green-10);
}

.estimate-list-page .est-list-icon-check {
    -webkit-mask-image: url("Images/checkIcon.svg");
    mask-image: url("Images/checkIcon.svg");
}

.estimate-list-page .est-list-icon-close {
    -webkit-mask-image: url("HeaderIcons/close_small.svg");
    mask-image: url("HeaderIcons/close_small.svg");
}

.estimate-list-page .est-list-icon-call {
    -webkit-mask-image: url("HeaderIcons/call_request.svg");
    mask-image: url("HeaderIcons/call_request.svg");
}

.estimate-list-page .est-list-icon-more {
    -webkit-mask-image: url("HeaderIcons/more_vertical.svg");
    mask-image: url("HeaderIcons/more_vertical.svg");
}

.estimate-list-page .est-list-count.is-deferred {
    gap: 2px;
    color: var(--error);
}

/* The cell is a table-cell, so the flex container is a wrapper inside it: the chip is centred in the cell, which is
   centred in the 60px row. */
.estimate-list-page td.col-parts {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.estimate-list-page .est-list-parts {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    min-height: 44px;
}

.estimate-list-page .est-list-media-viewed {
    border-radius: 2px;
}

.estimate-list-page .est-list-media-viewed:focus-visible {
    outline: 2px solid var(--on-primary);
    outline-offset: 1px;
}

.estimate-list-page .est-list-actions {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Record rows: .vv-row-actions (vvstyle.scss) - 48px buttons overlapping by 8px, 24px glyphs. The 48px circle is taller
   than the 36px-inset cell text, so the cell gives the 11px top inset and 8px bottom padding back. */
/* the page-wide .vv-icon-button { margin: 0 } above would otherwise win the overlap on source order */
.estimate-list-page .vv-row-actions .vv-icon-button {
    margin: 0 0 0 -8px;
}

.estimate-list-page .vv-row-actions .vv-icon-button:first-child {
    margin-left: 0;
}

.estimate-list-page td.col-actions,
.estimate-list-page td.col-li-actions {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 12px;
    vertical-align: middle;
}

.estimate-list-page .est-list-action {
    width: 48px;
    height: 48px;
    margin: 2px 0;
    padding: 4px;
}

#estListDismissAllMenuBtn .vv-mask-icon {
    height: 24px;
    width: 24px;
}

.estimate-list-page .est-list-callback-header td {
    height: 36px;
    padding: 2px 8px 2px 12px;
    border-bottom: none;
    background-color: var(--red-9);
    vertical-align: middle;
}



.estimate-list-page .est-list-callback-header:hover td {
    background-image: none;
}

.estimate-list-page .est-list-callback-header td.col-actions {
    padding: 2px 8px;
}

.estimate-list-page .est-list-callback-header .est-list-actions {
    padding-top: 0;
}

.estimate-list-page .est-list-callback-header .est-list-action {
    margin: 0 0 0 72px;
}

.estimate-list-page .est-list-callback-header .vv-icon-button:hover,
.estimate-list-page .est-list-callback-header .vv-icon-button:focus {
    background: rgba(255, 255, 255, 0.16);
}

.estimate-list-page .est-list-callback-title {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #FFF;
}

.estimate-list-page .est-list-callback .est-list-row td:first-child {
    border-left: 1.5px solid var(--red-9);
}

.estimate-list-page .est-list-callback .est-list-row td:last-child {
    border-right: 1.5px solid var(--red-9);
}

.estimate-list-page .est-list-callback-header td:first-child {
    border-left: 1.5px solid var(--red-9);
}

.estimate-list-page .est-list-callback-header td:last-child {
    border-right: 1.5px solid var(--red-9);
}

.estimate-list-page .est-list-callback .est-list-row:last-child td {
    border-bottom: 1.5px solid var(--red-9);
}

.estimate-list-page .est-list-callback .est-list-row:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.estimate-list-page .est-list-callback .est-list-row:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.estimate-list-page .est-list-empty {
    box-sizing: border-box;
    min-height: var(--est-list-body-height, calc(100vh - 340px));
    padding: 160px 16px 40px;
}

.estimate-list-page .est-list-empty .vvbtn {
    margin-top: 16px;
}

.estimate-list-page .est-list-history {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 195px;
    margin: 0;
    padding: 0 0 0 21px;
    list-style: disc;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--on-primary);
    user-select: text;
}

.estimate-list-page .est-list-history li {
    display: list-item;
}

.estimate-list-page .est-list-history-status {
    display: block;
}

.estimate-list-page .est-list-history-date {
    display: block;
    margin-left: -1px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--text-alternate);
}

/* ---------------------------------------------------------------- estimate list: line items tab (#6640) */

/* Same rule as the list: only Actions has a width, the other columns share the rest equally. */
.estimate-list-page .est-li-table th.col-li-actions {
    width: 100px;
}

.estimate-list-page .est-li-table .est-li-clamp {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.estimate-list-page .est-li-item {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.estimate-list-page .est-li-item .est-li-clamp {
    flex: 1 1 auto;
    min-width: 0;
}

.estimate-list-page .est-li-notes-btn {
    flex-shrink: 0;
    margin-top: -3px;
    width: 28px;
    height: 28px;
}

.estimate-list-page .est-li-priority {
    width: 100%;
    max-width: 84px;
    margin-top: -3px;
}

.estimate-list-page .est-li-body {
    position: relative;
}

.estimate-list-page .est-li-cap-notice {
    padding: 8px 16px;
    border-bottom: 1px solid var(--border-010a);
    background-color: var(--surface-light-010);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--text-primary);
}

.estimate-list-page .est-li-desc {
    width: 321px;
}

.estimate-list-page .est-li-desc-text {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--on-primary);
    white-space: pre-wrap;
    word-break: break-word;
    user-select: text;
}

/* ---------------------------------------------------------------- estimate list: customer tab (#6641) */

.estimate-list-page .est-cust-search {
    gap: 8px;
    align-items: flex-start;
}

.estimate-list-page .est-cust-field {
    display: flex;
    flex-direction: column;
}

.estimate-list-page .est-cust-searchbar {
    width: 354px;
}

.estimate-list-page .est-cust-helper {
    margin: 4px 0 0 16px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: var(--error);
    white-space: nowrap;
}

.estimate-list-page .est-cust-helper:empty {
    display: none;
}

.estimate-list-page .est-cust-table {
    min-width: 0;
}

.estimate-list-page .est-cust-table th.col-cust-actions {
    width: 180px;
}

.estimate-list-page .est-cust-cell {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estimate-list-page .est-cust-body.is-skeleton .vv-table-skeleton {
    background-color: var(--surface-light-000);
}

/* ---- RO Hub on the Chat page (only where RO Hub is on): the customer's open RO above the thread, sticky so it
   stays in view, and a chip in the conversation list */
#chatPane .rohub-chat-strip {
    position: sticky;
    top: 0;
    /* above the thread's bubbles, which are .messages { z-index: 2 } and come later in the page, so at an equal
       z-index they painted over the strip once the thread scrolled */
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 8px;
    padding: 8px 12px;
    border: 1px solid var(--border-010a, #ddd);
    border-radius: 8px;
    background-color: var(--surface-light-000, #fff);
    font-size: 13px;
    line-height: 20px;
}

#chatPane .rohub-chat-strip-ro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
}

#chatPane .rohub-chat-strip-icon {
    color: var(--text-muted, #666);
}

#chatPane .rohub-chat-strip-number {
    font-weight: 600;
}

#chatPane .rohub-chat-strip-meta {
    color: var(--text-muted, #666);
}

#chatPane .rohub-chat-strip-link {
    margin-left: auto;
    font-weight: 600;
    white-space: nowrap;
}

.rohub-chat-ro-chip {
    display: inline-block;
    max-width: 100%;
    margin-top: 2px;
    padding: 0 8px;
    border: 1px solid var(--slate-8, #ccc);
    border-radius: 100px;
    font-size: 11px;
    line-height: 16px;
    color: var(--text-muted, #666);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* an Admin previewing RO Hub where it is off ("Preview RO tips") */
#chatPane .rohub-chat-strip-preview {
    padding: 0 8px;
    border-radius: 100px;
    background-color: var(--bright-yellow-3, #fff3c4);
    font-size: 11px;
    line-height: 18px;
    color: var(--bright-yellow-11, #7a5a00);
}

:root{--font-family-base:'Roboto',sans-serif;--state-layer-primary-hover:rgba(24,54,2,.06);--state-layer-primary-active:rgba(24,54,2,.12);--radio-border:#999c94;--Surface-Chips-blue:#deecf9;--Text-Chips-blue:#255b8a;--radius-sm:12px;--text-alternate-2:rgba(76,78,73,.6);--link-light-alternate:#1285c5;--surface-media-dark:#262b2d;--bright-yellow-2:#fffce8;--bright-yellow-4:#fff8bb;--bright-yellow-7:#efd36c;--bright-yellow-8:#ebbc00;--bright-yellow-11:#946800;--surface-global-error:#aa2429;--text-primary-inverse:#ecedee;--slate-fill:#e6e8eb;--text-quicknav:var(--text-muted);--text-quicknav-active:#11181c;--green-check:#76c644;--slate-7:#d7dbdf;--slate-8:#c1c8cd;--text-global-primary:#11181c;--on-primary:#1d2b1c;--border-inverse:#ededed;--surface-global-010:#f8f9fa;--slate-1:#fbfcfd;--slate-6:#dfe3e6;--gray-9:#8f8f8f;--text-muted:#687076;--chat-inbound:#d2e3f9;--chat-outbound:#d3e8d1;--border-090:#1b1c1b;--colors-grass-3:#ebf9eb;--colors-grass-7:#97cf9c;--text-chips-green:#206a20;--colors-green-9:#30a46c;--bright-yellow-3:#fffbd1;--bright-amber-alpha-9:rgba(255,166,0,.86);--colors-orange-3:#fff1e7;--colors-orange-7:#ffb381;--colors-orange-9:#f76b15;--colors-orange-11:#bd4b00;--colors-red-3:#ffefef;--colors-red-7:#f3aeaf;--colors-red-9:#e5484d;--colors-red-11:#cd2b31;--gray-inverse-8:#505050;--gray-inverse-11:#a0a0a0;--slate-inverse-12:#ecedee;--border-050:#656663;--border-global-primary:#6f6f6f;--surface-button-primary:#151718;--blue-3:#edf6ff;--blue-7:#96c7f2;--blue-11:#006adc;--red-9:#e5484d;--green-10:#299764;--error:#b3261e;--shadow-elevation-01:0 1px 2px 0 rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);--shadow-elevation-02:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);--shadow-table-010:0 1px 6px 0 rgba(17,24,28,.2);}.vv-badge{font-family:var(--font-family-base);display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:50px;font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.5px;}.vv-badge.responded,.vv-badge.confidence{background:var(--Surface-Chips-green,#d3f2ce);color:var(--Text-Chips-green,#206a20);}.vv-badge.used{border:1px solid var(--Border-border-020a,#acacac);background:var(--Surface-Chips-grey,#e5e5e5);color:var(--Text-Body-alternate,#666);}.vv-badge.employeeid{border:1px solid var(--Border-border-010a,#c8ccc3);background:var(--Surface-Chips-white,#fff);color:var(--Text-Body-primary,#4c4e49);padding:2px 4px;}.vv-badge.viewed,.vv-badge.sent{border:1px solid var(--Border-border-010a,#c8ccc3);background:var(--Surface-Chips-white,#fff);color:var(--Text-Body-primary,#4c4e49);}.vv-badge.priority-low{border:1px solid var(--bright-yellow-7,#efd36c);background:var(--bright-yellow-4,#fff8bb);color:var(--bright-yellow-11,#946800);}.vv-badge.draft,.vv-badge.used{border:1px solid var(--Border-border-020a,#acacac);background:var(--Surface-Chips-grey,#e5e5e5);color:var(--Text-Body-alternate,#666);}.vv-badge.deleted{background:var(--Surface-Chips-red,#ffd1d1);color:var(--Text-Chips-red,#6d0a0a);}.vv-badge.blue{background:var(--Surface-Chips-blue,#deecf9);color:var(--Text-Chips-blue,#255b8a);}.vv-badge.black{background:var(--Surface-Chips-black,#636363);color:var(--Text-Body-inverse,#fff);}.vv-badge.priority-high{border:1px solid var(--Colors-Red-8,#eb9091);background:var(--Surface-Chips-red,#ffd1d1);color:var(--Text-Chips-red,#6d0a0a);}.vv-badge.priority-medium{border:1px solid var(--Colors-Red-8,#eb9091);background:var(--Surface-Chips-yellow,#fcedc2);color:var(--Text-Chips-yellow,#7a5b00);}.vv-badge.parts-return{padding:4px 12px 4px 4px;gap:6px;border:1px solid var(--bright-yellow-7,#efd36c);background:var(--bright-yellow-4,#fff8bb);color:var(--bright-yellow-11,#946800);}.vv-badge.parts-return>svg{width:20px;height:20px;flex-shrink:0;}.vv-badge.ai-review{min-width:56px;border:1px solid transparent;white-space:nowrap;cursor:pointer;}.vv-badge.ai-review:hover,.vv-badge.ai-review:focus-visible{filter:brightness(.96);}.vv-badge.ai-review:focus-visible{outline:2px solid var(--text-primary-light);outline-offset:1px;}.vv-badge.ai-excellent{border-color:var(--colors-grass-7,#97cf9c);background:var(--colors-grass-3,#ebf9eb);color:var(--text-chips-green,#206a20);}.vv-badge.ai-good{border-color:var(--bright-yellow-7,#efd36c);background:var(--bright-yellow-3,#fffbd1);color:var(--bright-yellow-11,#946800);}.vv-badge.ai-fair{border-color:var(--colors-orange-7,#ffb381);background:var(--colors-orange-3,#fff1e7);color:var(--colors-orange-11,#bd4b00);}.vv-badge.ai-needs-work{border-color:var(--colors-red-7,#f3aeaf);background:var(--colors-red-3,#ffefef);color:var(--colors-red-11,#cd2b31);}.vv-badge.ai-speech-unclear{border-color:var(--gray-inverse-11,#a0a0a0);background:var(--gray-inverse-8,#505050);color:var(--slate-inverse-12,#ecedee);}.vv-badge-remove{background:transparent;border:none;padding:0;margin:0;color:inherit;cursor:pointer;line-height:1;}.icon-btn{padding:8px;display:inline-flex;border-radius:100px;cursor:pointer;}.icon-btn:hover{background:var(--State-layer-Primary-hover,rgba(24,54,2,.08));}.no-border{border:none !important;}.vv-lite-table{width:100%;border:1px solid var(--Border-border-010a,#acacac);border-radius:8px;border-collapse:separate;font-family:"Roboto";}.vv-lite-table.noborder{border:none;}.vv-lite-table th{border-bottom:1px solid var(--Border-border-010a,#acacac);padding:8px;}.vv-lite-table td{padding:0 8px;border-bottom:1px solid var(--Border-border-010a,#c8ccc3);}.vv-lite-table.sparse td{padding:8px;}.vv-lite-table tbody tr:last-child td{border-bottom:none;}.vv-panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-010a);padding:12px 16px;flex-shrink:0;}.vv-panel-header-title{display:flex;align-items:center;gap:10px;}.vv-panel-header-title h4{margin:0;font-family:var(--font-family-base);font-size:22px;font-weight:400;color:var(--text-primary);}.vv-panel-body{display:flex;align-items:stretch;flex:1 1 auto;min-height:0;overflow:hidden;}.vv-panel-body.vv-stack{overflow-y:auto;}.vv-stack{display:flex;flex-direction:column;gap:16px;max-width:800px;padding:16px;}.vv-tab-nav{width:212px;min-width:140px;flex-shrink:0;border-right:1px solid var(--border-010a);padding:16px 4px 16px 0;}.vv-tab-nav-item{padding:10px 8px 10px 16px;border-radius:100px;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--text-alternate);cursor:pointer;margin-bottom:4px;}.vv-tab-nav-item:hover{background-color:var(--state-layer-primary-hover);}.vv-tab-nav-item.active{background-color:var(--state-layer-primary-active);color:var(--text-primary-light);text-decoration:underline;}.vv-tab-content{flex:1;min-width:0;min-height:0;padding:16px;overflow-y:auto;}.vv-card{border:1px solid var(--border-010a);border-radius:16px;padding:16px;margin-bottom:16px;}.vv-card-title{margin:0 0 4px 0;font-family:var(--font-family-base);font-size:16px;font-weight:500;color:var(--text-primary-light);}.vv-field-description{display:block;font-family:var(--font-family-base);font-size:16px;font-weight:normal;color:var(--text-primary);margin-bottom:8px;}.vv-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.vv-divider{border:none;border-top:1px solid var(--border-010a);margin:16px 0;}.vv-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;cursor:pointer;}.vv-switch input{display:none;}.vv-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-010a);border-radius:100px;transition:background-color .15s ease-in-out;}.vv-switch-slider::before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background-color:var(--surface-light-000);transition:left .15s ease-in-out;}.vv-switch input:checked+.vv-switch-slider{background-color:var(--text-primary-light);}.vv-switch input:checked+.vv-switch-slider::before{left:26px;}.vv-field-width-sm{max-width:312px;}.vv-inline-field-group{display:flex;align-items:center;gap:8px;}.vv-field-suffix{font-family:var(--font-family-base);font-size:16px;color:var(--text-primary);}.vv-chip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;}.vv-chip-row-label{font-family:var(--font-family-base);font-size:12px;font-weight:500;color:var(--text-primary);}.vv-placeholder-text{font-family:var(--font-family-base);color:var(--text-primary);font-size:16px;padding:24px 0;}.vv-radio-group{display:flex;flex-direction:column;gap:10px;}.vv-radio{display:flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--font-family-base);font-size:16px;color:var(--text-primary-light);font-weight:normal;}.vv-radio input{display:none;}.vv-radio-dot{position:relative;display:inline-block;width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--radio-border);border-radius:999px;background-color:var(--surface-light-000);}.vv-radio input:checked+.vv-radio-dot{border-color:var(--text-primary-light);}.vv-radio input:checked+.vv-radio-dot::before{content:"";position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background-color:var(--text-primary-light);}.justify-content-end{justify-content:flex-end;}.mb-8{margin-bottom:8px;}.vvbtn-container{display:flex;gap:8px;width:100%;justify-content:flex-end;align-items:center;}.vvbtn{position:relative;font-family:Roboto,sans-serif;display:flex;padding:10px 16px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.1px;line-height:20px;color:#1d2b1c;border-radius:100px;cursor:pointer;background:none;border:none;}.vvbtn:disabled{background:var(--State-layer-Primary-disabled,rgba(24,54,2,0));border:none;color:var(--Text-Body-disabled,rgba(27,28,27,.45));text-align:center;font-family:Roboto;font-size:14px;font-weight:500;}.vvbtn::after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;border-radius:100px;}.vvbtn:hover::after{background:var(--State-layer-Primary-hover,rgba(24,54,2,.08));}.vvbtn svg{height:20px;width:20px;fill:#1d2b1c;}a.vvbtn:hover{text-decoration:none !important;color:#fff;}.vvbtn-primary{background-color:#262b2d;color:#fff;}.vvbtn-primary svg{fill:#fff;}.vvbtn-secondary{border-radius:100px;border:1px solid #1d2b1c;}.vvbtn-danger{background-color:var(--surface-global-error);color:var(--text-primary-inverse);}.vvbtn-link{background:none;color:#11181c;text-decoration:underline;text-underline-position:from-font;}.vvbtn-link:hover,.vvbtn-link:focus,.vvbtn-link:active{color:#11181c;text-decoration:underline;}.vvbtn-primary:hover::after{background:var(--State-layer-Inverse-hover,rgba(224,233,225,.08));}.tab-group{display:inline-flex;align-items:center;width:460px;height:40px;background-color:#fff;border:1px solid #c8ccc3;border-radius:100px;overflow:hidden;font-family:"Roboto",sans-serif;}.tab-item{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;padding:0 12px;cursor:pointer;color:#4c4e49;font-size:14px;font-weight:500;transition:background-color .2s ease;}.tab-item:not(:last-child){border-right:1px solid #c8ccc3;}.tab-item-active{background-color:#e3e1ff;color:#3b4365;}.tab-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;}.tab-item:hover:not(.tab-item-active){background-color:#f4f5f2;}.tab-group .tab-item-icon{display:none;}.tab-group .tab-item-active .tab-item-icon{display:block;}.custom-icon-button-filled{display:flex;padding:10px 16px;justify-content:center;align-items:center;gap:4px;border-radius:100px;background:var(--Surface-Background-surface-dark-020,#262b2d);border:none;}.custom-icon-button-filled:hover:after{width:100%;height:100%;background:var(--State-layer-Inverse-DEP_hover,rgba(224,233,225,.08));}.custom-icon-button-filled:active:after{background:var(--State-layer-Inverse-DEP_pressed,rgba(224,233,225,.18));}.custom-icon-button-filled svg{fill:var(--Icon-inverse,#e6e6e6);}.custom-icon-button-filled span{color:var(--Text-Body-inverse,#fff);font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;}.flex-one{flex:1;}.vv-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;border:none;border-radius:100px;background:transparent;color:var(--text-primary);font-size:20px;line-height:1;cursor:pointer;}.vv-icon-button>svg{width:20px;height:20px;fill:currentColor;}.vv-icon-button.is-large{width:48px;height:48px;padding:12px;}.vv-icon-button.is-large>svg{width:24px;height:24px;fill:currentColor;}.vv-icon-button:hover,.vv-icon-button:focus{background:var(--state-layer-primary-hover);color:var(--text-primary);text-decoration:none;}.vv-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}.vv-card-eyebrow{color:var(--text-primary);font-family:var(--font-family-base);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.5px;}.vv-card-meta{color:var(--text-primary);font-family:var(--font-family-base);font-size:12px;font-weight:400;line-height:16px;letter-spacing:.4px;}.vv-card-heading{color:var(--text-primary);font-family:var(--font-family-base);font-size:18px;font-weight:500;line-height:24px;letter-spacing:.15px;word-break:break-word;}.vv-card-subheading{color:var(--text-primary);font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;word-break:break-word;}.vv-divider-tight{margin:2px 0;}.vv-field-grid{display:flex;align-items:flex-start;gap:8px;}.vv-field{display:flex;flex:1 1 0;flex-direction:column;min-width:0;}.vv-field-end{flex:0 1 auto;align-items:flex-end;text-align:right;}.vv-field-grid>.vv-field-end:only-child{flex:1 1 0;align-items:flex-start;text-align:left;}.vv-field-label{color:var(--text-alternate-2);font-family:var(--font-family-base);font-size:11px;font-weight:500;line-height:16px;letter-spacing:.5px;text-transform:uppercase;}.vv-field-value{color:var(--text-primary);font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;word-break:break-word;white-space:pre-line;}.vv-link{padding:0;border:none;background:none;color:var(--link-light-alternate);font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;text-decoration:underline;cursor:pointer;}.vv-link:hover,.vv-link:focus{color:var(--link-light-alternate);text-decoration:underline;}.vv-button-block{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 0;text-align:center;}.vv-total-value{color:var(--text-primary);font-family:var(--font-family-base);font-size:22px;font-weight:400;line-height:28px;}.vv-title-medium{font-family:var(--font-family-base);font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;}.vv-radio-stacked{align-items:flex-start;gap:10px;font-size:14px;line-height:20px;letter-spacing:.25px;}.vv-radio-stacked .vv-radio-dot{margin-top:2px;}.vv-radio-stacked .vv-card-meta{display:block;}.vv-save-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0;margin-bottom:16px;background-color:var(--surface-light-000);border-bottom:1px solid var(--border-010a);}.vv-tab-nav-bs{width:212px;min-width:140px;flex-shrink:0;border-right:1px solid var(--border-010a);border-bottom:none;padding:16px 4px;margin:0;}.vv-tab-nav-bs>li{float:none;margin:0;}.vv-tab-nav-bs>li>a{padding:12px 8px 12px 16px;border:none;border-radius:100px;font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;color:var(--text-alternate);cursor:pointer;margin:0;outline:none;text-decoration:none;}.vv-tab-nav-bs>li>a:hover,.vv-tab-nav-bs>li>a:focus,.vv-tab-nav-bs>li>a:active{border:none;outline:none;text-decoration:none;background-color:var(--state-layer-primary-hover);color:var(--text-alternate);}.vv-tab-nav-bs>li.active>a,.vv-tab-nav-bs>li.active>a:hover,.vv-tab-nav-bs>li.active>a:focus,.vv-tab-nav-bs>li.active>a:active{border:none;outline:none;text-decoration:none;background-color:var(--state-layer-primary-active);color:var(--text-primary-light);}.vv-option-list{display:flex;flex-direction:column;gap:16px;}.vv-option-list.is-disabled{pointer-events:none;}.vv-option-list.is-disabled .vv-option-card{color:var(--text-alternate-2);}.vv-option-list.is-disabled .vv-card-title,.vv-option-list.is-disabled .vv-card-subheading{color:var(--text-alternate-2);}.vv-option-list.is-disabled .vv-radio-dot{border-color:var(--border-010a);background-color:var(--surface-light-010);}.vv-option-card{display:flex;align-items:flex-start;gap:8px;margin-bottom:0;padding:16px;border:1.5px solid var(--border-010a);border-radius:var(--radius-sm);background-color:var(--surface-light-000);font-weight:normal;cursor:pointer;}.vv-option-card.selected{border-color:var(--text-primary-light);box-shadow:0 6px 20px -4px rgba(11,18,32,.16),0 4px 12px -2px rgba(11,18,32,.04),0 1px 2px 0 rgba(11,18,32,.05);}.vv-option-card-body{flex:1 1 0;min-width:0;}.vv-option-detail{margin-top:12px;padding:16px;border:1px solid var(--border-010a);border-radius:10px;background-color:var(--surface-light-010);}.vv-check-list{display:flex;flex-direction:column;gap:9px;}.vv-check-list-item{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-family-base);font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-check-list-item>svg{flex-shrink:0;width:20px;height:20px;color:var(--green-color);}.vv-modal .modal-dialog{width:552px;max-width:calc(100% - 32px);}.vv-modal.is-wide .modal-dialog{width:838px;}.vv-modal .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 60px);}.vv-modal .modal-content{width:100%;border:1px solid var(--border-010a);border-radius:var(--radius-md);background-color:var(--surface-light-000);box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);}.vv-modal .modal-header{padding:24px 24px 0;border-bottom:0;}.vv-modal .modal-title{display:block;margin:0;font-family:var(--font-family-base);font-size:24px !important;font-weight:400;line-height:32px;letter-spacing:0;color:var(--text-primary);}.vv-modal .modal-body{padding:16px 24px;font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:20px 24px 20px 8px;border-top:0;text-align:initial;}.vv-modal .modal-footer::before,.vv-modal .modal-footer::after{display:none;}.vv-modal .vvbtn{min-width:97px;}.vv-page-subheader{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 8px;background-color:var(--surface-light-000);border-bottom:1px solid var(--border-010a);}.vv-page-subheader-lead{display:flex;align-items:center;gap:10px;min-width:0;}.vv-page-subheader-back{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;padding:0;border:none;border-radius:100px;background:none;color:var(--text-primary);}.vv-page-subheader-back>svg{width:24px;height:24px;fill:currentColor;}.vv-page-subheader-back:hover,.vv-page-subheader-back:focus{background-color:var(--state-layer-primary-hover);}.vv-page-subheader-title{margin:0;font-family:var(--font-family-base);font-size:22px;font-weight:400;line-height:28px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.vv-page-subheader-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}.vv-page-subheader-divider{width:1px;height:24px;background-color:var(--border-010a);}.vv-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}.vv-section-head-text{min-width:0;}.vv-section-head-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;}.vv-section-title{margin:0 0 4px 0;font-family:var(--font-family-base);font-size:28px;font-weight:400;line-height:36px;color:var(--text-global-primary);}.vv-section-description{margin:0;font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-quicknav{width:264px;flex-shrink:0;}.vv-quicknav-overline{padding:0 12px;margin-bottom:8px;font-family:var(--font-family-base);font-size:12px;font-weight:500;line-height:20px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-quicknav);}.vv-quicknav-list{list-style:none;padding:0;margin:0;}.vv-quicknav-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;color:var(--text-quicknav);text-decoration:none;}.vv-quicknav-item:hover,.vv-quicknav-item:focus,.vv-quicknav-item:active{color:var(--text-quicknav);text-decoration:none;}.vv-quicknav-item:focus-visible{outline:2px solid var(--text-quicknav-active);outline-offset:-2px;text-decoration:none;}.vv-quicknav-item.is-nested{padding-left:26px;font-size:13px;}.vv-quicknav-item.is-active{font-weight:500;color:var(--text-quicknav-active);background-color:var(--slate-fill);}.vv-quicknav-item.is-active:hover,.vv-quicknav-item.is-active:focus{color:var(--text-quicknav-active);}@media(hover:hover){.vv-quicknav-item:hover{background-color:transparent;}.vv-quicknav-item:hover .vv-quicknav-label{text-decoration:underline;}.vv-quicknav-item:hover.is-active{background-color:var(--slate-fill);}}.vv-quicknav-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;}.vv-quicknav-check>svg{width:20px;height:20px;fill:var(--green-check);}.vv-quicknav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.vv-caution{display:flex;align-items:center;gap:8px;padding:10px;margin-bottom:16px;border:1px solid var(--bright-yellow-8);border-radius:4px;background-color:var(--bright-yellow-2);font-family:var(--font-family-base);font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-caution-icon{width:24px;height:24px;flex-shrink:0;}.vv-segmented{display:inline-flex;align-items:stretch;border:1px solid var(--border-010a);border-radius:100px;overflow:hidden;}.vv-segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--text-primary);}.vv-segmented-option>svg{width:18px;height:18px;flex-shrink:0;fill:currentColor;}.vv-segmented-option.is-selected{background-color:var(--surface-media-dark);color:var(--text-primary-inverse);}.vv-segmented-option:focus-visible{outline:2px solid var(--text-primary-light);outline-offset:-2px;}.vv-prompt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.vv-prompt-head-text{min-width:0;}.vv-prompt-title{display:flex;align-items:center;gap:10px;margin:0 0 4px 0;font-family:var(--font-family-base);font-size:22px;font-weight:400;line-height:28px;color:var(--text-primary);}.vv-num-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:1px solid var(--slate-7);border-radius:50px;font-size:12px;font-weight:500;line-height:16px;color:var(--text-quicknav);}.vv-section-error{margin:0;font-family:var(--font-family-base);font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--surface-global-error);}.vv-radio-row{display:flex;align-items:center;gap:10px;margin:0;font-weight:normal;}.vv-radio-row input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}.vv-radio-row input[type="radio"]:checked+.vv-radio-dot,.vv-radio-row .vv-radio-dot.is-checked{border-color:var(--text-primary-light);box-shadow:inset 0 0 0 4px var(--text-primary-light);}.vv-radio-row input[type="radio"]:focus-visible+.vv-radio-dot{outline:2px solid var(--text-primary-light);outline-offset:2px;}.vv-radio-row-label{font-family:var(--font-family-base);font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--text-primary);}.vv-radio-row-body{padding-left:42px;margin-top:8px;}.vv-or-divider{margin:12px 0;font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;color:var(--text-primary);text-align:center;}.vv-bullet-list{padding-left:18px;margin:4px 0 0 0;font-family:var(--font-family-base);font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-notify-block{margin-top:16px;}.vv-notify-title{margin:0 0 4px 0;font-family:var(--font-family-base);font-size:16px;font-weight:500;line-height:24px;color:var(--text-primary);}.vv-field-hint{margin:4px 0 0 0;font-family:var(--font-family-base);font-size:12px;line-height:16px;letter-spacing:.4px;color:var(--text-quicknav);}.vv-removable-list{columns:2;column-gap:32px;list-style:none;padding:0;margin:12px 0 0 0;}.vv-removable-list-item{display:flex;break-inside:avoid;margin-bottom:4px;align-items:center;gap:8px;min-width:0;font-family:var(--font-family-base);font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-removable-list-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.vv-removable-list-item .vv-icon-button{width:24px;height:24px;padding:2px;flex-shrink:0;}.vv-removable-list-item .vv-icon-button>svg{width:20px;height:20px;fill:var(--text-alternate);}.vv-badge.count{border:1px solid var(--slate-8);background-color:var(--surface-light-000);color:var(--text-quicknav);white-space:nowrap;}.vv-dt{padding:0;overflow:hidden;}.vv-dt table.dataTable{width:100% !important;margin:0;border-collapse:collapse;table-layout:fixed;}.vv-dt table.dataTable.no-footer{border-bottom:0;}.vv-dt table.dataTable thead th{padding:8px 16px !important;border-bottom:1px solid var(--border-010a);font-family:var(--font-family-base);font-size:14px;font-weight:600 !important;line-height:20px;letter-spacing:.25px;color:var(--text-primary-light);text-align:left;}.vv-dt table.dataTable tbody td{padding:12px 16px;border-bottom:1px solid var(--border-010a);font-family:var(--font-family-base);font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary);text-align:left;word-break:break-word;}.vv-dt table.dataTable tbody tr:last-child td{border-bottom:0;}.vv-dt table.dataTable tbody tr,.vv-dt table.dataTable tbody tr:hover,.vv-dt table.dataTable tbody tr>td.sorting_1{background-color:var(--surface-light-000);}.vv-dt .dataTables_wrapper{padding:0;}.vv-dt .dataTables_length,.vv-dt .dataTables_info,.vv-dt .dataTables_paginate{clear:none;padding:12px 16px;font-family:var(--font-family-base);font-size:14px;line-height:20px;color:var(--text-alternate);}.vv-input-label{display:block;margin-bottom:8px;font-family:var(--font-family-base);font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--text-primary);text-transform:none;}.vv-dt-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--border-010a);}.vv-dt-footer .dataTables_info{order:1;}.vv-dt-footer .dataTables_length{order:2;margin-right:auto;}.vv-dt-footer .dataTables_paginate{order:3;}.vv-dt-footer .dataTables_length select{margin-left:8px;padding:2px 6px;border:1px solid var(--border-010a);border-radius:6px;background-color:var(--surface-light-000);}.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button{min-width:32px;padding:4px 8px;margin-left:4px;border:1px solid transparent;border-radius:6px;background:none;font-size:14px;line-height:20px;color:var(--text-primary) !important;cursor:pointer;}.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button.current,.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border:1px solid var(--border-010a);background:var(--surface-light-000);color:var(--text-primary-light) !important;}.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:1px solid transparent;background:var(--surface-light-010);color:var(--text-primary-light) !important;}.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.vv-dt .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{border:1px solid transparent;background:none;color:var(--text-alternate-2) !important;cursor:default;}.vv-dt .dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 4px;color:var(--text-alternate);}.vv-input-label.is-compact{font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--text-muted);}.vv-radio-row .vv-radio-dot{width:24px;height:24px;border:none;border-radius:50%;background-color:transparent;box-shadow:none;}.vv-radio-row .vv-radio-dot::before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border:2px solid var(--on-primary);border-radius:50%;background-color:transparent;}.vv-radio-row .vv-radio-dot::after{content:"";position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:50%;background-color:var(--on-primary);opacity:0;}.vv-radio-row input[type="radio"]:checked+.vv-radio-dot,.vv-radio-row .vv-radio-dot.is-checked{border:none;box-shadow:none;}.vv-radio-row input[type="radio"]:checked+.vv-radio-dot::after,.vv-radio-row .vv-radio-dot.is-checked::after{opacity:1;}.vv-notify-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}.vv-textfield{display:block;width:100%;height:40px;padding:7px 16px;border:1px solid var(--slate-7);border-radius:4px;background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;color:var(--text-primary);box-shadow:none;}.vv-textfield::placeholder{color:var(--text-muted);}.vv-textfield[disabled]{border-color:var(--slate-6);background-color:rgba(0,0,0,.05);}.vv-textfield[disabled]::placeholder{color:var(--gray-9);}textarea.vv-textfield{height:var(--vv-textarea-height,100px);min-height:0 !important;resize:vertical;overflow:auto;}.vv-chat-row{display:flex;margin-bottom:12px;}.vv-chat-row.is-in{justify-content:flex-start;}.vv-chat-row.is-out{justify-content:flex-end;}.vv-chat-row.is-system{justify-content:center;}.vv-chat-bubble{max-width:85%;padding:11px 15px;border-radius:16px;font-family:var(--font-family-base);font-size:14px;line-height:20px;color:var(--on-primary);white-space:pre-wrap;word-break:break-word;}.vv-chat-row.is-in .vv-chat-bubble{background-color:var(--chat-inbound);}.vv-chat-row.is-out .vv-chat-bubble{background-color:var(--chat-outbound);}.vv-chat-system{width:100%;padding:8px 12px;border:1px solid var(--slate-7);border-radius:8px;font-family:var(--font-family-base);font-size:13px;line-height:19px;color:var(--text-muted);text-align:center;}.vv-popover{position:absolute;z-index:10;display:flex;flex-direction:column;gap:14px;width:340px;padding:16px 18px;border:1px solid var(--slate-7);border-radius:12px;background-color:var(--surface-light-000);box-shadow:0 8px 24px -4px rgba(0,0,0,.16);cursor:default;text-align:left;}.vv-popover-title{margin:0;font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;color:var(--text-global-primary);}.vv-popover-body{margin:0;font-family:var(--font-family-base);font-size:13px;font-weight:400;line-height:19px;color:var(--text-muted);}.vv-popover-actions{display:flex;justify-content:flex-end;gap:8px;}.vv-checkbox{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;margin:0;cursor:pointer;}.vv-checkbox input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;}.vv-checkbox-box{position:relative;display:block;width:18px;height:18px;border:2px solid var(--border-090);border-radius:2px;background-color:var(--surface-light-000);}.vv-checkbox-box::after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border:solid var(--surface-light-000);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;}.vv-checkbox input[type="checkbox"]:checked+.vv-checkbox-box{border-color:var(--surface-media-dark);background-color:var(--surface-media-dark);}.vv-checkbox input[type="checkbox"]:checked+.vv-checkbox-box::after{opacity:1;}.vv-checkbox input[type="checkbox"]:focus-visible+.vv-checkbox-box{outline:2px solid var(--surface-media-dark);outline-offset:2px;}.cc-popup-stack{position:fixed;right:16px;bottom:0;z-index:1035;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:12px;pointer-events:none;font-family:var(--font-family-base);}.cc-popup-slot{display:flex;align-items:flex-end;pointer-events:auto;}.cc-popup{position:relative;display:flex;flex-direction:column;width:360px;max-width:calc(100vw - 32px);height:556px;min-height:420px;max-height:calc(100vh - 16px);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 6px 20px -4px rgba(0,0,0,.18);overflow:hidden;color:#11181c;}.cc-popup-header{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 8px 10px 14px;box-sizing:border-box;border-bottom:1px solid #e2e8f0;background:#fff;}.cc-popup-identity{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;gap:1px;min-width:0;}.cc-popup-name,.cc-popup-minimized-name{overflow:hidden;color:#11181c;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.25px;white-space:nowrap;text-overflow:ellipsis;}.cc-popup-subline{overflow:hidden;color:#475569;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;}.cc-popup-actions{display:flex;flex-shrink:0;align-items:center;}.cc-popup-icon-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:100px;background:transparent;cursor:pointer;}.cc-popup-icon-btn:hover:not([disabled]){background:var(--state-layer-primary-hover,rgba(24,54,2,.08));}.cc-popup-icon-btn:focus-visible{outline:2px solid #0f172a;outline-offset:1px;}.cc-popup-icon-btn[disabled]{opacity:.38;cursor:default;}.cc-popup-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-height:0;padding:14px 14px 10px;overflow-y:auto;background:#fff;}.cc-popup-messages>:first-child{margin-top:auto;}.cc-popup-load-older{align-self:center;min-width:56px;height:24px;margin-bottom:8px;padding:0 12px;border:1px solid #d7dbdf;border-radius:100px;background:#fff;color:#687076;cursor:pointer;}.cc-popup-empty{margin:auto;padding:24px;color:#64748b;font-size:14px;line-height:20px;text-align:center;}.cc-popup-day{display:flex;justify-content:center;margin:4px 0 8px;}.cc-popup-day-chip{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:56px;height:24px;padding:4px 12px;border:1px solid #d7dbdf;border-radius:100px;background:#f1f3f5;color:#687076;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.5px;}.cc-popup-msg{display:flex;flex-direction:column;gap:4px;max-width:100%;}.cc-popup-msg--out{align-items:flex-end;}.cc-popup-msg--in{align-items:flex-start;}.cc-popup-bubble{box-sizing:border-box;max-width:268px;padding:9px 12px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;overflow-wrap:anywhere;}.cc-popup-msg--out .cc-popup-bubble{border-radius:14px 14px 4px 14px;background:#eceef0;color:#4c4e49;}.cc-popup-msg--in .cc-popup-bubble{border-radius:14px 14px 14px 4px;background:#e1f0ff;color:#0f172a;}.cc-popup-bubble-text{white-space:pre-wrap;}.cc-popup-attachment{margin-top:6px;}.cc-popup-attachment:first-child{margin-top:0;}.cc-popup-attachment a{display:inline-block;color:inherit;}.cc-popup-attachment-thumb,.cc-popup-attachment-video{display:block;max-width:100%;border-radius:8px;}.cc-popup-attachment-icon{font-size:24px;}.cc-popup-stamp{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#64748b;font-size:11px;line-height:14px;}.cc-popup-status{display:block;width:20px;height:20px;}.cc-popup-status--processing{animation:cc-popup-spin 1s linear infinite;}@keyframes cc-popup-spin{to{transform:rotate(360deg);}}.cc-popup-resend{padding:0;border:0;background:none;color:#006adc;font-size:11px;line-height:14px;text-decoration:underline;cursor:pointer;}.cc-popup-suggest-row{display:flex;align-items:center;gap:8px;padding:0 14px 10px;}.cc-popup-suggest-chip{display:inline-flex;align-items:center;box-sizing:border-box;min-width:56px;height:24px;padding:4px 8px;border:1px solid #96c7f2;border-radius:100px;background:#edf6ff;color:#006adc;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.5px;cursor:pointer;}.cc-popup-suggest-chip span{padding:0 4px;}.cc-popup-suggest-chip[disabled]{opacity:.6;cursor:default;}.cc-popup-popover{box-sizing:border-box;padding:6px 0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 6px 18px -4px rgba(0,0,0,.16);overflow-y:auto;}.cc-popup-suggestions{max-height:180px;margin:0 12px 10px;}.cc-popup-presets{position:absolute;bottom:calc(100% + 6px);left:0;z-index:3;width:336px;max-height:280px;}.cc-popup-popover-title,.cc-popup-preset-title{padding:6px 14px;color:#475569;font-size:12px;font-weight:500;line-height:16px;}.cc-popup-preset-title{padding-bottom:0;font-weight:600;}.cc-popup-popover-item,.cc-popup-menu-item{display:block;width:100%;padding:8px 14px;border:0;background:none;color:#0f172a;font-size:13px;line-height:18px;text-align:left;cursor:pointer;}.cc-popup-popover-item:hover,.cc-popup-popover-item:focus-visible,.cc-popup-menu-item:hover,.cc-popup-menu-item:focus-visible{background:#f1f5f9;outline:none;}.cc-popup-popover-item{white-space:pre-wrap;}.cc-popup-composer{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-top:1px solid #e2e8f0;background:#fff;}.cc-popup-optout{color:#aa2429;font-size:12px;line-height:16px;}.cc-popup-tray{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;}.cc-popup-tray-item{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;}.cc-popup-tray-thumb{width:100%;height:100%;border-radius:8px;object-fit:cover;}.cc-popup-tray-icon{color:#475569;font-size:20px;}.cc-popup-tray-remove{position:absolute;top:-9px;right:-9px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid #e2e8f0;border-radius:50%;background:#fff;cursor:pointer;}.cc-popup-tray-uploading{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;}.cc-popup-note{color:#64748b;font-size:12px;line-height:16px;}.cc-popup-note--error{color:#aa2429;}.cc-popup-input{display:block;box-sizing:border-box;width:100%;margin:0;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;resize:none;overflow-y:auto;outline:none;}.cc-popup-input::placeholder{color:#64748b;}.cc-popup-input:focus{border-color:#0f172a;box-shadow:0 0 0 .5px #0f172a;}.cc-popup-input[disabled]{background:#f8fafc;cursor:not-allowed;}.cc-popup-actionrow{display:flex;align-items:center;gap:6px;}.cc-popup-anchor{position:relative;}.cc-popup-chip{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;padding:6px 16px;border:1px solid #acacac;border-radius:8px;background:#fff;color:#4c4e49;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer;}.cc-popup-chip:hover:not([disabled]){background:#f1f5f9;}.cc-popup-chip[disabled]{opacity:.5;cursor:default;}.cc-popup-file{display:none;}.cc-popup-spacer{flex:1 1 0;min-width:1px;}.cc-popup-count{color:#666;font-size:12px;line-height:16px;letter-spacing:.4px;white-space:nowrap;}.cc-popup-count--over{color:#aa2429;}.cc-popup-send{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#151718;cursor:pointer;}.cc-popup-send[disabled]{opacity:.4;cursor:default;}.cc-popup-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:3;box-sizing:border-box;min-width:220px;padding:6px 0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 6px 18px -4px rgba(0,0,0,.16);}.cc-popup-menu-divider{height:1px;margin-bottom:6px;background:#e2e8f0;}.cc-popup-drop{position:absolute;top:59px;right:8px;bottom:8px;left:8px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 28px;border:2px dashed #0f172a;border-radius:12px;background:rgba(239,246,255,.97);pointer-events:none;text-align:center;}.cc-popup-drop-title{color:#11181c;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;}.cc-popup-drop-helper{max-width:280px;color:#4c4e49;font-size:14px;line-height:20px;letter-spacing:.25px;}.cc-popup-minimized{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:232px;height:48px;padding:0 8px 0 12px;border:1px solid #e2e8f0;border-bottom:0;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 4px 14px -3px rgba(0,0,0,.14);cursor:pointer;}.cc-popup-minimized:focus-visible{outline:2px solid #0f172a;outline-offset:-2px;}.cc-popup-minimized-name{flex:1 1 0;min-width:0;}.cc-popup-badge{flex-shrink:0;box-sizing:border-box;min-width:16px;max-width:34px;height:16px;padding:0 4px;overflow:hidden;border-radius:100px;background:#454743;color:#fff;font-size:11px;font-weight:500;line-height:16px;letter-spacing:.5px;text-align:center;}.vv-segmented.is-subtle{padding:3px;gap:2px;border:none;border-radius:10px;background-color:var(--slate-6,#dfe3e6);}.vv-segmented.is-subtle .vv-segmented-option{border-radius:8px;padding:7px 14px;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:transparent;color:var(--text-primary,#4c4e49);}.vv-segmented.is-subtle .vv-segmented-option.is-selected{background-color:var(--slate-1,#fbfcfd);color:var(--text-global-primary,#11181c);}.vv-segmented.is-subtle .vv-segmented-option[disabled]{opacity:.5;cursor:default;}.vv-searchbar{display:flex;align-items:center;gap:4px;height:40px;min-width:160px;padding:0 2px;border:1px solid var(--border-010a,#c8ccc3);border-radius:100px;background-color:var(--surface-light-000,#fff);}.vv-searchbar>input{flex:1 1 auto;min-width:0;padding:0 0 0 4px;border:none;background:none;box-shadow:none;font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;color:var(--text-primary);}.vv-searchbar>input::placeholder{color:var(--text-alternate,#666);}.vv-searchbar>input:focus{outline:none;}.vv-searchbar .vv-icon-button{flex-shrink:0;width:28px;height:28px;}.vv-drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:4009;}.vv-drawer-scrim.is-open{opacity:1;visibility:visible;}.vv-drawer{position:fixed;top:0;right:0;height:100%;width:479px;max-width:100%;display:flex;flex-direction:column;background:var(--surface-light-010,#f7f7f7);box-shadow:-3px 0 12px rgba(0,0,0,.16);transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility .25s ease;z-index:4010;font-family:var(--font-family-base);}.vv-drawer.is-open{transform:translateX(0);visibility:visible;}.ai-review-panel .ai-review-panel-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--text-primary-light,#1d2b1c);}.ai-review-panel .ai-review-panel-title svg{flex-shrink:0;width:24px;height:24px;fill:var(--text-primary,#4c4e49);}.ai-review-panel .vv-panel-header{background:none;border-bottom:none;padding:16px 16px 0;}.ai-review-panel .ai-review-panel-context{display:flex;flex-direction:column;gap:2px;padding:0 16px 4px;}.ai-review-panel .ai-review-panel-context-primary{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--text-primary-light,#1d2b1c);}.ai-review-panel .ai-review-panel-context-secondary{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary,#4c4e49);}.ai-review-panel .vv-card{background:var(--surface-light-000,#fff);margin-bottom:0;}.ai-review-panel .vv-panel-body.vv-stack{padding:8px;}.ai-review-panel .ai-review-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:8px;}.ai-review-panel .ai-review-card-head .vv-card-title{display:flex;align-items:center;gap:8px;margin-bottom:0;}.ai-review-panel .ai-review-card-head .vv-card-title svg{flex-shrink:0;width:24px;height:24px;fill:currentColor;}.ai-review-panel .ai-review-card-body{display:flex;flex-direction:column;gap:16px;padding:8px 8px 0;}.ai-review-panel .ai-review-card-body.is-rows{gap:8px;padding-left:0;padding-right:0;}.ai-review-panel .ai-review-metric-group{display:flex;flex-direction:column;}.ai-review-panel .ai-review-text-group{display:flex;flex-direction:column;gap:4px;}.ai-review-panel .ai-review-collapse>svg{transition:transform .2s ease;}.ai-review-panel .ai-review-collapse.is-collapsed>svg{transform:rotate(180deg);}.ai-review-panel .ai-review-metric-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-primary-light,#1d2b1c);}.ai-review-panel .ai-review-metric-label svg{width:20px;height:20px;fill:var(--text-primary,#4c4e49);}.ai-review-panel .ai-review-metric-value{display:flex;align-items:flex-end;gap:8px;font-size:32px;font-weight:500;line-height:40px;color:var(--text-primary-light,#1d2b1c);}.ai-review-panel .ai-review-metric-value>.vv-badge{margin-bottom:8px;}.ai-review-panel .ai-review-metric-detail,.ai-review-panel .ai-review-feedback{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-primary,#4c4e49);}.ai-review-panel .ai-review-improvement-title,.ai-review-panel .ai-review-check-name{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--text-primary,#4c4e49);}.ai-review-panel .ai-review-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:8px;}.ai-review-panel .ai-review-check-feedback{display:flex;flex-direction:column;gap:4px;padding-top:8px;}.ai-review-panel .vv-divider{margin:4px 8px;}.ai-review-panel .ai-review-tips{margin:0;padding:0;list-style:none;}.ai-review-panel .ai-review-tips li{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--text-primary,#4c4e49);}.ai-review-panel .vv-badge.ai-review{cursor:default;}.ai-review-panel .vv-badge.ai-review:hover,.ai-review-panel .vv-badge.ai-review:focus-visible{filter:none;}.vv-progress{height:6px;border-radius:100px;background:#d8d8d8;overflow:hidden;}.vv-progress .vv-progress-fill{height:100%;border-radius:100px;background:var(--border-020a,#acacac);transition:width .3s ease;}.vv-progress.ai-excellent .vv-progress-fill{background:var(--colors-green-9,#30a46c);}.vv-progress.ai-good .vv-progress-fill{background:var(--bright-amber-alpha-9,rgba(255,166,0,.86));}.vv-progress.ai-fair .vv-progress-fill{background:var(--colors-orange-9,#f76b15);}.vv-progress.ai-needs-work .vv-progress-fill{background:var(--colors-red-9,#e5484d);}.vv-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:6px 8px 6px 16px;border:1px solid var(--border-020a);border-radius:8px;background-color:transparent;font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--text-primary);white-space:nowrap;cursor:pointer;}.vv-filter-chip:hover{background-color:var(--state-layer-primary-hover);}.vv-filter-chip:focus-visible{outline:2px solid var(--on-primary);outline-offset:1px;}.vv-filter-chip>img{flex-shrink:0;}.vv-outlined-field{position:relative;display:flex;flex-direction:column;}.vv-outlined-field .vv-outlined-field-input{width:100%;height:40px;padding:8px 16px;border:1px solid var(--border-030a);border-radius:4px;background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;color:var(--text-primary);box-shadow:none;}.vv-outlined-field .vv-outlined-field-input:focus{outline:none;border-color:var(--on-primary);}.vv-outlined-field .vv-outlined-field-label{position:absolute;top:-7px;left:12px;z-index:1;margin:0;padding:0 4px;background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:12px;font-weight:400;line-height:16px;letter-spacing:.4px;color:var(--text-primary);}.vv-status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:24px;padding:4px 12px;border:1px solid var(--slate-8);border-radius:100px;background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;}.vv-status-chip.is-responded{border-color:var(--blue-7);background-color:var(--blue-3);color:var(--blue-11);}.vv-status-chip.is-voided{border-color:var(--gray-inverse-11);background-color:var(--gray-inverse-8);color:var(--text-primary-inverse);}.vv-menu{min-width:220px;margin:0;padding:8px 0;list-style:none;border-radius:4px;background-color:var(--surface-light-010);box-shadow:var(--shadow-elevation-02);}.vv-menu .vv-menu-item{display:flex;align-items:center;width:100%;height:48px;padding:0 16px;border:none;background:transparent;font-family:var(--font-family-base);font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer;}.vv-menu .vv-menu-item:hover,.vv-menu .vv-menu-item:focus-visible{outline:none;background-color:var(--state-layer-primary-hover);}.vv-menu .vv-menu-item.is-selected{background-color:var(--state-layer-primary-active);}.vv-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-family-base);text-align:center;}.vv-empty-state .vv-empty-state-title{max-width:100%;margin:0;overflow:hidden;font-size:22px;font-weight:400;line-height:28px;letter-spacing:0;color:var(--text-global-primary);text-overflow:ellipsis;white-space:nowrap;}.vv-empty-state .vv-empty-state-body{width:400px;max-width:100%;margin:0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-pager{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 16px;border-top:1px solid var(--border-010a);background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;}.vv-pager .vv-pager-left{display:flex;align-items:center;gap:32px;}.vv-pager .vv-pager-range{padding:6px 12px;color:#000;white-space:nowrap;}.vv-pager .vv-pager-size{display:flex;align-items:center;gap:8px;color:var(--on-primary);white-space:nowrap;}.vv-pager .vv-pager-size-btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:6px 8px 6px 16px;border:none;border-radius:8px;background:transparent;font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--text-primary);cursor:pointer;}.vv-pager .vv-pager-size-btn:hover{background-color:var(--state-layer-primary-hover);}.vv-pager .vv-pager-right{display:flex;align-items:center;gap:8px;}.vv-pager .vv-pager-pages{display:flex;align-items:center;gap:4px;}.vv-pager .vv-pager-page{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin:2px;padding:4px;border:none;border-radius:100px;background:transparent;font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--on-primary);cursor:pointer;}.vv-pager .vv-pager-page:hover{background-color:var(--state-layer-primary-hover);}.vv-pager .vv-pager-page.is-current{min-width:40px;height:32px;margin:0;padding:6px 12px;border:1px solid var(--border-010a);border-radius:4px;background-color:var(--surface-light-000);}.vv-pager .vv-pager-ellipsis{padding:6px 0;color:var(--on-primary);}.vv-pager .vv-pager-arrow{width:28px;height:28px;}.vv-pager .vv-pager-arrow:disabled{opacity:.38;cursor:default;background:transparent;}.vv-tooltip{position:fixed;z-index:3100;max-width:280px;padding:4px 8px;border-radius:4px;background-color:var(--surface-media-dark);font-family:var(--font-family-base);font-size:12px;font-weight:400;line-height:16px;letter-spacing:.4px;color:var(--text-primary-inverse);pointer-events:none;opacity:0;visibility:hidden;}.vv-tooltip.is-visible{opacity:1;visibility:visible;}.vv-mask-icon{display:inline-block;flex-shrink:0;width:20px;height:20px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}.vv-mask-icon.is-inverse{color:#fff;}@keyframes vvSkeletonShimmer{from{transform:translateX(-100%);}to{transform:translateX(100%);}}@keyframes vvFadeIn{from{opacity:0;}to{opacity:1;}}.vv-table-skeleton{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;}.vv-table-skeleton::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%);animation:vvSkeletonShimmer 1500ms linear infinite;pointer-events:none;}.vv-table-skeleton-row{display:flex;align-items:center;gap:24px;height:60px;padding:0 16px;overflow:hidden;border-bottom:1px solid var(--border-010a);}.vv-table-skeleton-row:nth-child(1){opacity:1;}.vv-table-skeleton-row:nth-child(1) .vv-table-skeleton-line{width:620px;}.vv-table-skeleton-row:nth-child(1) .vv-table-skeleton-line.is-sub{width:260px;}.vv-table-skeleton-row:nth-child(2){opacity:1;}.vv-table-skeleton-row:nth-child(2) .vv-table-skeleton-line{width:480px;}.vv-table-skeleton-row:nth-child(2) .vv-table-skeleton-line.is-sub{width:200px;}.vv-table-skeleton-row:nth-child(3){opacity:.9;}.vv-table-skeleton-row:nth-child(3) .vv-table-skeleton-line{width:700px;}.vv-table-skeleton-row:nth-child(3) .vv-table-skeleton-line.is-sub{width:300px;}.vv-table-skeleton-row:nth-child(4){opacity:.8;}.vv-table-skeleton-row:nth-child(4) .vv-table-skeleton-line{width:540px;}.vv-table-skeleton-row:nth-child(4) .vv-table-skeleton-line.is-sub{width:180px;}.vv-table-skeleton-row:nth-child(5){opacity:.65;}.vv-table-skeleton-row:nth-child(5) .vv-table-skeleton-line{width:420px;}.vv-table-skeleton-row:nth-child(5) .vv-table-skeleton-line.is-sub{width:240px;}.vv-table-skeleton-row:nth-child(6){opacity:.5;}.vv-table-skeleton-row:nth-child(6) .vv-table-skeleton-line{width:660px;}.vv-table-skeleton-row:nth-child(6) .vv-table-skeleton-line.is-sub{width:220px;}.vv-table-skeleton-row:nth-child(7){opacity:.35;}.vv-table-skeleton-row:nth-child(7) .vv-table-skeleton-line{width:500px;}.vv-table-skeleton-row:nth-child(7) .vv-table-skeleton-line.is-sub{width:280px;}.vv-table-skeleton-row:nth-child(8){opacity:.2;}.vv-table-skeleton-row:nth-child(8) .vv-table-skeleton-line{width:580px;}.vv-table-skeleton-row:nth-child(8) .vv-table-skeleton-line.is-sub{width:190px;}.vv-table-skeleton-pill{flex-shrink:0;width:64px;height:20px;border-radius:10px;background-color:#e4e6e2;}.vv-table-skeleton-lines{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;overflow:hidden;}.vv-table-skeleton-line{display:block;max-width:100%;height:12px;border-radius:6px;background-image:linear-gradient(to right,#e4e6e2 0%,#e4e6e2 65%,rgba(228,230,226,0) 100%);}.vv-table-skeleton-line.is-sub{height:10px;border-radius:5px;background-image:none;background-color:#e4e6e2;}.vv-pager.is-disabled{opacity:.38;pointer-events:none;}.vv-fade-in{animation:vvFadeIn 150ms ease-out;}@media(prefers-reduced-motion:reduce){.vv-fade-in{animation:none;}.vv-table-skeleton::after{display:none;animation:none;}}.vv-status-chip.is-link-sent,.vv-status-chip.is-estimate-sent{border-color:var(--blue-7);background-color:var(--blue-3);color:var(--blue-11);}.vv-status-chip.is-viewed{border-color:var(--colors-grass-7);background-color:var(--colors-grass-3);color:var(--text-chips-green);}.vv-table-card{display:flex;flex-direction:column;min-width:var(--vv-table-min-width,0);overflow:hidden;border-radius:var(--radius-md,16px);background-color:var(--surface-light-000);box-shadow:var(--shadow-table-010);font-family:var(--font-family-base);}.vv-table-card-wrap{overflow-x:auto;}.vv-table-scroll{flex:1 1 auto;min-height:0;overflow:auto;background-image:linear-gradient(var(--border-010a),var(--border-010a)),linear-gradient(var(--border-010a),var(--border-010a));background-repeat:no-repeat;background-size:100% 1px;background-position:0 0,0 calc(var(--vv-th-height,36px) - 1px);}.vv-table-scroll::-webkit-scrollbar{width:12px;height:12px;}.vv-table-scroll::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:100px;background-color:var(--border-020a);background-clip:padding-box;}.vv-table-scroll::-webkit-scrollbar-track{margin-top:var(--vv-th-height,36px);background:transparent;}.vv-table{--vv-col-min:121px;width:100%;margin:0;border-collapse:separate;border-spacing:0;table-layout:fixed;}.vv-table th{box-sizing:border-box;min-width:var(--vv-col-min);height:var(--vv-th-height,36px);padding:0;border-top:1px solid var(--border-010a);border-bottom:1px solid var(--border-010a);background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:14px;font-weight:600;line-height:20px;letter-spacing:.25px;color:var(--on-primary);text-align:left;vertical-align:middle;white-space:nowrap;}.vv-table>thead>tr>th{position:sticky;top:0;z-index:2;}.vv-table .vv-th-label{display:block;padding:6px 8px;}.vv-table .vv-th-sort{display:flex;align-items:center;gap:4px;width:100%;height:100%;padding:6px 8px;border:none;background:transparent;font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;}.vv-table .vv-th-sort:hover{background-color:var(--state-layer-primary-hover);}.vv-table .vv-th-sort:active{background-color:var(--state-layer-primary-active);}.vv-table .vv-th-sort:focus-visible{outline:2px solid var(--on-primary);outline-offset:-2px;}.vv-table .vv-th-sort:disabled{cursor:default;}.vv-table .vv-th-sort-icon{display:none;flex-shrink:0;width:20px;height:20px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;}.vv-table th[aria-sort="ascending"] .vv-th-sort-icon,.vv-table th[aria-sort="descending"] .vv-th-sort-icon{display:inline-block;}.vv-table th[aria-sort="descending"] .vv-th-sort-icon{transform:rotate(180deg);}.vv-table td{box-sizing:border-box;min-width:var(--vv-col-min);padding:11px 8px 8px;border-bottom:1px solid var(--border-010a);background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--on-primary);text-align:left;vertical-align:top;}.vv-table tbody tr:not(.vv-table-placeholder):hover td{background-image:linear-gradient(var(--state-layer-primary-hover),var(--state-layer-primary-hover));}.vv-table th:last-child,.vv-table td:last-child{padding-right:20px;}.vv-table .vv-table-text{display:block;}.vv-table .vv-table-subtext{display:block;font-size:12px;line-height:16px;letter-spacing:.4px;color:var(--text-secondary);}.vv-table tr.vv-table-placeholder td{padding:0;border-bottom:0;}.vv-menu-floating{position:fixed;z-index:3020;visibility:hidden;}.vv-menu-floating.is-ready{visibility:visible;}.vv-menu .vv-menu-divider{height:1px;margin:8px 0;padding:0;background-color:var(--border-010a);list-style:none;}.vv-menu .vv-menu-item:disabled{color:var(--text-alternate-2);cursor:default;}.vv-menu .vv-menu-item:disabled:hover{background-color:transparent;}.vv-icon-chip{display:inline-flex;align-items:center;width:32px;height:32px;padding:4px;border:1px solid var(--slate-8);border-radius:100px;background-color:var(--surface-light-000);}.vv-icon-chip>img,.vv-icon-chip>span{display:flex;flex-shrink:0;}.vv-icon-chip.is-warning{border-color:var(--bright-yellow-7);background-color:var(--bright-yellow-3);color:var(--bright-yellow-11);}.vv-icon-chip:focus-visible{outline:2px solid var(--on-primary);outline-offset:1px;}.vv-popover-card{min-width:220px;padding:13px 11px;border-radius:8px;background-color:var(--surface-light-010);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);}.vv-popover-card:focus{outline:none;}.vv-popover-card .vv-popover-card-title{margin:0 0 15px;padding-bottom:5px;border-bottom:.5px solid var(--border-010a);font-family:var(--font-family-base);font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--on-primary);}.vv-popover-card .vv-popover-card-loading{display:flex;justify-content:center;padding:8px 0;}.vv-dialog-scrim{position:fixed;inset:0;z-index:3050;display:flex;align-items:center;justify-content:center;padding:16px;background-color:rgba(0,0,0,.32);}.vv-dialog{width:552px;max-width:100%;border:1px solid var(--border-010a);border-radius:16px;background-color:var(--surface-light-000);box-shadow:var(--shadow-elevation-01);}.vv-dialog .vv-dialog-title{margin:0;padding:24px 24px 0;font-family:var(--font-family-base);font-size:24px;font-weight:400;line-height:32px;letter-spacing:0;color:var(--text-primary);}.vv-dialog .vv-dialog-body{margin:0;padding:16px 24px;font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-primary);}.vv-dialog .vv-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:20px 24px 20px 8px;}.vvbtn-text{color:var(--text-primary);}.vvbtn-error{min-width:97px;background-color:var(--surface-global-error);color:var(--text-primary-inverse);}.vvbtn-error:hover::after{background:var(--State-layer-Inverse-hover,rgba(224,233,225,.08));}.vv-status-chip.is-priority-high{border-color:var(--colors-red-7);background-color:var(--colors-red-3);color:var(--colors-red-11);}.vv-status-chip.is-priority-medium{border-color:var(--bright-yellow-7);background-color:var(--bright-yellow-3);color:var(--bright-yellow-11);}.vv-status-chip.is-priority-low{border-color:var(--colors-grass-7);background-color:var(--colors-grass-3);color:#297c3b;}.vv-popover-card.is-scroll{max-height:320px;overflow-y:auto;}.vv-searchbar .vv-searchbar-lead{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:6px;}.vv-searchbar:focus-within{border-color:var(--on-primary);}.vv-row-actions{display:flex;align-items:center;justify-content:flex-start;}.vv-row-actions .vv-icon-button{position:relative;flex:0 0 48px;width:48px;height:48px;margin:0 0 0 -8px;padding:0;border-radius:0;background:transparent;pointer-events:none;}.vv-row-actions .vv-icon-button:first-child{margin-left:0;}.vv-row-actions .vv-icon-button:hover,.vv-row-actions .vv-icon-button:focus,.vv-row-actions .vv-icon-button:active{background:transparent;}.vv-row-actions .vv-icon-button:focus-visible{outline:none;}.vv-row-actions .vv-row-action-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;pointer-events:auto;}.vv-row-actions .vv-row-action-icon>svg,.vv-row-actions .vv-row-action-icon>img{display:block;flex-shrink:0;width:24px;height:24px;}.vv-row-actions .vv-icon-button:hover>.vv-row-action-icon{background-color:var(--state-layer-primary-hover);}.vv-row-actions .vv-icon-button:active>.vv-row-action-icon{background-color:var(--state-layer-primary-active);}.vv-row-actions .vv-icon-button:focus-visible>.vv-row-action-icon{outline:2px solid var(--on-primary);}.otto-brand{display:inline-flex;align-items:center;gap:.35em;vertical-align:middle;white-space:nowrap;}.otto-brand-logo{display:block;flex:0 0 auto;height:1.05em;width:auto;}.vv-tabs{display:flex;align-items:flex-end;padding:0 16px;border-bottom:1px solid var(--border-010a);}.vv-tabs-item{position:relative;height:48px;padding:0 16px;border:none;background:transparent;font-family:var(--font-family-base);font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--text-muted);white-space:nowrap;cursor:pointer;}.vv-tabs-item:hover{background-color:var(--state-layer-primary-hover);color:var(--text-primary);}.vv-tabs-item:focus-visible{outline:2px solid var(--on-primary);outline-offset:-2px;}.vv-tabs-item.is-selected{color:var(--text-primary);}.vv-tabs-item.is-selected::after{content:'';position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:3px 3px 0 0;background-color:var(--text-chips-green);}.vv-check-menu{display:flex;flex-direction:column;width:280px;max-height:380px;padding:8px 0;border-radius:4px;background-color:var(--surface-light-010);box-shadow:var(--shadow-elevation-02);font-family:var(--font-family-base);}.vv-check-menu-search{padding:4px 12px 8px;}.vv-check-menu-input{width:100%;height:40px;padding:0 16px;border:1px solid var(--border-020a);border-radius:100px;background-color:var(--surface-light-000);font-family:var(--font-family-base);font-size:14px;line-height:20px;color:var(--text-primary);}.vv-check-menu-input:focus{outline:2px solid var(--on-primary);outline-offset:-1px;}.vv-check-menu-list{min-height:0;overflow-y:auto;}.vv-check-menu-item{display:flex;align-items:center;gap:12px;min-height:40px;margin:0;padding:0 16px;font-size:14px;font-weight:400;line-height:20px;color:var(--text-primary);cursor:pointer;}.vv-check-menu-item:hover{background-color:var(--state-layer-primary-hover);}.vv-check-menu-item.is-all{border-bottom:1px solid var(--border-010a);}.vv-check-menu-box{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--text-chips-green);}.vv-check-menu-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.vv-check-menu-count{font-size:12px;color:var(--text-muted);}.vv-check-menu-empty{margin:0;padding:8px 16px;font-size:14px;color:var(--text-muted);}.vv-filter-chip.is-active{border-color:var(--border-global-primary);background-color:var(--state-layer-primary-active);}.vv-check-menu-heading{margin:0;padding:12px 16px 4px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);}
body.red-theme .navbar-default{background-color:#db0d25;border-color:#901111;max-width:100vw;}body.red-theme .navbar-default .navbar-nav>li>a{color:#fff;}body.red-theme .navbar-default,body.red-theme .navbar-nav>li>a:hover{color:#000;}body.red-theme #notifications-button{position:fixed;left:490px;top:10px;z-index:1030;color:#fff;}body.red-theme #updateCustomerButton:hover,body.red-theme #updateCustomerButton:active,body.red-theme #updateCustomerButton:focus{background-color:#db0d25;border-color:#901111;}body.red-theme .new-customer:hover,body.red-theme .new-customer:active,body.red-theme .new-customer:focus{background-color:#db0d25;border-color:#901111;}body.red-theme .new-customer:focus{outline:none;box-shadow:none;}body.red-theme .registerBtn:hover,body.red-theme .registerBtn:focus{background-color:#db0d25;border-color:#901111;}body.red-theme .addDealerBtn:hover,body.red-theme .addDealerBtn:focus{background-color:#db0d25;border-color:#901111;}body.red-theme .saveChangesBtn:hover,body.red-theme .saveChangesBtn:focus{background-color:#db0d25;border-color:#901111;}body.red-theme .addTemplateBtn:hover,body.red-theme .addTemplateBtn:focus{background-color:#db0d25;border-color:#901111;}body.red-theme .blue-text{color:#fff900 !important;}body.red-theme .navbar-default .navbar-toggle:hover,body.red-theme .navbar-default .navbar-toggle:focus{background-color:#9b0a1b !important;}body.red-theme .navbar-default .navbar-toggle{border-color:#9b0a1b !important;}body.blue-theme .navbar-default{background-color:#14477e;border-color:#070c4c;max-width:100vw;}body.blue-theme .navbar-default .navbar-nav>li>a{color:#fff;}body.blue-theme .navbar-default,body.blue-theme .navbar-nav>li>a:hover{color:#000;}body.blue-theme #notifications-button{position:fixed;left:490px;top:10px;z-index:1030;color:#fff;}body.blue-theme #updateCustomerButton:hover,body.blue-theme #updateCustomerButton:active,body.blue-theme #updateCustomerButton:focus{background-color:#14477e;border-color:#070c4c;}body.blue-theme .new-customer:hover,body.blue-theme .new-customer:active,body.blue-theme .new-customer:focus{background-color:#14477e;border-color:#070c4c;}body.blue-theme .new-customer:focus{outline:none;box-shadow:none;}body.blue-theme .registerBtn:hover,body.blue-theme .registerBtn:focus{background-color:#14477e;border-color:#070c4c;}body.blue-theme .addDealerBtn:hover,body.blue-theme .addDealerBtn:focus{background-color:#14477e;border-color:#070c4c;}body.blue-theme .saveChangesBtn:hover,body.blue-theme .saveChangesBtn:focus{background-color:#14477e;border-color:#070c4c;}body.blue-theme .addTemplateBtn:hover,body.blue-theme .addTemplateBtn:focus{background-color:#14477e;border-color:#070c4c;}body.blue-theme .blue-text{color:#ffe200 !important;}body.blue-theme .navbar-default .navbar-toggle:hover,body.blue-theme .navbar-default .navbar-toggle:focus{background-color:#14207e !important;}body.blue-theme .navbar-default .navbar-toggle{border-color:#14207e !important;}body.venuevision-theme .navbar-default{background-color:#96c856;border-color:#327634;max-width:100vw;}body.venuevision-theme .navbar-default .navbar-nav>li>a{color:#fff;}body.venuevision-theme .navbar-default,body.venuevision-theme .navbar-nav>li>a:hover{color:#000;}body.venuevision-theme #notifications-button{position:fixed;left:490px;top:10px;z-index:1030;color:#000;}body.venuevision-theme #updateCustomerButton:hover,body.venuevision-theme #updateCustomerButton:active,body.venuevision-theme #updateCustomerButton:focus{background-color:#96c856;border-color:#327634;}body.venuevision-theme .new-customer:hover,body.venuevision-theme .new-customer:active,body.venuevision-theme .new-customer:focus{background-color:#96c856;border-color:#327634;}body.venuevision-theme .new-customer:focus{outline:none;box-shadow:none;}body.venuevision-theme .registerBtn:hover,body.venuevision-theme .registerBtn:focus{background-color:#96c856;border-color:#327634;}body.venuevision-theme .addDealerBtn:hover,body.venuevision-theme .addDealerBtn:focus{background-color:#96c856;border-color:#327634;}body.venuevision-theme .saveChangesBtn:hover,body.venuevision-theme .saveChangesBtn:focus{background-color:#96c856;border-color:#327634;}body.venuevision-theme .addTemplateBtn:hover,body.venuevision-theme .addTemplateBtn:focus{background-color:#96c856;border-color:#327634;}body.venuevision-theme .blue-text{color:#3e3e3e !important;}body.venuevision-theme .navbar-default .navbar-toggle:hover,body.venuevision-theme .navbar-default .navbar-toggle:focus{background-color:#327634 !important;}body.venuevision-theme .navbar-default .navbar-toggle{border-color:#327634 !important;}body.generic-theme .navbar-default{background-color:#5f5f5f;border-color:#ccc;max-width:100vw;}body.generic-theme .navbar-default .navbar-nav>li>a{color:#fff;}body.generic-theme .navbar-default,body.generic-theme .navbar-nav>li>a:hover{color:#000;}body.generic-theme #notifications-button{position:fixed;left:490px;top:10px;z-index:1030;color:#fff;}body.generic-theme #updateCustomerButton:hover,body.generic-theme #updateCustomerButton:active,body.generic-theme #updateCustomerButton:focus{background-color:#5f5f5f;border-color:#ccc;}body.generic-theme .new-customer:hover,body.generic-theme .new-customer:active,body.generic-theme .new-customer:focus{background-color:#5f5f5f;border-color:#ccc;}body.generic-theme .new-customer:focus{outline:none;box-shadow:none;}body.generic-theme .registerBtn:hover,body.generic-theme .registerBtn:focus{background-color:#5f5f5f;border-color:#ccc;}body.generic-theme .addDealerBtn:hover,body.generic-theme .addDealerBtn:focus{background-color:#5f5f5f;border-color:#ccc;}body.generic-theme .saveChangesBtn:hover,body.generic-theme .saveChangesBtn:focus{background-color:#5f5f5f;border-color:#ccc;}body.generic-theme .addTemplateBtn:hover,body.generic-theme .addTemplateBtn:focus{background-color:#5f5f5f;border-color:#ccc;}body.generic-theme .blue-text{color:#ffd600 !important;}body.generic-theme .navbar-default .navbar-toggle:hover,body.generic-theme .navbar-default .navbar-toggle:focus{background-color:#333131 !important;}body.generic-theme .navbar-default .navbar-toggle{border-color:#333131 !important;}
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.21/b-1.6.2/b-colvis-1.6.2/b-flash-1.6.2/b-html5-1.6.2/b-print-1.6.2/r-2.2.5
 *
 * Included libraries:
 *   JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.21, Buttons 1.6.2, Column visibility 1.6.2, Flash export 1.6.2, HTML5 export 1.6.2, Print view 1.6.2, Responsive 2.2.5
 */

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display: none !important;
}

table.dataTable thead .sorting_desc::after {
    display: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}


@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}

div.dt-button-collection-title:empty {
  display: none;
}

button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc');
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-buttons.buttons-right {
  float: right;
}

div.dataTables_layout_cell div.dt-buttons {
  float: none;
}
div.dataTables_layout_cell div.dt-buttons.buttons-right {
  float: none;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 400px;
}
div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
}
div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
}
div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Fallback */
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Firefox */
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera */
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 14px;
  width: 14px;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}



table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 14px;
  width: 14px;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.5;
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\e150";
  /* sort */
}
table.dataTable thead .sorting_asc:after {
  content: "\e155";
  /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
  content: "\e156";
  /* sort-by-attributes-alt */
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody > table > tbody > tr:first-child > th,
div.dataTables_scrollBody > table > tbody > tr:first-child > td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

table.table-bordered.dataTable {
  border-right-width: 0;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 1px;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}

div.dt-button-collection-title:empty {
  display: none;
}

button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc');
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-buttons.buttons-right {
  float: right;
}

div.dataTables_layout_cell div.dt-buttons {
  float: none;
}
div.dataTables_layout_cell div.dt-buttons.buttons-right {
  float: none;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 400px;
}
div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
}
div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
}
div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Fallback */
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Firefox */
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera */
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

table.dataTable thead th[data-is-resizable=true] {
  border-left: 1px solid transparent;
  border-right: 1px dashed #bfbfbf;
}
table.dataTable thead th.dt-colresizable-hover {
  cursor: col-resize;
  background-color: #eaeaea;
  border-left: 1px solid #bfbfbf;
 }
table.dataTable thead th.dt-colresizable-bound-min, 
table.dataTable thead th.dt-colresizable-bound-max {
  opacity: 0.2;
  cursor: not-allowed !important;
}
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}
/*# sourceMappingURL=bootstrap-datepicker.min.css.map */
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.45
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/**
  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  *
  * @version v3.3.4
  * @homepage https://bttstrp.github.io/bootstrap-switch
  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  * @license Apache-2.0
  */

.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:4px;border:1px solid #ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:table-cell;vertical-align:middle;padding:6px 12px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{color:#fff;background:#337ab7}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;color:#333;background:#fff}.bootstrap-switch span::before{content:"\200b"}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;margin:0;z-index:-1;opacity:0;filter:alpha(opacity=0);visibility:hidden}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding:1px 5px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding:5px 10px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding:6px 16px;font-size:18px;line-height:1.3333333}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly{cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-radius:0 3px 3px 0}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-radius:3px 0 0 3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}

    .flatpickr-calendar.open,
    .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
        animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block;
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:before,
    .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        left: 22px;
    }

    .flatpickr-calendar.rightMost:before,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar.arrowCenter:before,
    .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:before,
    .flatpickr-calendar.arrowTop:after {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:before,
    .flatpickr-calendar.arrowBottom:after {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: rgba(0,0,0,0.9);
        fill: rgba(0,0,0,0.9);
        height: 34px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: rgba(0,0,0,0.9);
        fill: rgba(0,0,0,0.9);
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-prev-month i,
        .flatpickr-months .flatpickr-next-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            left: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }
        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            right: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }
        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            color: #959ea9;
        }

            .flatpickr-months .flatpickr-prev-month:hover svg,
            .flatpickr-months .flatpickr-next-month:hover svg {
                fill: #f64747;
            }

        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px;
        }

            .flatpickr-months .flatpickr-prev-month svg path,
            .flatpickr-months .flatpickr-next-month svg path {
                -webkit-transition: fill 0.1s;
                transition: fill 0.1s;
                fill: inherit;
            }

.numInputWrapper {
    position: relative;
    height: auto;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-outer-spin-button,
        .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57,57,57,0.15);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .numInputWrapper span:hover {
            background: rgba(0,0,0,0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0,0,0,0.2);
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57,57,57,0.6);
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57,57,57,0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto;
        }

            .numInputWrapper span svg path {
                fill: rgba(0,0,0,0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0,0,0,0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0,0,0,0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0;
        display: inline-block;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0,0,0,0.9);
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0,0,0,0.9);
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0,0,0,0.5);
            background: transparent;
            pointer-events: none;
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0 0;
        outline: none;
        padding: 0 0 0 0.5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto;
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
        .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0,0,0,0.05);
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0;
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

    .dayContainer + .dayContainer {
        -webkit-box-shadow: -1px 0 0 #e6e6e6;
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .flatpickr-day.inRange,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.today.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day:hover,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day:focus,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #e6e6e6;
        border-color: #e6e6e6;
    }

    .flatpickr-day.today {
        border-color: #959ea9;
    }

        .flatpickr-day.today:hover,
        .flatpickr-day.today:focus {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff;
        }

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        background: #569ff7;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        border-color: #569ff7;
    }

        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange,
        .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px;
        }

        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange,
        .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0;
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            -webkit-box-shadow: -10px 0 0 #569ff7;
            box-shadow: -10px 0 0 #569ff7;
        }

        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange,
        .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
        box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.notAllowed.nextMonthDay {
        color: rgba(57,57,57,0.3);
        background: transparent;
        border-color: transparent;
        cursor: default;
    }

        .flatpickr-day.flatpickr-disabled,
        .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: rgba(57,57,57,0.1);
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
        box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        -webkit-box-shadow: 1px 0 0 #e6e6e6;
        box-shadow: 1px 0 0 #e6e6e6;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57,57,57,0.3);
        background: transparent;
        cursor: default;
        border: none;
    }

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
    }

    .flatpickr-time .numInputWrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        font-size: 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: bold;
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0;
        }

    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: bold;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
    }

        .flatpickr-time input:hover,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time .flatpickr-am-pm:focus {
            background: #eee;
        }

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.flatpickr-confirm {
	height: 40px;
	max-height: 0px;
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: rgba(0,0,0,0.06)
}

.flatpickr-confirm svg path {
	fill: inherit;
}

.flatpickr-confirm.darkTheme {
	color: white;
	fill: white;
}

.flatpickr-confirm.visible {
	max-height: 40px;
	visibility: visible
}

/*!
 * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-bacteria:before {
  content: "\e059"; }

.fa-bacterium:before {
  content: "\e05a"; }

.fa-bahai:before {
  content: "\f666"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-tissue:before {
  content: "\e05b"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-faucet:before {
  content: "\e005"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-medical:before {
  content: "\e05c"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-sparkles:before {
  content: "\e05d"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-wash:before {
  content: "\e05e"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-handshake-alt-slash:before {
  content: "\e05f"; }

.fa-handshake-slash:before {
  content: "\e060"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side-cough:before {
  content: "\e061"; }

.fa-head-side-cough-slash:before {
  content: "\e062"; }

.fa-head-side-mask:before {
  content: "\e063"; }

.fa-head-side-virus:before {
  content: "\e064"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-user:before {
  content: "\e065"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\e055"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-house:before {
  content: "\e066"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lungs-virus:before {
  content: "\e067"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-arrows:before {
  content: "\e068"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-square:before {
  content: "\e01e"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-plane-slash:before {
  content: "\e069"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pump-medical:before {
  content: "\e06a"; }

.fa-pump-soap:before {
  content: "\e06b"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-virus:before {
  content: "\e06c"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sink:before {
  content: "\e06d"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-soap:before {
  content: "\e06e"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-stopwatch-20:before {
  content: "\e06f"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-store-alt-slash:before {
  content: "\e070"; }

.fa-store-slash:before {
  content: "\e071"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-slash:before {
  content: "\e072"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-trailer:before {
  content: "\e041"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-unity:before {
  content: "\e049"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-users-slash:before {
  content: "\e073"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-virus:before {
  content: "\e074"; }

.fa-virus-slash:before {
  content: "\e075"; }

.fa-viruses:before {
  content: "\e076"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../Content/fonts/fa-brands-400.eot");
    src: url("../Content/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../Content/fonts/fa-brands-400.woff2") format("woff2"), url("../Content/fonts/fa-brands-400.woff") format("woff"), url("../Content/fonts/fa-brands-400.ttf") format("truetype"), url("../Content/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../Content/fonts/fa-regular-400.eot");
    src: url("../Content/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../Content/fonts/fa-regular-400.woff2") format("woff2"), url("../Content/fonts/fa-regular-400.woff") format("woff"), url("../Content/fonts/fa-regular-400.ttf") format("truetype"), url("../Content/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../Content/fonts/fa-solid-900.eot");
    src: url("../Content/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../Content/fonts/fa-solid-900.woff2") format("woff2"), url("../Content/fonts/fa-solid-900.woff") format("woff"), url("../Content/fonts/fa-solid-900.ttf") format("truetype"), url("../Content/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../Content/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../Content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../Content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../Content/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../Content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}