/* Minification failed. Returning unminified contents. (3171,42): run-time error CSS1030: Expected identifier, found '.' (3171,54): run-time error CSS1031: Expected selector, found ')' (3171,54): run-time error CSS1025: Expected comma or open brace, found ')' (5871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5898,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-bg' (5899,21): run-time error CSS1039: Token not allowed after unary operator: '-ws-font' (5902,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (5906,30): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (5909,17): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (5910,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (5912,29): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (5912,54): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (5914,32): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (5914,63): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (5916,50): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (5918,42): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (5923,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-bg' (5940,16): run-time error CSS1039: Token not allowed after unary operator: '-ws-header-h' (5945,43): run-time error CSS1039: Token not allowed after unary operator: '-ws-header' (5945,64): run-time error CSS1039: Token not allowed after unary operator: '-ws-header-2' (5968,56): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (5982,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6000,16): run-time error CSS1039: Token not allowed after unary operator: '-ws-header-h' (6008,72): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6017,48): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6019,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6020,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6023,79): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6027,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6028,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6031,87): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6062,43): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6063,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6064,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6073,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6073,44): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6091,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6110,74): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6112,60): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6117,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6118,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6119,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (6120,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6129,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6133,46): run-time error CSS1039: Token not allowed after unary operator: '-ws-accent' (6134,47): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6135,40): run-time error CSS1039: Token not allowed after unary operator: '-ws-muted' (6135,71): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6135,106): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6135,126): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6137,44): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6138,49): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6138,92): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6149,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6150,49): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6152,34): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6158,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6160,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6161,43): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6170,40): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6173,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6174,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6175,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6176,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6178,45): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6196,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6198,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (6230,38): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6230,70): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6250,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6253,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6254,37): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6273,64): run-time error CSS1030: Expected identifier, found '>' (6273,75): run-time error CSS1031: Expected selector, found ')' (6273,75): run-time error CSS1025: Expected comma or open brace, found ')' (6287,64): run-time error CSS1030: Expected identifier, found '>' (6287,75): run-time error CSS1031: Expected selector, found ')' (6287,75): run-time error CSS1025: Expected comma or open brace, found ')' (6288,64): run-time error CSS1030: Expected identifier, found '>' (6288,75): run-time error CSS1031: Expected selector, found ')' (6288,75): run-time error CSS1025: Expected comma or open brace, found ')' (6289,64): run-time error CSS1030: Expected identifier, found '>' (6289,75): run-time error CSS1031: Expected selector, found ')' (6289,75): run-time error CSS1025: Expected comma or open brace, found ')' (6323,88): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6328,66): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6334,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6335,62): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6336,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6340,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (6341,50): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6341,72): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (6343,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (6347,38): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6348,41): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (6353,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6355,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6359,78): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (6361,47): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6365,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6366,50): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6366,72): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (6373,31): run-time error CSS1030: Expected identifier, found '>' (6373,48): run-time error CSS1031: Expected selector, found ')' (6373,48): run-time error CSS1025: Expected comma or open brace, found ')' (6386,31): run-time error CSS1030: Expected identifier, found '>' (6386,48): run-time error CSS1031: Expected selector, found ')' (6386,48): run-time error CSS1025: Expected comma or open brace, found ')' (6388,31): run-time error CSS1030: Expected identifier, found '>' (6388,48): run-time error CSS1031: Expected selector, found ')' (6388,48): run-time error CSS1025: Expected comma or open brace, found ')' (6389,31): run-time error CSS1030: Expected identifier, found '>' (6389,48): run-time error CSS1031: Expected selector, found ')' (6389,48): run-time error CSS1025: Expected comma or open brace, found ')' (6391,31): run-time error CSS1030: Expected identifier, found '>' (6391,48): run-time error CSS1031: Expected selector, found ')' (6391,48): run-time error CSS1025: Expected comma or open brace, found ')' (6392,31): run-time error CSS1030: Expected identifier, found '>' (6392,48): run-time error CSS1031: Expected selector, found ')' (6392,48): run-time error CSS1025: Expected comma or open brace, found ')' (6394,31): run-time error CSS1030: Expected identifier, found '>' (6394,48): run-time error CSS1031: Expected selector, found ')' (6394,48): run-time error CSS1025: Expected comma or open brace, found ')' (6403,31): run-time error CSS1030: Expected identifier, found '>' (6403,48): run-time error CSS1031: Expected selector, found ')' (6403,48): run-time error CSS1025: Expected comma or open brace, found ')' (6404,31): run-time error CSS1030: Expected identifier, found '>' (6404,48): run-time error CSS1031: Expected selector, found ')' (6404,48): run-time error CSS1025: Expected comma or open brace, found ')' (6409,31): run-time error CSS1030: Expected identifier, found '>' (6409,48): run-time error CSS1031: Expected selector, found ')' (6409,48): run-time error CSS1025: Expected comma or open brace, found ')' (6410,31): run-time error CSS1030: Expected identifier, found '>' (6410,48): run-time error CSS1031: Expected selector, found ')' (6410,48): run-time error CSS1025: Expected comma or open brace, found ')' (6411,31): run-time error CSS1030: Expected identifier, found '>' (6411,48): run-time error CSS1031: Expected selector, found ')' (6411,48): run-time error CSS1025: Expected comma or open brace, found ')' (6414,31): run-time error CSS1030: Expected identifier, found '>' (6414,48): run-time error CSS1031: Expected selector, found ')' (6414,48): run-time error CSS1025: Expected comma or open brace, found ')' (6415,31): run-time error CSS1030: Expected identifier, found '>' (6415,48): run-time error CSS1031: Expected selector, found ')' (6415,48): run-time error CSS1025: Expected comma or open brace, found ')' (6416,31): run-time error CSS1030: Expected identifier, found '>' (6416,48): run-time error CSS1031: Expected selector, found ')' (6416,48): run-time error CSS1025: Expected comma or open brace, found ')' (6417,31): run-time error CSS1030: Expected identifier, found '>' (6417,48): run-time error CSS1031: Expected selector, found ')' (6417,48): run-time error CSS1025: Expected comma or open brace, found ')' (6418,31): run-time error CSS1030: Expected identifier, found '>' (6418,48): run-time error CSS1031: Expected selector, found ')' (6418,48): run-time error CSS1025: Expected comma or open brace, found ')' (6420,31): run-time error CSS1030: Expected identifier, found '>' (6420,48): run-time error CSS1031: Expected selector, found ')' (6420,48): run-time error CSS1025: Expected comma or open brace, found ')' (6421,31): run-time error CSS1030: Expected identifier, found '>' (6421,48): run-time error CSS1031: Expected selector, found ')' (6421,48): run-time error CSS1025: Expected comma or open brace, found ')' (6422,31): run-time error CSS1030: Expected identifier, found '>' (6422,48): run-time error CSS1031: Expected selector, found ')' (6422,48): run-time error CSS1025: Expected comma or open brace, found ')' (6428,31): run-time error CSS1030: Expected identifier, found '>' (6428,48): run-time error CSS1031: Expected selector, found ')' (6428,48): run-time error CSS1025: Expected comma or open brace, found ')' (6430,31): run-time error CSS1030: Expected identifier, found '>' (6430,48): run-time error CSS1031: Expected selector, found ')' (6430,48): run-time error CSS1025: Expected comma or open brace, found ')' (6431,31): run-time error CSS1030: Expected identifier, found '>' (6431,48): run-time error CSS1031: Expected selector, found ')' (6431,48): run-time error CSS1025: Expected comma or open brace, found ')' (6433,31): run-time error CSS1030: Expected identifier, found '>' (6433,48): run-time error CSS1031: Expected selector, found ')' (6433,48): run-time error CSS1025: Expected comma or open brace, found ')' (6434,31): run-time error CSS1030: Expected identifier, found '>' (6434,48): run-time error CSS1031: Expected selector, found ')' (6434,48): run-time error CSS1025: Expected comma or open brace, found ')' (6435,31): run-time error CSS1030: Expected identifier, found '>' (6435,48): run-time error CSS1031: Expected selector, found ')' (6435,48): run-time error CSS1025: Expected comma or open brace, found ')' (6436,31): run-time error CSS1030: Expected identifier, found '>' (6436,48): run-time error CSS1031: Expected selector, found ')' (6436,48): run-time error CSS1025: Expected comma or open brace, found ')' (6437,31): run-time error CSS1030: Expected identifier, found '>' (6437,48): run-time error CSS1031: Expected selector, found ')' (6437,48): run-time error CSS1025: Expected comma or open brace, found ')' (6439,11): run-time error CSS1030: Expected identifier, found '>' (6439,35): run-time error CSS1031: Expected selector, found ')' (6439,35): run-time error CSS1025: Expected comma or open brace, found ')' (6442,11): run-time error CSS1030: Expected identifier, found '>' (6442,35): run-time error CSS1031: Expected selector, found ')' (6442,35): run-time error CSS1025: Expected comma or open brace, found ')' (6443,11): run-time error CSS1030: Expected identifier, found '>' (6443,35): run-time error CSS1031: Expected selector, found ')' (6443,35): run-time error CSS1025: Expected comma or open brace, found ')' (6444,11): run-time error CSS1030: Expected identifier, found '>' (6444,35): run-time error CSS1031: Expected selector, found ')' (6444,35): run-time error CSS1025: Expected comma or open brace, found ')' (6454,96): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6461,100): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6462,96): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6469,86): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6470,40): run-time error CSS1030: Expected identifier, found '>' (6470,65): run-time error CSS1031: Expected selector, found ')' (6470,65): run-time error CSS1025: Expected comma or open brace, found ')' (6473,33): run-time error CSS1030: Expected identifier, found '>' (6473,50): run-time error CSS1031: Expected selector, found ')' (6473,50): run-time error CSS1025: Expected comma or open brace, found ')' (6474,33): run-time error CSS1030: Expected identifier, found '>' (6474,50): run-time error CSS1031: Expected selector, found ')' (6474,50): run-time error CSS1025: Expected comma or open brace, found ')' (6475,33): run-time error CSS1030: Expected identifier, found '>' (6475,50): run-time error CSS1031: Expected selector, found ')' (6475,50): run-time error CSS1025: Expected comma or open brace, found ')' (6488,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6489,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6492,74): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6505,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6506,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6513,97): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6521,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6522,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6523,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6525,28): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6544,43): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6544,65): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (6554,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6555,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6556,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6578,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6583,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6592,37): run-time error CSS1030: Expected identifier, found '>' (6592,58): run-time error CSS1031: Expected selector, found ')' (6592,58): run-time error CSS1025: Expected comma or open brace, found ')' (6593,131): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6603,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6608,77): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6609,49): run-time error CSS1030: Expected identifier, found '*' (6609,51): run-time error CSS1031: Expected selector, found ')' (6609,51): run-time error CSS1025: Expected comma or open brace, found ')' (6618,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6637,37): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6638,34): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6643,50): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6648,100): run-time error CSS1039: Token not allowed after unary operator: '-ws-danger' (6651,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6655,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6656,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6656,183): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6658,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6660,27): run-time error CSS1030: Expected identifier, found '>' (6660,49): run-time error CSS1031: Expected selector, found ')' (6660,49): run-time error CSS1025: Expected comma or open brace, found ')' (6662,25): run-time error CSS1030: Expected identifier, found '>' (6662,46): run-time error CSS1031: Expected selector, found ')' (6662,46): run-time error CSS1025: Expected comma or open brace, found ')' (6670,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6671,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6673,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6676,9): run-time error CSS1030: Expected identifier, found '>' (6676,54): run-time error CSS1031: Expected selector, found ')' (6676,54): run-time error CSS1025: Expected comma or open brace, found ')' (6682,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6685,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6693,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6694,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6696,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6697,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6699,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6700,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6702,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6703,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6717,108): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6718,81): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6718,112): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6724,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6725,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6726,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6731,50): run-time error CSS1030: Expected identifier, found '>' (6731,61): run-time error CSS1031: Expected selector, found ')' (6731,61): run-time error CSS1025: Expected comma or open brace, found ')' (6734,15): run-time error CSS1030: Expected identifier, found '#MetaGridOverviewWindow' (6734,38): run-time error CSS1031: Expected selector, found ')' (6734,38): run-time error CSS1025: Expected comma or open brace, found ')' (6744,44): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6744,66): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6750,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6761,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6762,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6763,30): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6767,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6768,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6769,30): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6769,59): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6775,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6776,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6781,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6783,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6787,63): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (6789,112): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6790,89): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6791,84): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6792,59): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6793,67): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6794,68): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6796,106): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6797,111): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6802,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6804,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6805,30): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6805,48): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6807,55): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6808,49): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6814,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6815,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6820,92): run-time error CSS1039: Token not allowed after unary operator: '-ws-danger' (6823,39): run-time error CSS1039: Token not allowed after unary operator: '-ws-danger' (6824,30): run-time error CSS1039: Token not allowed after unary operator: '-ws-danger' (6831,21): run-time error CSS1039: Token not allowed after unary operator: '-ws-font' (6847,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6848,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6849,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6855,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6867,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6868,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6870,21): run-time error CSS1039: Token not allowed after unary operator: '-ws-font' (6871,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6873,37): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6874,62): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6878,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6880,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6881,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6883,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6890,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6900,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6901,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6909,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (6910,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (6914,65): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6919,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6920,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (6922,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6923,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6933,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6934,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6939,46): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6949,51): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (6953,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (6956,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6957,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6961,79): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6962,47): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6971,73): run-time error CSS1039: Token not allowed after unary operator: '-ws-border-strong' (6971,110): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow' (6973,49): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6974,36): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (6979,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6980,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (6984,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6988,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6989,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (6994,81): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (6996,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6996,43): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (6999,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (7002,103): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (7004,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (7005,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7005,39): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7005,56): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (7006,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7007,34): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7010,22): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7011,25): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7011,42): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7011,59): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7012,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (7017,34): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7017,67): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7018,68): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (7019,63): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7028,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-surface' (7029,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7030,15): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (7036,56): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7039,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7040,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7041,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (7044,87): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (7044,118): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink' (7045,73): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7048,40): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7048,73): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7049,95): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (7052,35): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7052,67): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7054,26): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7057,88): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7061,23): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (7062,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-header' (7065,20): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (7067,39): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7067,69): run-time error CSS1039: Token not allowed after unary operator: '-ws-shadow-lg' (7068,55): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7068,88): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7069,69): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7069,102): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7071,104): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7072,90): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary' (7073,84): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (7074,36): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7074,86): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7075,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7075,65): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7076,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7076,65): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7080,36): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius' (7081,52): run-time error CSS1039: Token not allowed after unary operator: '-ws-radius-sm' (7092,95): run-time error CSS1039: Token not allowed after unary operator: '-ws-header-2' (7118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7227,48): run-time error CSS1039: Token not allowed after unary operator: '-ic-color' (7228,22): run-time error CSS1039: Token not allowed after unary operator: '-ic' (7228,66): run-time error CSS1039: Token not allowed after unary operator: '-ic' (7245,20): run-time error CSS1039: Token not allowed after unary operator: '-ic-color' (7246,22): run-time error CSS1039: Token not allowed after unary operator: '-ic' (7246,66): run-time error CSS1039: Token not allowed after unary operator: '-ic' (7248,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7249,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7250,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7251,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7252,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7253,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7254,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7255,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7256,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7257,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7258,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7259,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7260,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7261,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7262,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7263,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7264,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7265,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7266,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7267,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7268,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7269,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7270,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7271,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7272,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7273,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7274,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7275,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7276,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7277,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7278,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7279,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7280,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7281,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7282,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7283,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7284,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7285,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7286,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7287,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7288,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7289,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7290,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7291,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7292,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7293,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7294,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7295,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7296,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7297,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7298,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7299,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7300,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7301,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7302,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7303,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7304,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7305,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7306,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7307,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7308,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7309,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7310,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7311,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7312,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7313,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7314,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7315,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7316,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7317,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7318,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7329,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7353,28): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7360,20): run-time error CSS1039: Token not allowed after unary operator: '-id-swoosh' (7372,70): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (7373,32): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7373,66): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (7376,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7379,55): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (7380,68): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-soft' (7381,33): run-time error CSS1039: Token not allowed after unary operator: '-ws-ink-soft' (7383,67): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7390,33): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-dark' (7390,57): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7390,77): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-2' (7394,53): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7404,26): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7405,49): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-dark' (7405,73): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7407,59): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-dark' (7407,83): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7407,103): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-2' (7408,110): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7412,44): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7412,74): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7414,83): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (7414,122): run-time error CSS1039: Token not allowed after unary operator: '-ws-primary-hover' (7421,20): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7422,22): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7431,47): run-time error CSS1039: Token not allowed after unary operator: '-id-red-dark' (7431,81): run-time error CSS1039: Token not allowed after unary operator: '-id-red-dark' (7441,15): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7442,34): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7444,88): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7446,26): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7446,67): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7456,20): run-time error CSS1039: Token not allowed after unary operator: '-id-swoosh' (7461,26): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7464,33): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-dark' (7464,57): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7466,61): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7466,91): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7467,67): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7467,96): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7469,62): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-2' (7469,83): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7470,44): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7470,101): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7470,119): run-time error CSS1039: Token not allowed after unary operator: '-id-red-dark' (7478,66): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7478,85): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7479,72): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7479,90): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7479,110): run-time error CSS1039: Token not allowed after unary operator: '-ws-border' (7480,49): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7482,20): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7483,30): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7485,126): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7486,131): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7497,63): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7497,109): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7522,64): run-time error CSS1030: Expected identifier, found '>' (7522,75): run-time error CSS1031: Expected selector, found ')' (7522,75): run-time error CSS1025: Expected comma or open brace, found ')' (7527,83): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-dark' (7527,107): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7533,20): run-time error CSS1039: Token not allowed after unary operator: '-id-swoosh' (7535,58): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7536,64): run-time error CSS1039: Token not allowed after unary operator: '-id-red-dark' (7537,76): run-time error CSS1039: Token not allowed after unary operator: '-id-navy-dark' (7537,100): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7538,136): run-time error CSS1039: Token not allowed after unary operator: '-id-swoosh' (7539,46): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7548,20): run-time error CSS1039: Token not allowed after unary operator: '-id-swoosh' (7552,17): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7553,23): run-time error CSS1039: Token not allowed after unary operator: '-id-red' (7556,69): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7556,99): run-time error CSS1039: Token not allowed after unary operator: '-id-navy' (7560,21): run-time error CSS1030: Expected identifier, found '.' (7560,38): run-time error CSS1031: Expected selector, found ')' (7560,38): run-time error CSS1025: Expected comma or open brace, found ')' (7561,21): run-time error CSS1030: Expected identifier, found '.' (7561,38): run-time error CSS1031: Expected selector, found ')' (7561,38): run-time error CSS1025: Expected comma or open brace, found ')' (7581,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7581,37): run-time error CSS1031: Expected selector, found ')' (7581,37): run-time error CSS1025: Expected comma or open brace, found ')' (7582,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7582,37): run-time error CSS1031: Expected selector, found ')' (7582,37): run-time error CSS1025: Expected comma or open brace, found ')' (7583,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7583,37): run-time error CSS1031: Expected selector, found ')' (7583,37): run-time error CSS1025: Expected comma or open brace, found ')' (7584,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7584,37): run-time error CSS1031: Expected selector, found ')' (7584,37): run-time error CSS1025: Expected comma or open brace, found ')' (7585,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7585,37): run-time error CSS1031: Expected selector, found ')' (7585,37): run-time error CSS1025: Expected comma or open brace, found ')' (7589,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7589,37): run-time error CSS1031: Expected selector, found ')' (7589,37): run-time error CSS1025: Expected comma or open brace, found ')' (7590,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7590,37): run-time error CSS1031: Expected selector, found ')' (7590,37): run-time error CSS1025: Expected comma or open brace, found ')' (7591,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7591,37): run-time error CSS1031: Expected selector, found ')' (7591,37): run-time error CSS1025: Expected comma or open brace, found ')' (7592,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7592,37): run-time error CSS1031: Expected selector, found ')' (7592,37): run-time error CSS1025: Expected comma or open brace, found ')' (7593,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7593,37): run-time error CSS1031: Expected selector, found ')' (7593,37): run-time error CSS1025: Expected comma or open brace, found ')' (7594,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7594,37): run-time error CSS1031: Expected selector, found ')' (7594,37): run-time error CSS1025: Expected comma or open brace, found ')' (7595,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7595,37): run-time error CSS1031: Expected selector, found ')' (7595,37): run-time error CSS1025: Expected comma or open brace, found ')' (7596,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7596,37): run-time error CSS1031: Expected selector, found ')' (7596,37): run-time error CSS1025: Expected comma or open brace, found ')' (7597,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7597,37): run-time error CSS1031: Expected selector, found ')' (7597,37): run-time error CSS1025: Expected comma or open brace, found ')' (7598,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7598,37): run-time error CSS1031: Expected selector, found ')' (7598,37): run-time error CSS1025: Expected comma or open brace, found ')' (7599,20): run-time error CSS1030: Expected identifier, found '#loginBoxContent' (7599,37): run-time error CSS1031: Expected selector, found ')' (7599,37): run-time error CSS1025: Expected comma or open brace, found ')' (7629,42): run-time error CSS1030: Expected identifier, found '.' (7629,54): run-time error CSS1031: Expected selector, found ')' (7629,54): run-time error CSS1025: Expected comma or open brace, found ')' */ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ canvas { -ms-touch-action: double-tap-zoom; } #WebsiteTitle:before { content: "WebSped"; } #WebsiteTitleRegTrademark { /*display:none;*/ } .collapsed { visibility: collapse; } * { margin: 0; padding: 0; } html { height: 100%; } body { background-color: #FFFFFF; font: normal small Segoe UI, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; /*overflow-x: hidden;*/ height: 100%; } clear { clear: both; } fieldset { border: none; } legend { display: none; } h1, h2, h3, h4 { margin-bottom: 5px; color: #009EE3; font-size: 42px; font-weight: normal; } h2 { margin-bottom: 5px; color: #009EE3; font-size: 20px; font-weight: normal; } .TwoFAStepColor { color: #fff; } h3 { margin-top: 1.5em; margin-bottom: .1em; font-size: 12px; font-weight: normal; } h4 { font-size: 12px; } hr { border: none; height: 1px; color: #D1D1D1; background-color: #D1D1D1; margin-bottom: 1em; text-align: left; margin-left: 0; } /*p, blockquote, ul, ol { margin-bottom: 0.5em; line-height: 1.0em; }*/ p { } blockquote { } ul { margin-left: 2em; list-style: square; } ul li { } ol { margin-left: 2em; list-style: lower-roman; } ol li { } a { color: #009EE3; } a:hover { text-decoration: none; font-weight: bold; /*color: #009EE3;*/ } a.tileAnchor:hover { font-weight: normal !important; } img { border: none; } /* Boxed Style */ .boxed { margin-bottom: 1em; border: 1px solid #CCCCCC; width: 650px; } .boxed .title { height: 60px; padding: 10px; background: #009EE3; color: #FFFFFF; } .boxed .content { padding: 30px 10px 10px 10px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; /*filter: background blur(20px);*/ } .boxed .TwoFAContent { padding: 30px 20px 10px 20px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; /*filter: background blur(20px);*/ } textarea { /*border:1px solid #999999; */ width: 100%; padding: 3px; resize: none; } textarea:focus { outline: none; border: 1px solid #aaa; } .textarea-count { text-align: right; padding: 0 0 10px 0; font-size: 0.875rem; } /* Header */ #header { width: 750px; height: 43px; margin: 0 auto; } #headerBackground { background: url(/App_Themes/Default/images/img01.gif) repeat-x; color: #000000; height: 100%; } #headerBackgroundHome { background: url(/App_Themes/Default/images/img01.gif) repeat-x; color: #000000; height: 100%; } #headerlogo { background: url(/App_Themes/Default/images/img02.png) no-repeat 20px 15px; background-position: top right; } #headerlogoHome { background: url(/App_Themes/Default/images/img02.png) no-repeat 20px 15px; background-position: top right; overflow: auto; } /* Header > Slogan */ #slogan { float: left; cursor: pointer; } #slogan h1 { color: #FFFFFF; font-size: 30px; } #slogan h2 { margin: 0; padding-top: 8px; color: #fff; font-size: 20px; font-weight: bold; } #slogan a { text-decoration: none; color: #FFFFFF; } .sectionHeader { /*background-color: #ececec; color: #009EE3;*/ background-color: #009EE3; color: #ffffff; text-align: right; padding: 0 10px 0 0; } #SectionHeaderSearch { font-size: 12px; } #SectionHeaderText { position: relative; top: 2px; margin-right: 5px; } /* Header > Top Menu */ #topmenu { float: left; padding-left: 30px; } #topmenu ul { margin: 0; padding: 22px 0 0 0; list-style: none; line-height: normal; } #topmenu li { display: inline; } #topmenu a { display: block; float: left; margin: 0 0 0 20px; padding: 0 0 0 15px; /*text-transform: uppercase;*/ text-decoration: none; font-size: 11px; color: #FFFFFF; } #topmenu a:hover { text-decoration: underline; } #topmenu1 { background: url(/App_Themes/Default/images/img03.gif) no-repeat left center; } #topmenu2 { background: url(/App_Themes/Default/images/img05.gif) no-repeat left center; } #topmenu3 { background: url(/App_Themes/Default/images/img04.gif) no-repeat left center; } #topmenu4 { background: url(/App_Themes/Default/images/icons/booking.png) no-repeat left center; } /* Menu */ #menu { clear: both; width: 750px; height: 40px; margin: 0 Auto; } #menu ul { margin: 0; list-style: none; line-height: normal; float: left; } #menu li { display: inline; } #menu a { display: block; float: left; height: 26px; padding: 14px 18px 0 20px; background: url(/App_Themes/Default/images/img06.gif) no-repeat; text-transform: uppercase; text-decoration: none; } #menu a:hover { text-decoration: underline; font-weight: bold; } #menu .first a { padding-left: 0; background: none; } #ChatHeader { padding: 7px; background-color: #009EE3; color: #fff; text-align: right; } #layoutMap #menu { clear: both; width: 750px; height: 22px; margin: 0 Auto; } #CookieNotifier { margin: 0; padding: 20px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; font-size: 12pt; background-color: rgba(0,0,0,0.7); color: #fff; } /* Content */ .content-video { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: -100; overflow: hidden; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .content-register { /*margin: 0 auto; width: 600px;*/ } #content-user { position: absolute; top: 40px; right: 135px; } #content-center { /*float: right; position: relative; right: 50%;*/ width: 1180px; margin: 0px auto 60px auto; text-align: left; overflow: auto; /*background: #fff url(/App_Themes/Default/images/flaeche.png) no-repeat;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (min-width: 1400px) { #content-center { width: 1380px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (min-width: 1600px) { #content-center { width: 1580px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (min-width: 1900px) { #content-center { width: 1800px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } #content-center-map { /*float: right; position: relative; right: 50%;*/ width: 1180px; text-align: left; background: #FFFFFF url(/App_Themes/Default/images/flaeche.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content-right-bar { text-align: left; padding: 10px 10px; /*margin: 20px;*/ /*position: absolute;*/ border: 0px solid #D1D1D1; background: #FFFFFF url(/App_Themes/Default/images/flaeche.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* for non-css3 browsers */ /*background: #FFFFFF; */ /* for IE */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#FFFFFF', 30px); */ /* for webkit browsers */ /*background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF)); */ /* for firefox 3.6+ */ /*background: -moz-linear-gradient(top, #F1F1F1, #FFFFFF); */ } #content-right-bar h3 { margin-top: 0px; margin-bottom: 5px; background-color: #009EE3; /*width: 100%;*/ padding: 5px 10px 5px 10px; color: #FFFFFF; } #content { margin-top: 20px; margin-bottom: 100px; padding-right: 0.3em; padding-left: 0.4em; } #content-header-left { background-color: #009EE3; width: 50px; text-align: center; cursor: pointer; } #content-header-left:hover { background-color: #F8B201; } #content-header-center { background-color: #009EE3; /*width: 100%;*/ padding: 0 10px 0 10px; line-height: 1.7rem; } #content-header { height: 50px; width: 100%; color: White; font-size: 20px; /*margin-bottom: 30px;*/ border-spacing: 5px; } #content-header-popup { display: none; background-color: white; margin: -5px 0 0 0; padding: 10px; position: absolute; right: 65px; width: 350px; max-height: 400px; overflow: auto; z-index: 9999999999; border: 1px solid #A4A4A4; box-shadow: 0 0 10px #222; color: #777; } #content-header-popup a { text-decoration: none; font-weight: bold; font-style: italic; color: #333; cursor: pointer; } #content-header-popup a:hover { text-decoration: underline; } .content-header-popup-title { font-weight: bold; margin-top: 5px; } .content-header-popup-content { clear: both; border-top: 1px solid #D1D1D1; padding: 0 25px; margin-bottom: 15px; } #content-header-extended { padding-right: 0.3em; padding-left: 0.4em; } .PartialContentAjax { text-align: center; } /* Content > Main */ #main { float: left; width: 460px; } /* Content > Main > Example */ #example { } /* Content > Main > Welcome */ #welcome { margin: 0 0 3em 0; padding: 10px 0 1.5em 0; border-bottom: 1px solid #CCCCCC; } /* Content > Sidebar */ #sidebar { float: right; width: 220px; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates li { margin-bottom: 1em; } #updates h3 { margin: 0; padding: 0 0 0 10px; background: url(/App_Themes/Default/images/img09.gif) no-repeat left center; font-size: 9px; } #updates p { margin: 0; padding: 0 0 0 10px; line-height: normal; font-size: 9px; } #updates a { text-decoration: none; } /* Content > Sidebar > Partners*/ #partners { } /* Footer */ #footer { clear: both; width: 100%; /*margin: 0 auto 2em auto;*/ background: url(/App_Themes/Default/images/img10.gif) repeat-x; /*border: 0px solid #CCCCCC;*/ position: fixed; bottom: 0; padding: 0; z-index: 100; } /* Footer > Legal */ #legal { margin: 0; padding: 2px 0; text-align: center; color: #FFFFFF; font-size: 9px; } #legal a { font-weight: bold; color: #FFFFFF; } #privacyPolicy { /*display: none;*/ } /* Footer > Links */ #links { margin: 0; padding: 10px; text-align: center; } #CustomDispoInfoSymbols { margin-left: 10px; border: 1px solid #adadad; display: inline-block; } .deleteRequestText { float: left; color: Red; font-weight: bold; margin: 10px 0 0 0; } .noticeText { } /* Tables */ .tableForm { /*color: Red;*/ } .tableForm td { height: 20px; /*background:yellow;*/ vertical-align: central; } .tableLabelTitle { height: 20px; vertical-align: middle; color: White; background-color: #009EE3; padding-left: 10px; } .tableLabelAddress { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .tableLabelHeader { height: 25px; vertical-align: bottom; font-weight: bold; } .tableLabelHeader td { height: 20px; padding-left: 10px; } .tableLabelContent td { padding-left: 10px; } #tableMC td { height: 20px; background: yellow; vertical-align: top; } #homeTable { border-collapse: separate; border-spacing: 0 30px; padding: 0 20px; } #homeTable tr { color: #fff; background: #009EE3; margin-right: 20px; } #homeTable p { font-size: 20px; line-height: 1em; color: #fff; } #homeTable div { padding: 20px 20px 0 20px; background-color: #fff; color: #000000; border: 1px solid #009EE3; } div #homeTableLogin { padding-left: 120px; border: 0px solid #009EE3; } div #homeTableLogin tr { color: #000000; background: #fff; } /* Form Elements */ .headerBar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .headerBarRight { float: right; padding: 0px 0px; } .Requiered { float: left; padding: 10px 0px; font-size: 9px; } .RequieredStar { font-weight: bold; color: red; } .searchBar { /*width: 750px;*/ /*margin: 0px Auto 0px Auto;*/ padding: 7px 10px; text-align: right; color: #fff; background-color: #009EE3; } .searchBarText { min-width: 800px; font-size: 20px; line-height: 1em; color: White; text-align: right; background-color: #009EE3; } @media (min-width: 1400px) { .searchBarText { min-width: 1000px; } } @media (min-width: 1600px) { .searchBarText { min-width: 1200px; } } @media (min-width: 1900px) { .searchBarText { min-width: 1400px; } } #SearchNotFoundTitle:before { content: "WebSped"; } .searchNotFoundHeader { /*width: 750px;*/ /*margin: 0px Auto 0px Auto;*/ padding: 0 10px 0 10px; height: 50px; text-align: left; color: #fff; background-color: #009EE3; } .searchNotFoundContent { margin: 20px 0; padding: 0 20px; text-align: left; } .searchNotFoundFooter { height: 140px; background: #009EE3 url(/App_Themes/Default/images/searchNotFoundFooter.jpg) no-repeat; } .buttonBar { padding: 0 50px; text-align: right; } .buttonBarButton { display: inline; } .captcha { padding: 40px 0 0 0; } /*input[type="text"], input[type="password"], select, textarea { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size: 100%; border-color:#e5e5e5; border-width:1px; border-style:solid; padding:2px 1px 3px; margin-top:-1px; }*/ input.loginEntry { width: 320px; border: 1px solid #ccc; } .submitButton { text-align: right; padding-right: 10px; } .field-validation-error { color: red; } .validation-summary-header { margin-bottom: 5px; color: black; font-size: 20px; font-weight: normal; } .validation-summary-errors { /*font-size: 12px; color: Red;*/ border: 1px solid red; color: red; margin: 10px 0px; padding: 15px 15px 15px 100px; background: #fff url(/App_Themes/Default/images/icons/validationerror.png) no-repeat 5px 50%; } .validation-summary-warnings { /* border: 1px solid yellow;*/ margin: 10px 0px; padding: 15px 15px 15px 100px; background: #fff url(/App_Themes/Default/images/icons/warningRoundSymbol.png) no-repeat 5px 50%; } .validation-summary-infos { /* border: 1px solid blue;*/ margin: 10px 0px; padding: 15px 15px 15px 100px; background: #fff url(/App_Themes/Default/images/icons/infoSymbolRound.png) no-repeat 5px 50%; } .validation-summary-valid { display: none; } /* image classes for custom commands */ .GridButtonAdd.k-icon { background: url(/App_Themes/Default/images/icons/addpos.png) no-repeat; background-position: center; } .GridButtonEdit.k-icon { background: url(/App_Themes/Default/images/icons/edit.png) no-repeat; background-position: center; } .GridButtonDelete.k-icon { background: url(/App_Themes/Default/images/icons/delete.png) no-repeat; background-position: center; } .GridButtonDetails.k-icon { background: url(/App_Themes/Default/images/icons/details.png) no-repeat; background-position: center; } .GridButtonCopy.k-icon { background: url(/App_Themes/Default/images/icons/copy_order.png); background-position: center; } .GridButtonOrderTicket.k-icon { background: url(/App_Themes/Default/images/icons/ticket.png) no-repeat; background-position: center; } .GridButtonOrderTicketExist.k-icon { background: url(/App_Themes/Default/images/icons/ticket_available.png) no-repeat; background-position: center; } .GridButtonOrderStatus.k-icon { background: url(/App_Themes/Default/images/icons/status.png) no-repeat; background-position: center; } .GridButtonTourStatus.k-icon { background: url(/App_Themes/Default/images/icons/statusTour.png) no-repeat; background-position: center; } .GridButtonPrintOrder.k-icon { background: url(/App_Themes/Default/images/icons/PrintOrder.png) no-repeat; background-position: center; } .GridButtonPrintLabel.k-icon { background: url(/App_Themes/Default/images/icons/PrintLabel.png) no-repeat; background-position: center; } .GridButtonPrintCargoList.k-icon { background: url(/App_Themes/Default/images/icons/PrintCargoList.png) no-repeat; background-position: center; } .GridButtonChangeOrderType.k-icon { background: url(/App_Themes/Default/images/icons/order_change.png) no-repeat; background-position: center; } .GridButtonApproveOrder.k-icon { background: url(/App_Themes/Default/images/icons/share_order1.png) no-repeat; background-position: center; } .GridButtonSendOrder.k-icon { background: url(/App_Themes/Default/images/icons/send_order.png) no-repeat; background-position: center; } .tileButton { float: left; width: 150px; height: 110px; padding: 10px 0 10px 0; margin: 0 10px; position: relative; overflow: hidden; border: 0 solid red; cursor: pointer; color: #fff; background-color: #009EE3; text-align: center; vertical-align: middle; } .tileButton:hover { background-color: #F8B201; } .tileButton .text { margin: -15px 2px 0 2px; font-size: 18px; } .tileButton .description { display: none; text-align: left; padding-left: 10px; position: static; margin-top: -60px; } .ImageToggleButton { border-style: none; border-width: 0px; cursor: pointer; background-color: transparent; } .CustomDispoInfoButton { background: transparent; border: 0; height: 28px; width: 28px; margin: 0 1px 0 6px; } .headerButton { background: transparent; border: 0; height: 28px; width: 28px; float: right; margin: 0 1px 0 6px; } .headerButton::-moz-focus-inner { border: none; padding: 0 !important; } /* this fixes 1px span’s offset in firefox*/ .headerButton:hover { background-color: #FECB54; cursor: pointer; } .LISImage { background: #009EE3; border: 0; } .LISImageButton { background: #009EE3; border: 0; padding: 1px; /*height: 28px; width: 28px;*/ } .LISImageButton:hover { background-color: #FECB54; cursor: pointer; } .LISGridFilterButton { border: 1px solid transparent; /*border: 1px solid #ccc;*/ background-color: transparent; } .LISGridFilterButton:hover { cursor: pointer; border: 1px solid #adadad; background-color: #ffffff; } .imageButton { background-color: transparent; border: 0; height: 22px; width: 22px; vertical-align: central; padding-top: 2px; margin-top: -1px; margin-left: 2px; } .imageButton::-moz-focus-inner { border: none; padding: 0 !important; } /* this fixes 1px span’s offset in firefox*/ .imageButton:hover { background-color: #FECB54; cursor: pointer; } .searchButton { display: inline-block; background-color: #a6a6a6; margin: -1px 0px 0px -1px; min-width: 22px; width: 22px; max-height: 21px; height: 21px; padding: 0; border-width: 1px; border-style: solid; border-color: #E5E5E5; text-align: center; cursor: pointer; } .searchButton:hover { background-color: #FECB54; cursor: pointer; } #homeMenuItem > .k-menu-expand-arrow-icon, #homeMenuItem > .k-menu-link-text { color: #999999; } #logout-menu { display: none; z-index: 9999999; margin-top: 5px; border-style: outset; /*background-color:#F2F2F2;*/ background-color: Black; color: White; position: absolute; text-align: center; } #logout-menu:hover { /*background-color:#FECB54;*/ border-style: inset; } .deliveryStateOpen1 { float: left; background-color: #F1F2F2; } .deliveryStateOpen2 { float: left; background-color: #F1F2F2; } .deliveryStateOpen3 { float: left; background-color: #F1F2F2; } .deliveryStateOpen4 { float: left; background-color: #F1F2F2; } .deliveryStateOpen5 { float: left; background-color: #F1F2F2; } .deliveryStateOpen6 { float: left; background-color: #F1F2F2; } .deliveryStateOpen7 { float: left; background-color: #F1F2F2; } .deliveryStateOpen8 { float: left; background-color: #F1F2F2; } .deliveryStateOpenOverview1 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview2 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview3 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview4 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview5 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview6 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview7 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview8 { float: left; background-color: #CCCCCC; } .deliveryStateFinished1 { float: left; background-color: #009EE3; } .deliveryStateFinished2 { float: left; background-color: #009EE3; } .deliveryStateFinished3 { float: left; background-color: #009EE3; } .deliveryStateFinished4 { float: left; background-color: #009EE3; } .deliveryStateFinished5 { float: left; background-color: #009EE3; } .deliveryStateFinished6 { float: left; background-color: red; } .deliveryStateFinished7 { float: left; background-color: red; } .deliveryStateFinished8 { float: left; background-color: red; } .OrderTicketStatusSelectorAll { background: url(/App_Themes/Default/images/icons/ticket.png) no-repeat; width: 20px; height: 20px; display: block; } .OrderTicketStatusSelectorExists { background: url(/App_Themes/Default/images/icons/ticket_available.png) no-repeat; width: 20px; height: 20px; display: block; } /* Page Sub Menu */ .pagesubmenu { margin: -25px 5px 20px 0; float: right; } .pagesubmenu td { background-color: #009EE3; color: #FFFFFF; } /* Tooltip */ .k-widget.k-tooltip { border-color: transparent; background-color: #009EE3; color: #FFFFFF; } /* To hide controls */ .VisibilityHidden { display: none; } #WebSpedOrderMap { position: absolute; width: 1170px; height: 700px; } .k-datepicker { width: 120px; } .k-timepicker { width: 80px; } /*.k-list-container { min-width: 86px !important; width: auto !important; }*/ .k-ie9 .k-column-menu { width: 180px; } .k-column-menu { min-width: 180px; } .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 22px; } .k-grid table { table-layout: fixed; } .k-grid td { white-space: nowrap; } .k-separator { background-color: #f5f5f5; } /*.k-button { color: #ffffff; border-color: #cccccc; background-color: #009EE3; }*/ .k-button.k-upload-action { color: red; } .mControl .k-button { color: #ccc; border-color: #ccc; background-color: #fff; border-width: 1px; } .mControl .k-button:hover { color: #adadad; border-color: #adadad; background-color: #ebebeb; border-width: 1px; } /*.k-card-actions .k-button { border-color: #009EE3; }*/ .k-card-title { font-weight: 700; color: #ffffff; } .k-event-title { color: #000; } .k-card-image { background-color: #009EE3; } .lis-card-actions { padding-block: 0px; padding-inline: 0px; } .k-numeric-wrap.k-active { border-color: #cccccc; } .k-grid-header .k-header > .k-link { display: inline; } .k-button.grid-button, .k-button.k-button-icontext { background-color: #f5f5f5; color: #333333; border-color: #CCCCCC; } .TextFromTextBaseTemplate { height: 72px; width: 440px; white-space: nowrap; overflow: auto; } .DivisionSelectorMainItem { color: #999999; } .ContentDivisionSelector .DivisionSelectorMainItem { color: #000000; padding-top: 2px; } .k-treeview .k-checkbox { vertical-align: middle; } /*Tour Info Region*/ #TourInfoScheduler .k-scheduler-groupcolumn { width: 120px; } #TourInfoScheduler .k-scheduler-mark { display: none; } /*********************/ /*Slot Manager Region*/ .invalid-slot { background: red !important; cursor: no-drop; } .k-nonwork-hour { background: silver; } .k-scheduler-table .k-nonwork-hour { background: silver; } .k-scheduler { background: white; } .Filterbox { border-color: #cccccc; border-width: 0 0 1px; background-color: #f5f5f5; border-style: solid; background-clip: border-box; color: #333333; vertical-align: middle; padding: 0; } .Filterbox div { float: left; margin: 5px; } .Filterbox div input { vertical-align: middle; margin: 5px; } .Filterbox br { clear: left; } .Status_NotSet { background-color: red; } .Status_Arrived { background-color: green; } .Status_Released { background-color: yellow; } .Status_HasLeft { background-color: grey; } /*********************/ /*Busy indicator*/ .BusyIndicatorLoading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); color: #fff; display: none; font-size: 30px; z-index: 999; } .BusyIndicatorCentered { position: fixed; /* or absolute */ top: 50%; left: 50%; /* bring your own prefixes */ -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*********************/ /*Vehicle locations Region*/ .k-map .k-i-marker-vehicle { background: url(/App_Themes/Default/images/icons/TruckCurrentLocation.png) no-repeat !important; margin: -38px 0 0 -24px; width: 49px; height: 38px; } .k-map .k-i-marker-vehicle-sel { background: url(/App_Themes/Default/images/icons/TruckSelectedCurrentLocation.png) no-repeat !important; margin: -38px 0 0 -24px; width: 49px; height: 38px; } .k-map .k-i-marker-custom-unloading { background: url(/App_Themes/Default/images/icons/TruckUnload.png) no-repeat !important; background-size: 50px !important; width: 70px; height: 70px; } .k-map .k-marker-custom-loading-marker { background: url(/App_Themes/Default/images/icons/Loading.png) no-repeat !important; background-size: 50px !important; width: 70px; height: 70px; } .k-map .k-marker-custom-unloading-marker { background: url(/App_Themes/Default/images/icons/TruckUnload.png) no-repeat !important; background-size: 50px !important; width: 70px; height: 70px; } #VehicleLocationTreeView .k-sprite { background-image: url(/App_Themes/Default/metro/sprite.png); } .VehicleLocationTreeViewRootFolder { background-position: -112px -272px; } #VehicleLocation-slide-in-share { position: absolute; top: 0; right: 0; width: 500px; margin-right: -500px; border: solid #e9e9e9; border-width: 1px 0 1px 0; background: #F1F4EF; z-index: 99999; filter: alpha(opacity=85); /* IE */ -moz-opacity: 0.85; /* Mozilla */ opacity: 0.85; /* CSS3 */ } #Message-share { position: absolute; top: 150px; left: 0; width: 271px; margin-left: 0px; border: solid #e9e9e9; border-width: 1px 1px 1px 1px; background: #ffffff; overflow-y: auto; overflow-x: hidden; filter: alpha(opacity=85); /* IE */ -moz-opacity: 0.85; /* Mozilla */ opacity: 0.85; /* CSS3 */ } .Telematic-Header { font-size: 10px; font-weight: bold; margin-left: 5px; color: #000; } .Telematic-Message { border-bottom: 1px solid #aaa; /*background-color: #eee;*/ padding-top: 5px; } .Telematic-Message-New { border-bottom: 1px solid #aaa; background-color: #FFEDBA; padding-top: 5px; } .Telematic-Message-In { border-bottom: 1px solid #aaa; background-color: #FFEDBA; padding-top: 5px; } .Telematic-Message-Out { border-bottom: 1px solid #aaa; background-color: #F6BAC0; padding-top: 5px; } .Telematic-Message-Text { font-size: 12px; margin-left: 5px; } .Telematic-MessageAsHeader { font-size: 12px; margin-left: 5px; margin-top: 5px; } .Telematic-TimeStamp { font-size: 9px; color: gray; text-align: right; margin-right: 5px; float: right; } .Station { border-bottom: 1px solid #aaa; margin-top: 8px; padding: 0 5px; } .Station-Day { text-align: center; border-bottom: 1px solid #aaa; background-color: lightgray; } .Station-Header { font-size: 12px; color: #000; text-align: left; margin-left: 5px; margin-top: 2px; text-wrap: none; } .Station-Distance { font-size: 9px; color: gray; text-align: right; margin-right: 5px; } #VehicleLocation-slide-in-handle { position: absolute; right: 500px; width: 50px; height: 50px; padding: 5px 0; background: #009EE3; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; /* Internet Explorer */ -ms-writing-mode: tb-rl; } .VehicleLocationMenu { position: absolute; top: 180px; left: 30px; z-index: 10000; } #VehicleLocationDetail-slide-in { position: absolute; top: 0; left: 0; width: 350px; height: 100%; margin-left: -350px; border: solid #e9e9e9; border-width: 1px 0 1px 0; background: #ffffff; z-index: 10000; } .k-header-column-menu.k-active { background-color: #fff; } .k-grid-filter.k-active { background-color: #fff; } .k-file-success { color: #000000; } .k-file-progress { color: #000000; } .LinkContainer { border-top: 1px solid; border-bottom: 1px solid; border-color: #ebebec; background-color: #f7f7f7; cursor: pointer; } .LinkContainerContent { padding: 10px; } .LinkContainer:hover { background-color: #fcfcfc; } .LinkContainer a:hover { font-weight: normal; } .CalendarSheet { height: 60px; width: 60px; background-color: white; text-align: center; border: 2px solid #009EE3; position: relative; } .CalendarSheet-Canvas { line-height: 2; font-size: 18px; } .CalendarSheet-Subline { color: #FFFFFF; background-color: #009EE3; position: absolute; bottom: 0; width: 100%; } .BottomRightContent { bottom: 25px; right: 25px; position: fixed; } .ChatMessageReceived { background-color: #428bca; color: #fff; margin: 10px 100px 0px 10px; min-height: 20px; border-radius: 5px; padding: 5px; overflow: hidden; } .ChatMessageSent { background-color: #8EBC00; color: #fff; margin: 10px 10px 0px 100px; min-height: 20px; border-radius: 5px; padding: 5px; overflow: hidden; } .ChatMessageHeader { font-size: 9px; } .ChatMessageSubLine { margin: 0px; font-size: 9px; text-align: right; } .EditOrderControl { line-height: 22px; margin-bottom: 14px; } .k-master-row .k-button { padding: 6px 6px; } .k-header { background-color: #f8f8f8; } .k-navigator .k-button { color: #000000; } .k-panelbar > li.k-state-default > .k-link.k-hover, .k-panelbar > li.k-hover > .k-link, .k-panelbar > li > .k-link.k-hover, .k-tabstrip-items .k-hover .k-link { color: #000; font-weight: bold } .k-icon { color: #787878; } .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled), .k-other-month.k-hover .k-link, .k-pager-wrap .k-link:hover, .k-hover, div.k-filebrowser-dropzone em { background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); } .k-menu .k-menu-scroll-button:hover, .k-menu .k-hover > .k-link, .k-hover > .k-link { background-color: #dbdbdb; border-color: #dbdbdb; background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); color: #000; } .k-dropdown-wrap.k-hover, .k-numeric-wrap.k-hover, .k-picker-wrap.k-hover { background-color: #dbdbdb; background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); color: #000; } .k-autocomplete { width: 12.4em; height: 36px; } .k-autocomplete.k-hover { background-color: #fff; background-image: none; } .k-autocomplete.k-focused, .k-dropdown-wrap.k-focused, .k-numeric-wrap.k-focused, .k-picker-wrap.k-focused { background-color: #dbdbdb; background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); color: #000; } .k-list > .k-selected { color: #000; background-color: #dbdbdb; border-color: #dbdbdb; } k-focus.k-selected, .k-list > k-focus.k-selected { box-shadow: inset 0 0 3px 1px #ebebeb; } .k-list > .k-hover { color: #000; background-color: #ebebeb; border-color: #ebebeb; } .k-dropdown .k-hover .k-input, .k-dropdown .k-focused .k-input { color: #000; } .k-calendar-range td.k-range-end, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-start { background-image: linear-gradient(transparent 1px,rgba(175,175,175,.3) 1px,rgba(175,175,175,.3) calc(100% - 1px),transparent calc(100% - 1px)); } .k-calendar-range td.k-focused .k-link { box-shadow: inset 0 0 0 1px #aaa; } .k-calendar td.k-focused .k-link { box-shadow: inset 0 0 0 1px #aaa; } .k-calendar .k-content .k-link, .k-calendar .k-content td, .k-calendar .k-header .k-link { border-radius: 0; } /* Language Editor */ .LanguageEditButton { top: 0px; left: 0px; background-color: transparent; border-color: transparent; color: #000; padding: 0px; vertical-align: top; } .LanguageEditButton:hover { background-color: transparent; border-color: transparent; color: #bbb } .LanguageEditButtonActive { color: #bbb } .LanguageEditorForm { position: absolute; z-index: 100; left: 0px; top: 0px; display: none; background-color: #fefefe; border: 1px solid #ccc; box-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.1); border-radius: 2px; } /****************/ .CollapseBox .CollapseButton { font-size: 16px; cursor: pointer; width: 100%; text-align: left; display: inline; } .CollapseBox .CollapseContent { display: none; border: 0.1em solid #dbdbdb; } .CollapseContent tr td:first-child { padding: 0.6em; font-weight: bold; background-color: #f4f4f4; } /* Menu Cards */ .lis-card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 2em; margin-bottom: 100px; } .lis-card-deck .k-card-image { height: 80px; } .lis-card-deck .k-card-image > img { float: left; } .lis-card-deck .k-card-title { height: 100%; padding-right: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lis-card-deck .k-card-body { min-height: 100px; background-color: #FFFFFF; color: #555; } .lis-card-deck .k-card { width: 270px; margin-right: 2em; margin-bottom: 2em; } .lis-card-deck .k-card-actions { border-top: 1px solid #fff !important; } .lis-card-deck .k-button.k-flat.k-primary { color: inherit !important; } .lis-card-deck .k-card-action-image { height: 25px; padding-right: 5px; float: left; } /**/ /* DateRangePicker */ .daterangepicker td.in-range { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #cacaca; color: #000; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #cacaca; color: #000; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #cacaca; } /**/ #co2Footprint { float: right; background-image: url(/App_Themes/Default/images/icons/co2.png); background-size: 100px; background-repeat: no-repeat; height: 150px; width: 150px; font-size: 18px; font-weight: bold; padding-top: 75px; padding-left: 48px } /* loading spinner */ .spinner { width: 150px; height: 150px; } .spinner::before { width: 150px; height: 150px; border-bottom-color: #009ee3; border-right-color: #009ee3; border-top-color: rgba(1, 1, 1, 0); border-left-color: rgba(1, 1, 1, 0); top: 0px; left: 0px; -webkit-animation: rotate-animation 1.5s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; animation: rotate-animation 1.5s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; } .spinner::before, .spinner::after { content: ""; display: block; position: absolute; border-width: 6px; border-style: solid; border-radius: 50%; } .spinner::after { width: 124px; height: 124px; border-bottom-color: #009ee3; border-right-color: #009ee3; border-top-color: rgba(1, 1, 1, 0); border-left-color: rgba(1, 1, 1, 0); opacity: 0.7; top: 12px; left: 12px; -webkit-animation: anti-rotate-animation 1.1325s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; animation: anti-rotate-animation 1.1325s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; } .spinner-image { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100px; max-height: 50px; -webkit-animation: pulse 1.5s linear 0.02s infinite; animation: pulse 1.5s linear 0.02s infinite; } @-webkit-keyframes pulse { 0% { opacity: .8; } 50% { opacity: .2; } 100% { opacity: .8; } } @keyframes pulse { 0% { opacity: .8; } 50% { opacity: .2; } 100% { opacity: .8; } } @-webkit-keyframes rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes anti-rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes anti-rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /**/ /* Kendo Timeline */ .k-timeline-vertical .k-timeline-event { padding: 20px 0; } .k-timeline-vertical .k-timeline-flag-wrap:first-child { padding-top: 20px; } .k-timeline-vertical.k-timeline-alternating { padding: 0px; } .k-timeline-card .k-card-title { font-size: 16px; line-height: 20px; } .k-timeline-card .k-card-title .k-button:active::before, .k-card-title .k-button:hover::before { opacity: 0; } .k-timeline-vertical .k-timeline-card .k-card { min-height: 0px; } .k-timeline-card .k-timeline-card-callout.k-callout-e, .k-timeline-card .k-timeline-card-callout.k-callout-w { top: 24px; } .k-timeline-vertical .k-timeline-circle, .k-timeline-vertical .k-timeline-date-wrap { margin-top: 24px; } .registerCard { padding: 10px; } .card { border: 1px solid #CCCCCC; box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08); padding: 10px; margin: 75px auto; margin-bottom: unset; display: block; width: 1010px; background-color: rgba(0,0,0,0.7); color: #FFFFFF; height: 750px; width: 700px; } .card .title { height: 60px; padding: 10px; background: #009EE3; color: #FFFFFF; margin: -10px; margin-bottom: 10px; } .cardAuthorized { border: 1px solid rgba(20,53,80,0.14); box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08); padding: 10px; margin: 75px auto; margin-bottom: unset; display: block; width: 1010px; } .cardAuthorized .title { display: none; } .registerText { margin: 10px; } /* shortcuts */ .w100p{ width:100%; } .taright{ text-align:right; } .nodisplay { display:none; } .fwbold { font-weight:bold; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } #loginBoxToggleButton { border: none; border-radius: 50%; background-color: #ffffff; color: #009EE3; padding: 1px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; display: none; } #ediTiles { display: flex; flex-wrap: wrap; justify-content: center; } #ediTiles .tile { display: flex; align-items: end; padding: 50px 20px 10px 20px; margin: 0 10px 20px 10px; width: 180px; height: 110px; position: relative; border: 0 solid red; border: 1px solid #009EE3; box-shadow: 1px 2px 3px #cdcdcd; } #ediTiles .tile .icon { position: absolute; top: 10px; left: 10px; width: 35px; } #ediTiles .tile:hover { box-shadow: none; } #ediTiles .tile .service { font-weight: bold; font-size: 13px; } #ediTiles .tile.clickable .service { cursor: pointer; } #ediTiles .tile .service .k-icon{ vertical-align:bottom; } #ediTiles .tile .text { margin: 5px 0 0 0; font-size: 11px; color: #000; } #ediTiles .tile .text.noText { color: #999999; font-style:italic; } #ediTiles .toggleButton { position: absolute; top: 10px; right: 10px; } #ediTiles .toggleButton .k-switch .k-switch-container { border-color: #009EE3; background-color: #dedede; } #ediTiles .toggleButton .k-switch-handle { transition: background-color .2s ease-in; transition: left .2s ease-in; border: transparent; } #ediTiles .toggleButton .k-switch-on .k-switch-handle { background-color: green; } #ediTiles .toggleButton .k-switch-off .k-switch-handle { background-color: #ed1200; } textarea#ediAdditionalText { border: 1px solid #cdcdcd; margin: 0px 0px 10px; resize: vertical; height: 68px; min-height: 100px; } #EditSettings .settingElement { width: 50%; justify-content: space-between; align-items: center; margin: 0 0 20px 0; } #EditSettings.CodedText .settingElement { width: 30%; } #EditSettings .settingElement .settingName { margin-right: 12px; } #EditSettings .iconForm { display: flex; align-items: center; } #EdiTextEditWindow .codedText { margin: 0 20px 10px 0; font-weight: bold; font-size: 13px; } #EdiTextEditWindow .k-datepicker, #EdiTextEditWindow .k-timepicker, #EdiTextEditWindow .k-datetimepicker { width: 100%; } .ETATemplate { background: url(/App_Themes/Default/images/ETA.png) no-repeat left center; width: 250px; height: 100px; } .ETATemplateValue { font-size: 1.4rem; font-weight: bold; padding: 60px 0 0 85px; } .PostalCodeAuthentication { width: 700px; margin: 0 auto; padding: 0 20px 40px 20px; } .PostalCodeAuthentication .tableForm td { height: 35px; } .k-rounded-md { border-radius: 0px; } .k-grid-delete { background-color: #f5f5f5; color: #333333; } .k-grid-delete:hover { background-color: #f5f5f5; color: #333333; font-weight: 700; } .k-filtercell .k-input .k-input-inner { padding: 4px; } .k-filtercell { display: block; width: auto; } .k-list-item { border-radius: 0px; } .k-no-data, .k-nodata { min-height: auto; } .k-scheduler-refresh { border-width: 0; } .k-input-inner { border: 0; } .k-numerictextbox .k-button { margin: 0; } .k-menu .k-item > .k-link { padding: .5em 1.1em .4em; } .k-editor .k-editable-area { height: 100%; } .k-editor-toolbar .k-combobox { margin-right: 6px; width: 12.4em; } /* Third Party Login */ .lis-thirdparty-login-bar { padding: 2px 50px; display: flex; align-content: center; justify-content: center; } .lis-thirdparty-login-button { cursor: pointer; width: fit-content; background-color: white; color: #444; border: 1px solid #999; border-radius: 4px; display: flex; padding: 4px; margin: 4px; } .lis-thirdparty-login-button > span { padding-left: 4px; } .lis-facebook-login-button > svg { fill: #4267B2; } .lis-google-login-button > svg { fill: #DB4437; } .lis-microsoft-login-button > svg { fill: #737373; } .lis-thirdparty-login-separator { display: flex; padding: 10px 50px 5px 50px; } .lis-thirdparty-login-separator > .lis-separator-line { border: .05em solid #eee; height: 0px; width: 100%; margin-top: 8px; } .lis-thirdparty-login-separator > .lis-separator-text { margin-left: 10px; margin-right: 10px; } .dgood-info-label { display: inline-block; background-color: orange; color: black; border: 1px solid black; border-radius: 8px; padding: 4px 8px; font-weight: bold; min-width: 60px; text-align: center; display: none; } #mnu1 { font-size: 12px; background-color: transparent; color: #ffffff; padding: 5px; display: inline; float: right; margin-top: 2.5px; } #mnuGridExport { font-size: 12px; background-color: transparent; color: #ffffff; padding: 5px; float: right; margin-right: 5px; margin-top: 2.5px; } #printHeaderButton { margin-right: -1px !important; } .disabledBackground { background: lightgray; } /*Freight Request Styling */ .line { width: 25px; height: 2px; background: #dbdbdb; margin-top: 10px; } .green-check { width: 14px; height: 14px; accent-color: green; } .address-table label, .address-table b { color: #555; font-size: 14px; } .zeiten-card { border: 1px solid #dbdbdb; border-radius: 4px; padding: 16px 20px; min-width: 250px; background: #fff; /* Abholung and Zustellung share the 2/3-wide row in equal halves. */ flex: 1 1 0; box-sizing: border-box; } .details-card { border: 1px solid #dbdbdb; border-radius: 4px; padding: 16px 20px; background: #fff; } /* Step 5 "Anfrage verwerfen und neu beginnen": a plain text link (not a button), per the Step5 design. */ .freight-discard-link { align-self: center; color: #0073b1; text-decoration: none; cursor: pointer; } /* Freight-local override for the discard confirmation dialog's button bar. */ .freight-dialog-buttons { padding: 0; margin-top: 12px; } .abrechnung-card { border: 1px solid #dbdbdb; border-radius: 4px; padding: 16px 20px; background: #fff; } /* Empty value slot — JS fills textContent later; renders cleanly when empty. */ .abrechnung-value { flex: 1 1 auto; min-height: 18px; white-space: pre-line; color: #374151; } .abrechnung-edit { display: block; margin-top: 6px; text-align: right; color: #009EE3; } .abrechnung-extras-list li { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px; color: #374151; } .abrechnung-booking { flex: 0 0 270px; box-sizing: border-box; background: #009ee3; color: #fff; border-radius: 4px; padding: 20px 24px; } .abrechnung-booking-title { margin: 0 0 18px 0; font-size: 20px; color: #fff; } .booking-book-btn { display: block; width: 100%; background: #fff; color: #1c75bc; border: none; font-weight: bold; } .booking-legal { margin: 14px 0 0 0; font-size: 11px; text-align: center; color: rgba(255, 255, 255, 0.85); line-height: 1.4; } /* Light-gray panel behind the wizard cards so the shadows read like the reference. SCOPED to .wizard-container (freight-wizard only) so other WebSped screens keep their white background; the shared .workflow stepper is intentionally left untouched. */ .wizard-container { background: #f3f5f7; padding: 24px 16px 32px; border-radius: 8px; } .k-grid-content { height: auto !important; overflow-y: auto !important; } div.k-grid-footer, div.k-grid-header { padding-right: 0px !important; } /* loading kendo images local and LIS compliant */ .k-slider-horizontal .k-tick { background-image: url(/App_Themes/Default/Metro/slider-h.gif) !important; } .k-slider-vertical .k-tick { background-image: url(/App_Themes/Default/Metro/slider-v.gif) !important; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { background-image: url(/App_Themes/Default/Metro/sprite.png) !important; } .k-progressbar-indeterminate { background: url(/App_Themes/Default/Metro/indeterminate.gif) !important; } /* endregion */ /* fix show sorting arrow (display icon in front of column caption) */ .k-grid-header .k-cell-inner .k-link:has(.k-sort-icon) { display: flex; flex-direction: row-reverse; justify-content: flex-end; } /* endregion */ /* fix filter row padding */ .k-filtercell > span > .k-button { display: none !important; } .k-filtercell > span { padding-right: 2.5em; } .k-filtercell[data-field*=InfoSymbol] > span { padding-right: 0em; } .k-filter-row th { padding-left: 0.3em; padding-right: 0.3em; } .k-filtercell .k-widget .k-input, .k-filtercell .k-widget .k-input-inner { text-indent: 0.3em; } .k-filtercell > .k-operator-hidden { padding-right: 0em; } /* endregion */ .filterHighlightClass { font-weight: bold; color: orange !important; } .filterHighlightClass > div.k-icon.k-i-info { color: orange; } .filterHighlightClass > input.k-textbox { color: orange; } .LocalityMap { height: 445px; width: 100%; } .LocalitySearchBox { position: absolute; left:15px; top:260px; z-Index: 20000 } .k-grid tbody .k-grid-delete { min-width: 0 !important; } .k-grid tbody .k-grid-delete .k-icon { margin: 0 !important; } .k-popup { width: auto !important; } .k-calendar td.k-focus .k-link, .k-calendar td.k-state-focused .k-link { color: #000; } .cacheTable td { border-bottom: 1px solid #eee; height: 28px; padding: 0 5px; } .k-grid-content-expander { position: static !important; } /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ canvas { -ms-touch-action: double-tap-zoom; } #WebsiteTitle:before { content: "WebSped"; } #WebsiteTitleRegTrademark { /*display:none;*/ } .collapsed { visibility: collapse; } * { margin: 0; padding: 0; } html { height: 100%; } body { background-color: #FFFFFF; font: normal small Segoe UI, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; /*overflow-x: hidden;*/ height: 100%; } clear { clear: both; } fieldset { border: none; } legend { display: none; } h1, h2, h3, h4 { margin-bottom: 5px; color: #009EE3; font-size: 42px; font-weight: normal; } h2 { margin-bottom: 5px; color: #009EE3; font-size: 20px; font-weight: normal; } .TwoFAStepColor { color: #fff; } h3 { margin-top: 1.5em; margin-bottom: .1em; font-size: 12px; font-weight: normal; } h4 { font-size: 12px; } hr { border: none; height: 1px; color: #D1D1D1; background-color: #D1D1D1; margin-bottom: 1em; text-align: left; margin-left: 0; } /*p, blockquote, ul, ol { margin-bottom: 0.5em; line-height: 1.0em; }*/ p { } blockquote { } ul { margin-left: 2em; list-style: square; } ul li { } ol { margin-left: 2em; list-style: lower-roman; } ol li { } a { color: #009EE3; } a:hover { text-decoration: none; font-weight: bold; /*color: #009EE3;*/ } a.tileAnchor:hover { font-weight: normal !important; } img { border: none; } /* Boxed Style */ .boxed { margin-bottom: 1em; border: 1px solid #CCCCCC; width: 650px; } .boxed .title { height: 60px; padding: 10px; background: #009EE3; color: #FFFFFF; } .boxed .content { padding: 30px 10px 10px 10px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; /*filter: background blur(20px);*/ } .boxed .TwoFAContent { padding: 30px 20px 10px 20px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; /*filter: background blur(20px);*/ } textarea { /*border:1px solid #999999; */ width: 100%; padding: 3px; resize: none; } textarea:focus { outline: none; border: 1px solid #aaa; } .textarea-count { text-align: right; padding: 0 0 10px 0; font-size: 0.875rem; } /* Header */ #header { width: 750px; height: 43px; margin: 0 auto; } #headerBackground { background: url(/App_Themes/ID/images/img01.gif) repeat-x; color: #000000; height: 100%; } #headerBackgroundHome { background: url(/App_Themes/ID/images/img01.gif) repeat-x; color: #000000; height: 100%; } #headerlogo { background: url(/App_Themes/ID/images/img02.png) no-repeat 20px 15px; background-position: top right; } #headerlogoHome { background: url(/App_Themes/ID/images/img02.png) no-repeat 20px 15px; background-position: top right; overflow: auto; } /* Header > Slogan */ #slogan { float: left; cursor: pointer; } #slogan h1 { color: #FFFFFF; font-size: 30px; } #slogan h2 { margin: 0; padding-top: 8px; color: #fff; font-size: 20px; font-weight: bold; } #slogan a { text-decoration: none; color: #FFFFFF; } .sectionHeader { /*background-color: #ececec; color: #009EE3;*/ background-color: #009EE3; color: #ffffff; text-align: right; padding: 0 10px 0 0; } #SectionHeaderSearch { font-size: 12px; } #SectionHeaderText { position: relative; top: 2px; margin-right: 5px; } /* Header > Top Menu */ #topmenu { float: left; padding-left: 30px; } #topmenu ul { margin: 0; padding: 22px 0 0 0; list-style: none; line-height: normal; } #topmenu li { display: inline; } #topmenu a { display: block; float: left; margin: 0 0 0 20px; padding: 0 0 0 15px; /*text-transform: uppercase;*/ text-decoration: none; font-size: 11px; color: #FFFFFF; } #topmenu a:hover { text-decoration: underline; } #topmenu1 { background: url(/App_Themes/ID/images/img03.gif) no-repeat left center; } #topmenu2 { background: url(/App_Themes/ID/images/img05.gif) no-repeat left center; } #topmenu3 { background: url(/App_Themes/ID/images/img04.gif) no-repeat left center; } #topmenu4 { background: url(/App_Themes/ID/images/icons/booking.png) no-repeat left center; } /* Menu */ #menu { clear: both; width: 750px; height: 40px; margin: 0 Auto; } #menu ul { margin: 0; list-style: none; line-height: normal; float: left; } #menu li { display: inline; } #menu a { display: block; float: left; height: 26px; padding: 14px 18px 0 20px; background: url(/App_Themes/ID/images/img06.gif) no-repeat; text-transform: uppercase; text-decoration: none; } #menu a:hover { text-decoration: underline; font-weight: bold; } #menu .first a { padding-left: 0; background: none; } #ChatHeader { padding: 7px; background-color: #009EE3; color: #fff; text-align: right; } #layoutMap #menu { clear: both; width: 750px; height: 22px; margin: 0 Auto; } #CookieNotifier { margin: 0; padding: 20px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; font-size: 12pt; background-color: rgba(0,0,0,0.7); color: #fff; } /* Content */ .content-video { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: -100; overflow: hidden; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .content-register { /*margin: 0 auto; width: 600px;*/ } #content-user { position: absolute; top: 40px; right: 135px; } #content-center { /*float: right; position: relative; right: 50%;*/ width: 1180px; margin: 0px auto 60px auto; text-align: left; overflow: auto; /*background: #fff url(/App_Themes/ID/images/flaeche.png) no-repeat;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (min-width: 1400px) { #content-center { width: 1380px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (min-width: 1600px) { #content-center { width: 1580px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (min-width: 1900px) { #content-center { width: 1800px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } #content-center-map { /*float: right; position: relative; right: 50%;*/ width: 1180px; text-align: left; background: #FFFFFF url(/App_Themes/ID/images/flaeche.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content-right-bar { text-align: left; padding: 10px 10px; /*margin: 20px;*/ /*position: absolute;*/ border: 0px solid #D1D1D1; background: #FFFFFF url(/App_Themes/ID/images/flaeche.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* for non-css3 browsers */ /*background: #FFFFFF; */ /* for IE */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#FFFFFF', 30px); */ /* for webkit browsers */ /*background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF)); */ /* for firefox 3.6+ */ /*background: -moz-linear-gradient(top, #F1F1F1, #FFFFFF); */ } #content-right-bar h3 { margin-top: 0px; margin-bottom: 5px; background-color: #009EE3; /*width: 100%;*/ padding: 5px 10px 5px 10px; color: #FFFFFF; } #content { margin-top: 20px; margin-bottom: 100px; padding-right: 0.3em; padding-left: 0.4em; } #content-header-left { background-color: #009EE3; width: 50px; text-align: center; cursor: pointer; } #content-header-left:hover { background-color: #F8B201; } #content-header-center { background-color: #009EE3; /*width: 100%;*/ padding: 0 10px 0 10px; line-height: 1.7rem; } #content-header { height: 50px; width: 100%; color: White; font-size: 20px; /*margin-bottom: 30px;*/ border-spacing: 5px; } #content-header-popup { display: none; background-color: white; margin: -5px 0 0 0; padding: 10px; position: absolute; right: 65px; width: 350px; max-height: 400px; overflow: auto; z-index: 9999999999; border: 1px solid #A4A4A4; box-shadow: 0 0 10px #222; color: #777; } #content-header-popup a { text-decoration: none; font-weight: bold; font-style: italic; color: #333; cursor: pointer; } #content-header-popup a:hover { text-decoration: underline; } .content-header-popup-title { font-weight: bold; margin-top: 5px; } .content-header-popup-content { clear: both; border-top: 1px solid #D1D1D1; padding: 0 25px; margin-bottom: 15px; } #content-header-extended { padding-right: 0.3em; padding-left: 0.4em; } .PartialContentAjax { text-align: center; } /* Content > Main */ #main { float: left; width: 460px; } /* Content > Main > Example */ #example { } /* Content > Main > Welcome */ #welcome { margin: 0 0 3em 0; padding: 10px 0 1.5em 0; border-bottom: 1px solid #CCCCCC; } /* Content > Sidebar */ #sidebar { float: right; width: 220px; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates li { margin-bottom: 1em; } #updates h3 { margin: 0; padding: 0 0 0 10px; background: url(/App_Themes/ID/images/img09.gif) no-repeat left center; font-size: 9px; } #updates p { margin: 0; padding: 0 0 0 10px; line-height: normal; font-size: 9px; } #updates a { text-decoration: none; } /* Content > Sidebar > Partners*/ #partners { } /* Footer */ #footer { clear: both; width: 100%; /*margin: 0 auto 2em auto;*/ background: url(/App_Themes/ID/images/img10.gif) repeat-x; /*border: 0px solid #CCCCCC;*/ position: fixed; bottom: 0; padding: 0; z-index: 100; } /* Footer > Legal */ #legal { margin: 0; padding: 2px 0; text-align: center; color: #FFFFFF; font-size: 9px; } #legal a { font-weight: bold; color: #FFFFFF; } #privacyPolicy { /*display: none;*/ } /* Footer > Links */ #links { margin: 0; padding: 10px; text-align: center; } #CustomDispoInfoSymbols { margin-left: 10px; border: 1px solid #adadad; display: inline-block; } .deleteRequestText { float: left; color: Red; font-weight: bold; margin: 10px 0 0 0; } .noticeText { } /* Tables */ .tableForm { /*color: Red;*/ } .tableForm td { height: 20px; /*background:yellow;*/ vertical-align: central; } .tableLabelTitle { height: 20px; vertical-align: middle; color: White; background-color: #009EE3; padding-left: 10px; } .tableLabelAddress { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .tableLabelHeader { height: 25px; vertical-align: bottom; font-weight: bold; } .tableLabelHeader td { height: 20px; padding-left: 10px; } .tableLabelContent td { padding-left: 10px; } #tableMC td { height: 20px; background: yellow; vertical-align: top; } #homeTable { border-collapse: separate; border-spacing: 0 30px; padding: 0 20px; } #homeTable tr { color: #fff; background: #009EE3; margin-right: 20px; } #homeTable p { font-size: 20px; line-height: 1em; color: #fff; } #homeTable div { padding: 20px 20px 0 20px; background-color: #fff; color: #000000; border: 1px solid #009EE3; } div #homeTableLogin { padding-left: 120px; border: 0px solid #009EE3; } div #homeTableLogin tr { color: #000000; background: #fff; } /* Form Elements */ .headerBar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .headerBarRight { float: right; padding: 0px 0px; } .Requiered { float: left; padding: 10px 0px; font-size: 9px; } .RequieredStar { font-weight: bold; color: red; } .searchBar { /*width: 750px;*/ /*margin: 0px Auto 0px Auto;*/ padding: 7px 10px; text-align: right; color: #fff; background-color: #009EE3; } .searchBarText { min-width: 800px; font-size: 20px; line-height: 1em; color: White; text-align: right; background-color: #009EE3; } @media (min-width: 1400px) { .searchBarText { min-width: 1000px; } } @media (min-width: 1600px) { .searchBarText { min-width: 1200px; } } @media (min-width: 1900px) { .searchBarText { min-width: 1400px; } } #SearchNotFoundTitle:before { content: "WebSped"; } .searchNotFoundHeader { /*width: 750px;*/ /*margin: 0px Auto 0px Auto;*/ padding: 0 10px 0 10px; height: 50px; text-align: left; color: #fff; background-color: #009EE3; } .searchNotFoundContent { margin: 20px 0; padding: 0 20px; text-align: left; } .searchNotFoundFooter { height: 140px; background: #009EE3 url(/App_Themes/ID/images/searchNotFoundFooter.jpg) no-repeat; } .buttonBar { padding: 0 50px; text-align: right; } .buttonBarButton { display: inline; } .captcha { padding: 40px 0 0 0; } /*input[type="text"], input[type="password"], select, textarea { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size: 100%; border-color:#e5e5e5; border-width:1px; border-style:solid; padding:2px 1px 3px; margin-top:-1px; }*/ input.loginEntry { width: 320px; border: 1px solid #ccc; } .submitButton { text-align: right; padding-right: 10px; } .field-validation-error { color: red; } .validation-summary-header { margin-bottom: 5px; color: black; font-size: 20px; font-weight: normal; } .validation-summary-errors { /*font-size: 12px; color: Red;*/ border: 1px solid red; color: red; margin: 10px 0px; padding: 15px 15px 15px 100px; background: #fff url(/App_Themes/ID/images/icons/validationerror.png) no-repeat 5px 50%; } .validation-summary-warnings { /* border: 1px solid yellow;*/ margin: 10px 0px; padding: 15px 15px 15px 100px; background: #fff url(/App_Themes/ID/images/icons/warningRoundSymbol.png) no-repeat 5px 50%; } .validation-summary-infos { /* border: 1px solid blue;*/ margin: 10px 0px; padding: 15px 15px 15px 100px; background: #fff url(/App_Themes/ID/images/icons/infoSymbolRound.png) no-repeat 5px 50%; } .validation-summary-valid { display: none; } /* image classes for custom commands */ .GridButtonAdd.k-icon { background: url(/App_Themes/ID/images/icons/addpos.png) no-repeat; background-position: center; } .GridButtonEdit.k-icon { background: url(/App_Themes/ID/images/icons/edit.png) no-repeat; background-position: center; } .GridButtonDelete.k-icon { background: url(/App_Themes/ID/images/icons/delete.png) no-repeat; background-position: center; } .GridButtonDetails.k-icon { background: url(/App_Themes/ID/images/icons/details.png) no-repeat; background-position: center; } .GridButtonCopy.k-icon { background: url(/App_Themes/ID/images/icons/copy_order.png); background-position: center; } .GridButtonOrderTicket.k-icon { background: url(/App_Themes/ID/images/icons/ticket.png) no-repeat; background-position: center; } .GridButtonOrderTicketExist.k-icon { background: url(/App_Themes/ID/images/icons/ticket_available.png) no-repeat; background-position: center; } .GridButtonOrderStatus.k-icon { background: url(/App_Themes/ID/images/icons/status.png) no-repeat; background-position: center; } .GridButtonTourStatus.k-icon { background: url(/App_Themes/ID/images/icons/statusTour.png) no-repeat; background-position: center; } .GridButtonPrintOrder.k-icon { background: url(/App_Themes/ID/images/icons/PrintOrder.png) no-repeat; background-position: center; } .GridButtonPrintLabel.k-icon { background: url(/App_Themes/ID/images/icons/PrintLabel.png) no-repeat; background-position: center; } .GridButtonPrintCargoList.k-icon { background: url(/App_Themes/ID/images/icons/PrintCargoList.png) no-repeat; background-position: center; } .GridButtonChangeOrderType.k-icon { background: url(/App_Themes/ID/images/icons/order_change.png) no-repeat; background-position: center; } .GridButtonApproveOrder.k-icon { background: url(/App_Themes/ID/images/icons/share_order1.png) no-repeat; background-position: center; } .GridButtonSendOrder.k-icon { background: url(/App_Themes/ID/images/icons/send_order.png) no-repeat; background-position: center; } .tileButton { float: left; width: 150px; height: 110px; padding: 10px 0 10px 0; margin: 0 10px; position: relative; overflow: hidden; border: 0 solid red; cursor: pointer; color: #fff; background-color: #009EE3; text-align: center; vertical-align: middle; } .tileButton:hover { background-color: #F8B201; } .tileButton .text { margin: -15px 2px 0 2px; font-size: 18px; } .tileButton .description { display: none; text-align: left; padding-left: 10px; position: static; margin-top: -60px; } .ImageToggleButton { border-style: none; border-width: 0px; cursor: pointer; background-color: transparent; } .CustomDispoInfoButton { background: transparent; border: 0; height: 28px; width: 28px; margin: 0 1px 0 6px; } .headerButton { background: transparent; border: 0; height: 28px; width: 28px; float: right; margin: 0 1px 0 6px; } .headerButton::-moz-focus-inner { border: none; padding: 0 !important; } /* this fixes 1px span’s offset in firefox*/ .headerButton:hover { background-color: #FECB54; cursor: pointer; } .LISImage { background: #009EE3; border: 0; } .LISImageButton { background: #009EE3; border: 0; padding: 1px; /*height: 28px; width: 28px;*/ } .LISImageButton:hover { background-color: #FECB54; cursor: pointer; } .LISGridFilterButton { border: 1px solid transparent; /*border: 1px solid #ccc;*/ background-color: transparent; } .LISGridFilterButton:hover { cursor: pointer; border: 1px solid #adadad; background-color: #ffffff; } .imageButton { background-color: transparent; border: 0; height: 22px; width: 22px; vertical-align: central; padding-top: 2px; margin-top: -1px; margin-left: 2px; } .imageButton::-moz-focus-inner { border: none; padding: 0 !important; } /* this fixes 1px span’s offset in firefox*/ .imageButton:hover { background-color: #FECB54; cursor: pointer; } .searchButton { display: inline-block; background-color: #a6a6a6; margin: -1px 0px 0px -1px; min-width: 22px; width: 22px; max-height: 21px; height: 21px; padding: 0; border-width: 1px; border-style: solid; border-color: #E5E5E5; text-align: center; cursor: pointer; } .searchButton:hover { background-color: #FECB54; cursor: pointer; } #homeMenuItem > .k-menu-expand-arrow-icon, #homeMenuItem > .k-menu-link-text { color: #999999; } #logout-menu { display: none; z-index: 9999999; margin-top: 5px; border-style: outset; /*background-color:#F2F2F2;*/ background-color: Black; color: White; position: absolute; text-align: center; } #logout-menu:hover { /*background-color:#FECB54;*/ border-style: inset; } .deliveryStateOpen1 { float: left; background-color: #F1F2F2; } .deliveryStateOpen2 { float: left; background-color: #F1F2F2; } .deliveryStateOpen3 { float: left; background-color: #F1F2F2; } .deliveryStateOpen4 { float: left; background-color: #F1F2F2; } .deliveryStateOpen5 { float: left; background-color: #F1F2F2; } .deliveryStateOpen6 { float: left; background-color: #F1F2F2; } .deliveryStateOpen7 { float: left; background-color: #F1F2F2; } .deliveryStateOpen8 { float: left; background-color: #F1F2F2; } .deliveryStateOpenOverview1 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview2 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview3 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview4 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview5 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview6 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview7 { float: left; background-color: #CCCCCC; } .deliveryStateOpenOverview8 { float: left; background-color: #CCCCCC; } .deliveryStateFinished1 { float: left; background-color: #009EE3; } .deliveryStateFinished2 { float: left; background-color: #009EE3; } .deliveryStateFinished3 { float: left; background-color: #009EE3; } .deliveryStateFinished4 { float: left; background-color: #009EE3; } .deliveryStateFinished5 { float: left; background-color: #009EE3; } .deliveryStateFinished6 { float: left; background-color: red; } .deliveryStateFinished7 { float: left; background-color: red; } .deliveryStateFinished8 { float: left; background-color: red; } .OrderTicketStatusSelectorAll { background: url(/App_Themes/ID/images/icons/ticket.png) no-repeat; width: 20px; height: 20px; display: block; } .OrderTicketStatusSelectorExists { background: url(/App_Themes/ID/images/icons/ticket_available.png) no-repeat; width: 20px; height: 20px; display: block; } /* Page Sub Menu */ .pagesubmenu { margin: -25px 5px 20px 0; float: right; } .pagesubmenu td { background-color: #009EE3; color: #FFFFFF; } /* Tooltip */ .k-widget.k-tooltip { border-color: transparent; background-color: #009EE3; color: #FFFFFF; } /* To hide controls */ .VisibilityHidden { display: none; } #WebSpedOrderMap { position: absolute; width: 1170px; height: 700px; } .k-datepicker { width: 120px; } .k-timepicker { width: 80px; } /*.k-list-container { min-width: 86px !important; width: auto !important; }*/ .k-ie9 .k-column-menu { width: 180px; } .k-column-menu { min-width: 180px; } .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 22px; } .k-grid table { table-layout: fixed; } .k-grid td { white-space: nowrap; } .k-separator { background-color: #f5f5f5; } /*.k-button { color: #ffffff; border-color: #cccccc; background-color: #009EE3; }*/ .k-button.k-upload-action { color: red; } .mControl .k-button { color: #ccc; border-color: #ccc; background-color: #fff; border-width: 1px; } .mControl .k-button:hover { color: #adadad; border-color: #adadad; background-color: #ebebeb; border-width: 1px; } /*.k-card-actions .k-button { border-color: #009EE3; }*/ .k-card-title { font-weight: 700; color: #ffffff; } .k-event-title { color: #000; } .k-card-image { background-color: #009EE3; } .lis-card-actions { padding-block: 0px; padding-inline: 0px; } .k-numeric-wrap.k-active { border-color: #cccccc; } .k-grid-header .k-header > .k-link { display: inline; } .k-button.grid-button, .k-button.k-button-icontext { background-color: #f5f5f5; color: #333333; border-color: #CCCCCC; } .TextFromTextBaseTemplate { height: 72px; width: 440px; white-space: nowrap; overflow: auto; } .DivisionSelectorMainItem { color: #999999; } .ContentDivisionSelector .DivisionSelectorMainItem { color: #000000; padding-top: 2px; } .k-treeview .k-checkbox { vertical-align: middle; } /*Tour Info Region*/ #TourInfoScheduler .k-scheduler-groupcolumn { width: 120px; } #TourInfoScheduler .k-scheduler-mark { display: none; } /*********************/ /*Slot Manager Region*/ .invalid-slot { background: red !important; cursor: no-drop; } .k-nonwork-hour { background: silver; } .k-scheduler-table .k-nonwork-hour { background: silver; } .k-scheduler { background: white; } .Filterbox { border-color: #cccccc; border-width: 0 0 1px; background-color: #f5f5f5; border-style: solid; background-clip: border-box; color: #333333; vertical-align: middle; padding: 0; } .Filterbox div { float: left; margin: 5px; } .Filterbox div input { vertical-align: middle; margin: 5px; } .Filterbox br { clear: left; } .Status_NotSet { background-color: red; } .Status_Arrived { background-color: green; } .Status_Released { background-color: yellow; } .Status_HasLeft { background-color: grey; } /*********************/ /*Busy indicator*/ .BusyIndicatorLoading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); color: #fff; display: none; font-size: 30px; z-index: 999; } .BusyIndicatorCentered { position: fixed; /* or absolute */ top: 50%; left: 50%; /* bring your own prefixes */ -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*********************/ /*Vehicle locations Region*/ .k-map .k-i-marker-vehicle { background: url(/App_Themes/ID/images/icons/TruckCurrentLocation.png) no-repeat !important; margin: -38px 0 0 -24px; width: 49px; height: 38px; } .k-map .k-i-marker-vehicle-sel { background: url(/App_Themes/ID/images/icons/TruckSelectedCurrentLocation.png) no-repeat !important; margin: -38px 0 0 -24px; width: 49px; height: 38px; } .k-map .k-i-marker-custom-unloading { background: url(/App_Themes/ID/images/icons/TruckUnload.png) no-repeat !important; background-size: 50px !important; width: 70px; height: 70px; } .k-map .k-marker-custom-loading-marker { background: url(/App_Themes/ID/images/icons/Loading.png) no-repeat !important; background-size: 50px !important; width: 70px; height: 70px; } .k-map .k-marker-custom-unloading-marker { background: url(/App_Themes/ID/images/icons/TruckUnload.png) no-repeat !important; background-size: 50px !important; width: 70px; height: 70px; } #VehicleLocationTreeView .k-sprite { background-image: url(/App_Themes/ID/metro/sprite.png); } .VehicleLocationTreeViewRootFolder { background-position: -112px -272px; } #VehicleLocation-slide-in-share { position: absolute; top: 0; right: 0; width: 500px; margin-right: -500px; border: solid #e9e9e9; border-width: 1px 0 1px 0; background: #F1F4EF; z-index: 99999; filter: alpha(opacity=85); /* IE */ -moz-opacity: 0.85; /* Mozilla */ opacity: 0.85; /* CSS3 */ } #Message-share { position: absolute; top: 150px; left: 0; width: 271px; margin-left: 0px; border: solid #e9e9e9; border-width: 1px 1px 1px 1px; background: #ffffff; overflow-y: auto; overflow-x: hidden; filter: alpha(opacity=85); /* IE */ -moz-opacity: 0.85; /* Mozilla */ opacity: 0.85; /* CSS3 */ } .Telematic-Header { font-size: 10px; font-weight: bold; margin-left: 5px; color: #000; } .Telematic-Message { border-bottom: 1px solid #aaa; /*background-color: #eee;*/ padding-top: 5px; } .Telematic-Message-New { border-bottom: 1px solid #aaa; background-color: #FFEDBA; padding-top: 5px; } .Telematic-Message-In { border-bottom: 1px solid #aaa; background-color: #FFEDBA; padding-top: 5px; } .Telematic-Message-Out { border-bottom: 1px solid #aaa; background-color: #F6BAC0; padding-top: 5px; } .Telematic-Message-Text { font-size: 12px; margin-left: 5px; } .Telematic-MessageAsHeader { font-size: 12px; margin-left: 5px; margin-top: 5px; } .Telematic-TimeStamp { font-size: 9px; color: gray; text-align: right; margin-right: 5px; float: right; } .Station { border-bottom: 1px solid #aaa; margin-top: 8px; padding: 0 5px; } .Station-Day { text-align: center; border-bottom: 1px solid #aaa; background-color: lightgray; } .Station-Header { font-size: 12px; color: #000; text-align: left; margin-left: 5px; margin-top: 2px; text-wrap: none; } .Station-Distance { font-size: 9px; color: gray; text-align: right; margin-right: 5px; } #VehicleLocation-slide-in-handle { position: absolute; right: 500px; width: 50px; height: 50px; padding: 5px 0; background: #009EE3; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; /* Internet Explorer */ -ms-writing-mode: tb-rl; } .VehicleLocationMenu { position: absolute; top: 180px; left: 30px; z-index: 10000; } #VehicleLocationDetail-slide-in { position: absolute; top: 0; left: 0; width: 350px; height: 100%; margin-left: -350px; border: solid #e9e9e9; border-width: 1px 0 1px 0; background: #ffffff; z-index: 10000; } .k-header-column-menu.k-active { background-color: #fff; } .k-grid-filter.k-active { background-color: #fff; } .k-file-success { color: #000000; } .k-file-progress { color: #000000; } .LinkContainer { border-top: 1px solid; border-bottom: 1px solid; border-color: #ebebec; background-color: #f7f7f7; cursor: pointer; } .LinkContainerContent { padding: 10px; } .LinkContainer:hover { background-color: #fcfcfc; } .LinkContainer a:hover { font-weight: normal; } .CalendarSheet { height: 60px; width: 60px; background-color: white; text-align: center; border: 2px solid #009EE3; position: relative; } .CalendarSheet-Canvas { line-height: 2; font-size: 18px; } .CalendarSheet-Subline { color: #FFFFFF; background-color: #009EE3; position: absolute; bottom: 0; width: 100%; } .BottomRightContent { bottom: 25px; right: 25px; position: fixed; } .ChatMessageReceived { background-color: #428bca; color: #fff; margin: 10px 100px 0px 10px; min-height: 20px; border-radius: 5px; padding: 5px; overflow: hidden; } .ChatMessageSent { background-color: #8EBC00; color: #fff; margin: 10px 10px 0px 100px; min-height: 20px; border-radius: 5px; padding: 5px; overflow: hidden; } .ChatMessageHeader { font-size: 9px; } .ChatMessageSubLine { margin: 0px; font-size: 9px; text-align: right; } .EditOrderControl { line-height: 22px; margin-bottom: 14px; } .k-master-row .k-button { padding: 6px 6px; } .k-header { background-color: #f8f8f8; } .k-navigator .k-button { color: #000000; } .k-panelbar > li.k-state-default > .k-link.k-hover, .k-panelbar > li.k-hover > .k-link, .k-panelbar > li > .k-link.k-hover, .k-tabstrip-items .k-hover .k-link { color: #000; font-weight: bold } .k-icon { color: #787878; } .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled), .k-other-month.k-hover .k-link, .k-pager-wrap .k-link:hover, .k-hover, div.k-filebrowser-dropzone em { background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); } .k-menu .k-menu-scroll-button:hover, .k-menu .k-hover > .k-link, .k-hover > .k-link { background-color: #dbdbdb; border-color: #dbdbdb; background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); color: #000; } .k-dropdown-wrap.k-hover, .k-numeric-wrap.k-hover, .k-picker-wrap.k-hover { background-color: #dbdbdb; background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); color: #000; } .k-autocomplete { width: 12.4em; } .k-autocomplete.k-hover { background-color: #fff; background-image: none; } .k-autocomplete.k-focused, .k-dropdown-wrap.k-focused, .k-numeric-wrap.k-focused, .k-picker-wrap.k-focused { background-color: #dbdbdb; background-image: none,linear-gradient(to bottom,#dbdbdb 0,#dbdbdb 100%); color: #000; } .k-list > .k-selected { color: #000; background-color: #dbdbdb; border-color: #dbdbdb; } k-focus.k-selected, .k-list > k-focus.k-selected { box-shadow: inset 0 0 3px 1px #ebebeb; } .k-list > .k-hover { color: #000; background-color: #ebebeb; border-color: #ebebeb; } .k-dropdown .k-hover .k-input, .k-dropdown .k-focused .k-input { color: #000; } .k-calendar-range td.k-range-end, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-start { background-image: linear-gradient(transparent 1px,rgba(175,175,175,.3) 1px,rgba(175,175,175,.3) calc(100% - 1px),transparent calc(100% - 1px)); } .k-calendar-range td.k-focused .k-link { box-shadow: inset 0 0 0 1px #aaa; } .k-calendar td.k-focused .k-link { box-shadow: inset 0 0 0 1px #aaa; } .k-calendar .k-content .k-link, .k-calendar .k-content td, .k-calendar .k-header .k-link { border-radius: 0; } /* Language Editor */ .LanguageEditButton { top: 0px; left: 0px; background-color: transparent; border-color: transparent; color: #000; padding: 0px; vertical-align: top; } .LanguageEditButton:hover { background-color: transparent; border-color: transparent; color: #bbb } .LanguageEditButtonActive { color: #bbb } .LanguageEditorForm { position: absolute; z-index: 100; left: 0px; top: 0px; display: none; background-color: #fefefe; border: 1px solid #ccc; box-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.1); border-radius: 2px; } /****************/ .CollapseBox .CollapseButton { font-size: 16px; cursor: pointer; width: 100%; text-align: left; display: inline; } .CollapseBox .CollapseContent { display: none; border: 0.1em solid #dbdbdb; } .CollapseContent tr td:first-child { padding: 0.6em; font-weight: bold; background-color: #f4f4f4; } /* Menu Cards */ .lis-card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 2em; margin-bottom: 100px; } .lis-card-deck .k-card-image { height: 80px; } .lis-card-deck .k-card-image > img { float: left; } .lis-card-deck .k-card-title { height: 100%; padding-right: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lis-card-deck .k-card-body { min-height: 100px; background-color: #FFFFFF; color: #555; } .lis-card-deck .k-card { width: 270px; margin-right: 2em; margin-bottom: 2em; } .lis-card-deck .k-card-actions { border-top: 1px solid #fff !important; } .lis-card-deck .k-button.k-flat.k-primary { color: inherit !important; } .lis-card-deck .k-card-action-image { height: 25px; padding-right: 5px; float: left; } /**/ /* DateRangePicker */ .daterangepicker td.in-range { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #cacaca; color: #000; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #cacaca; color: #000; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #cacaca; } /**/ #co2Footprint { float: right; background-image: url(/App_Themes/ID/images/icons/co2.png); background-size: 100px; background-repeat: no-repeat; height: 150px; width: 150px; font-size: 18px; font-weight: bold; padding-top: 75px; padding-left: 48px } /* loading spinner */ .spinner { width: 150px; height: 150px; } .spinner::before { width: 150px; height: 150px; border-bottom-color: #009ee3; border-right-color: #009ee3; border-top-color: rgba(1, 1, 1, 0); border-left-color: rgba(1, 1, 1, 0); top: 0px; left: 0px; -webkit-animation: rotate-animation 1.5s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; animation: rotate-animation 1.5s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; } .spinner::before, .spinner::after { content: ""; display: block; position: absolute; border-width: 6px; border-style: solid; border-radius: 50%; } .spinner::after { width: 124px; height: 124px; border-bottom-color: #009ee3; border-right-color: #009ee3; border-top-color: rgba(1, 1, 1, 0); border-left-color: rgba(1, 1, 1, 0); opacity: 0.7; top: 12px; left: 12px; -webkit-animation: anti-rotate-animation 1.1325s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; animation: anti-rotate-animation 1.1325s linear 0.02s infinite, pulse 1.5s linear 0.02s infinite; } .spinner-image { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100px; max-height: 50px; -webkit-animation: pulse 1.5s linear 0.02s infinite; animation: pulse 1.5s linear 0.02s infinite; } @-webkit-keyframes pulse { 0% { opacity: .8; } 50% { opacity: .2; } 100% { opacity: .8; } } @keyframes pulse { 0% { opacity: .8; } 50% { opacity: .2; } 100% { opacity: .8; } } @-webkit-keyframes rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes anti-rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes anti-rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /**/ /* Kendo Timeline */ .k-timeline-vertical .k-timeline-event { padding: 20px 0; } .k-timeline-vertical .k-timeline-flag-wrap:first-child { padding-top: 20px; } .k-timeline-vertical.k-timeline-alternating { padding: 0px; } .k-timeline-card .k-card-title { font-size: 16px; line-height: 20px; } .k-timeline-card .k-card-title .k-button:active::before, .k-card-title .k-button:hover::before { opacity: 0; } .k-timeline-vertical .k-timeline-card .k-card { min-height: 0px; } .k-timeline-card .k-timeline-card-callout.k-callout-e, .k-timeline-card .k-timeline-card-callout.k-callout-w { top: 24px; } .k-timeline-vertical .k-timeline-circle, .k-timeline-vertical .k-timeline-date-wrap { margin-top: 24px; } .registerCard { padding: 10px; } .card { border: 1px solid #CCCCCC; box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08); padding: 10px; margin: 75px auto; margin-bottom: unset; display: block; width: 1010px; background-color: rgba(0,0,0,0.7); color: #FFFFFF; } .card .title { height: 60px; padding: 10px; background: #009EE3; color: #FFFFFF; margin: -10px; margin-bottom: 10px; } .cardAuthorized { border: 1px solid rgba(20,53,80,0.14); box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08); padding: 10px; margin: 75px auto; margin-bottom: unset; display: block; width: 1010px; } .cardAuthorized .title { display: none; } .registerText { margin: 10px; } /* shortcuts */ .w100p{ width:100%; } .taright{ text-align:right; } .nodisplay { display:none; } .fwbold { font-weight:bold; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } #loginBoxToggleButton { border: none; border-radius: 50%; background-color: #ffffff; color: #009EE3; padding: 1px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; display: none; } #ediTiles { display: flex; flex-wrap: wrap; justify-content: center; } #ediTiles .tile { display: flex; align-items: end; padding: 50px 20px 10px 20px; margin: 0 10px 20px 10px; width: 180px; height: 110px; position: relative; border: 0 solid red; border: 1px solid #009EE3; box-shadow: 1px 2px 3px #cdcdcd; } #ediTiles .tile .icon { position: absolute; top: 10px; left: 10px; width: 35px; } #ediTiles .tile:hover { box-shadow: none; } #ediTiles .tile .service { font-weight: bold; font-size: 13px; } #ediTiles .tile.clickable .service { cursor: pointer; } #ediTiles .tile .service .k-icon{ vertical-align:bottom; } #ediTiles .tile .text { margin: 5px 0 0 0; font-size: 11px; color: #000; } #ediTiles .tile .text.noText { color: #999999; font-style:italic; } #ediTiles .toggleButton { position: absolute; top: 10px; right: 10px; } #ediTiles .toggleButton .k-switch .k-switch-container { border-color: #009EE3; background-color: #dedede; } #ediTiles .toggleButton .k-switch-handle { transition: background-color .2s ease-in; transition: left .2s ease-in; border: transparent; } #ediTiles .toggleButton .k-switch-on .k-switch-handle { background-color: green; } #ediTiles .toggleButton .k-switch-off .k-switch-handle { background-color: #ed1200; } textarea#ediAdditionalText { border: 1px solid #cdcdcd; margin: 0px 0px 10px; resize: vertical; height: 68px; min-height: 100px; } #EditSettings .settingElement { width: 50%; justify-content: space-between; align-items: center; margin: 0 0 20px 0; } #EditSettings.CodedText .settingElement { width: 30%; } #EditSettings .settingElement .settingName { margin-right: 12px; } #EditSettings .iconForm { display: flex; align-items: center; } #EdiTextEditWindow .codedText { margin: 0 20px 10px 0; font-weight: bold; font-size: 13px; } #EdiTextEditWindow .k-datepicker, #EdiTextEditWindow .k-timepicker, #EdiTextEditWindow .k-datetimepicker { width: 100%; } .ETATemplate { background: url(/App_Themes/ID/images/ETA.png) no-repeat left center; width: 250px; height: 100px; } .ETATemplateValue { font-size: 1.4rem; font-weight: bold; padding: 60px 0 0 85px; } .PostalCodeAuthentication { width: 700px; margin: 0 auto; padding: 0 20px 40px 20px; } .PostalCodeAuthentication .tableForm td { height: 35px; } .k-rounded-md { border-radius: 0px; } .k-grid-delete { background-color: #f5f5f5; color: #333333; } .k-grid-delete:hover { background-color: #f5f5f5; color: #333333; font-weight: 700; } .k-filtercell .k-input .k-input-inner { padding: 4px; } .k-filtercell { display: block; width: auto; } .k-list-item { border-radius: 0px; } .k-no-data, .k-nodata { min-height: auto; } .k-scheduler-refresh { border-width: 0; } .k-input-inner { border: 0; } .k-numerictextbox .k-button { margin: 0; } .k-menu .k-item > .k-link { padding: .5em 1.1em .4em; } .k-editor .k-editable-area { height: 100%; } .k-editor-toolbar .k-combobox { margin-right: 6px; width: 12.4em; } /* Third Party Login */ .lis-thirdparty-login-bar { padding: 2px 50px; display: flex; align-content: center; justify-content: center; } .lis-thirdparty-login-button { cursor: pointer; width: fit-content; background-color: white; color: #444; border: 1px solid #999; border-radius: 4px; display: flex; padding: 4px; margin: 4px; } .lis-thirdparty-login-button > span { padding-left: 4px; } .lis-facebook-login-button > svg { fill: #4267B2; } .lis-google-login-button > svg { fill: #DB4437; } .lis-microsoft-login-button > svg { fill: #737373; } .lis-thirdparty-login-separator { display: flex; padding: 10px 50px 5px 50px; } .lis-thirdparty-login-separator > .lis-separator-line { border: .05em solid #eee; height: 0px; width: 100%; margin-top: 8px; } .lis-thirdparty-login-separator > .lis-separator-text { margin-left: 10px; margin-right: 10px; } .dgood-info-label { display: inline-block; background-color: orange; color: black; border: 1px solid black; border-radius: 8px; padding: 4px 8px; font-weight: bold; min-width: 60px; text-align: center; display: none; } #mnu1 { font-size: 12px; background-color: transparent; color: #ffffff; padding: 5px; display: inline; float: right; margin-top: 2.5px; } #mnuGridExport { font-size: 12px; background-color: transparent; color: #ffffff; padding: 5px; float: right; margin-right: 5px; margin-top: 2.5px; } #printHeaderButton { margin-right: -1px !important; } .disabledBackground { background: lightgray; } /* ===================================================================== THÈME MODERNE – couche de surcharge WebSped Ce fichier est concaténé à la fin de default.css (voir build-theme.ps1). Ne modifier que ce fichier, puis relancer build-theme.ps1. ===================================================================== */ :root { --ws-primary: #0a7fc4; --ws-primary-hover: #086aa4; --ws-primary-soft: #e6f3fb; --ws-accent: #f5a524; --ws-ink: #1b2533; --ws-ink-soft: #536274; --ws-muted: #8a97a8; --ws-bg: #f3f5f8; --ws-surface: #ffffff; --ws-border: #dfe4ea; --ws-border-strong: #c9d1db; --ws-header: #0f2236; --ws-header-2: #16314d; --ws-danger: #d64545; --ws-success: #2f9e5b; --ws-radius: 8px; --ws-radius-sm: 6px; --ws-shadow: 0 1px 2px rgba(16, 34, 54, .06), 0 2px 8px rgba(16, 34, 54, .06); --ws-shadow-lg: 0 8px 28px rgba(16, 34, 54, .16); --ws-font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; --ws-header-h: 56px; } /* ---------- Base ---------- */ html { -webkit-text-size-adjust: 100%; } body { background-color: var(--ws-bg); font-family: var(--ws-font); font-size: 13px; line-height: 1.45; color: var(--ws-ink); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4 { color: var(--ws-ink); font-weight: 600; letter-spacing: -.01em; } h2 { font-size: 18px; } a { color: var(--ws-primary); text-decoration: none; transition: color .15s; } a:hover { color: var(--ws-primary-hover); font-weight: inherit; text-decoration: underline; } hr { background-color: var(--ws-border); color: var(--ws-border); } ::selection { background: var(--ws-primary-soft); color: var(--ws-ink); } * { scrollbar-width: thin; scrollbar-color: var(--ws-border-strong) transparent; } :focus-visible { outline: 2px solid var(--ws-primary); outline-offset: 1px; } /* ---------- En-tête ---------- */ #headerBackground, #headerBackgroundHome { background: var(--ws-bg); height: auto; min-height: 100%; } /* Page d'accueil : laisser voir l'image de fond */ #backgroundImage ~ #headerBackgroundHome, #backgroundImage ~ #headerBackground { background: transparent; } /* #headerlogo enveloppe toute la page (layout LIS) : la barre sombre est portée par #header */ #headerlogo, #headerlogoHome { background: none; overflow: visible; } #header { width: auto; height: var(--ws-header-h); margin: 0; padding: 0 24px; display: flex; align-items: center; background: linear-gradient(90deg, var(--ws-header) 0%, var(--ws-header-2) 100%); box-shadow: 0 2px 10px rgba(15, 34, 54, .25); position: sticky; top: 0; z-index: 1000; } #slogan { float: none; display: flex; align-items: center; } #slogan h2 { padding: 0; font-size: 19px; font-weight: 700; letter-spacing: -.02em; color: #fff; display: flex; align-items: center; gap: 10px; } #slogan h2::before { content: ""; width: 28px; height: 28px; border-radius: 7px; background: linear-gradient(135deg, #2bb3f3 0%, var(--ws-primary) 100%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); } #WebsiteTitleRegTrademark { font-size: 10px; vertical-align: super; opacity: .6; margin-left: 1px; } #WebsiteInstanceName { font-weight: 400; opacity: .7; margin-left: 6px; } #header > a:hover { text-decoration: none; } #topmenu { float: none; padding-left: 28px; } #topmenu ul { padding: 0; display: flex; gap: 4px; } #topmenu a, #topmenu1, #topmenu2, #topmenu3, #topmenu4 { float: none; margin: 0; padding: 7px 12px; border-radius: var(--ws-radius-sm); background: none; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.78); transition: background-color .15s, color .15s; } #topmenu a:hover { text-decoration: none; color: #fff; background-color: rgba(255,255,255,.10); } /* Barre utilisateur (menu Kendo) intégrée à droite de l'en-tête */ #content-user { position: fixed; top: 0; right: 16px; height: var(--ws-header-h); display: flex; align-items: center; z-index: 1001; } #content-user .k-menu, #content-user .k-menu .k-item, #content-user .k-menu .k-link { background: transparent !important; border: 0 !important; } #content-user .k-menu .k-link { padding: 6px 10px; border-radius: var(--ws-radius-sm); } #content-user .k-menu > .k-item > .k-link:hover { background: rgba(255,255,255,.10) !important; } #homeMenuItem > .k-menu-expand-arrow-icon, #homeMenuItem > .k-menu-link-text, #homeMenuItem .k-menu-expand-arrow-icon { color: rgba(255,255,255,.82); } #content-user .k-disabled { opacity: .55; } #content-user .k-menu .k-image { filter: brightness(0) invert(1); opacity: .8; width: 14px; height: 14px; } #content-user .k-menu-popup .k-image { filter: none; opacity: 1; } /* Sous-menus (langues, profil) : texte foncé, survol visible */ #content-user .k-menu-popup { background: var(--ws-surface) !important; padding: 4px; } #content-user .k-menu-popup .k-item > .k-link { color: var(--ws-ink) !important; border-radius: var(--ws-radius-sm); padding: 7px 12px; } #content-user .k-menu-popup .k-item > .k-link .k-menu-link-text { color: var(--ws-ink) !important; } #content-user .k-menu-popup .k-item:hover > .k-link, #content-user .k-menu-popup .k-item.k-hover > .k-link, #content-user .k-menu-popup .k-item.k-focus > .k-link { background: var(--ws-primary-soft) !important; color: var(--ws-primary) !important; } #content-user .k-menu-popup .k-item:hover > .k-link .k-menu-link-text, #content-user .k-menu-popup .k-item.k-hover > .k-link .k-menu-link-text { color: var(--ws-primary) !important; } #content-user .k-menu-popup .k-image { width: 18px; height: 18px; margin-right: 8px; } #DivisionSelector { color: rgba(255,255,255,.85); margin-right: 8px; } #menu { display: none; } /* ---------- Zone de contenu ---------- */ #content-center, #content-center-map { width: auto; max-width: 1880px; margin: 20px auto 64px auto; padding: 0 24px; background: none; overflow: visible; } @media (min-width: 1400px) { #content-center { width: auto; } } @media (min-width: 1600px) { #content-center { width: auto; } } @media (min-width: 1900px) { #content-center { width: auto; } } #content { margin: 16px 0 24px 0; padding: 0; } /* Bandeau de titre de page : reste bleu car les vues y posent icônes et menus blancs en dur */ #content-header { height: auto; min-height: 52px; border-spacing: 0; border-collapse: separate; background: linear-gradient(90deg, var(--ws-primary) 0%, #1b93d6 100%); border-radius: var(--ws-radius); box-shadow: var(--ws-shadow); font-size: 18px; font-weight: 600; color: #fff; } #content-header-left { width: 48px; min-width: 48px; background-color: rgba(0, 0, 0, .10); border-radius: var(--ws-radius) 0 0 var(--ws-radius); transition: background-color .15s; } #content-header-left:hover { background-color: rgba(0, 0, 0, .22); } #content-header-left img { width: 22px; height: 22px; } #content-header-left br { display: none; } #content-header-center { background: transparent; color: #fff; padding: 8px 12px 8px 16px; line-height: 34px; /* = hauteur des boutons flottants à droite : le titre reste centré */ vertical-align: middle; } #content-header-left { vertical-align: middle; } #content-header-center .headerButton, #content-header-center .imageButton, #content-header-center .LISImageButton { background-color: transparent; border-radius: var(--ws-radius-sm); width: 32px; height: 32px; padding: 4px; transition: background-color .15s, transform .1s; } #content-header-center .headerButton:hover, #content-header-center .imageButton:hover, #content-header-center .LISImageButton:hover { background-color: rgba(255, 255, 255, .18); } #content-header-center .headerButton:active { transform: translateY(1px); } #content-header-center > .k-menu { padding: 0 !important; height: 34px; display: inline-flex !important; align-items: center; } #content-header-center .k-menu, #content-header-center .k-menu .k-item, #content-header-center .k-menu .k-link { background: transparent; border: 0; color: #fff; } #content-header-center .k-menu > .k-item > .k-link { border-radius: var(--ws-radius-sm); padding: 6px 8px !important; } #content-header-center .k-menu > .k-item > .k-link:hover { background: rgba(255, 255, 255, .18); } #content-header-center .k-menu-popup .k-link { color: var(--ws-ink); } #content-header-center .k-picker, #content-header-center .k-input { background: rgba(255, 255, 255, .95); border-color: transparent; } #content-header-popup { border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: var(--ws-shadow-lg); color: var(--ws-ink-soft); } #content-header-extended { padding: 0; } /* Boutons d'action à icône (fond blanc → fond primaire) */ .headerButton, .imageButton, .LISImageButton, .LISImage { border-radius: var(--ws-radius-sm); } .headerButton:hover, .imageButton:hover, .LISImageButton:hover, .searchButton:hover { background-color: var(--ws-accent); } .LISImageButton, .LISImage { background: var(--ws-primary); } .searchButton { background-color: var(--ws-muted); border-color: var(--ws-border); border-radius: 0 var(--ws-radius-sm) var(--ws-radius-sm) 0; } .LISGridFilterButton { border-radius: var(--ws-radius-sm); } .LISGridFilterButton:hover { border-color: var(--ws-border-strong); background-color: var(--ws-primary-soft); } /* Barres colorées (titres de section, recherche, tableaux) */ .sectionHeader, .searchBar, .searchBarText, .searchNotFoundHeader, .tableLabelTitle, #ChatHeader, #content-right-bar h3, .boxed .title { background-color: var(--ws-primary); background-image: linear-gradient(90deg, var(--ws-primary) 0%, #1b93d6 100%); } .searchBar { border-radius: var(--ws-radius); padding: 10px 14px; } /* Recherche Track & Trace (accueil connecté) : une seule barre, libellé + champ */ #searchBarTable { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: var(--ws-radius); overflow: hidden; box-shadow: var(--ws-shadow); background: linear-gradient(90deg, var(--ws-primary) 0%, #1b93d6 100%); } #searchBarTable .searchBarText, #searchBarTable .searchBar { background: transparent; border-radius: 0; } #searchBarTable .searchBarText { padding: 12px 16px; text-align: right; font-size: 18px; font-weight: 600; min-width: 0; } #searchBarTable .searchBarText p { margin: 0; } #searchBarTable .searchBar { width: 1%; white-space: nowrap; padding: 12px 16px 12px 8px; } #searchBarTable .k-input { height: 34px; border-color: transparent; } #searchBarTable .k-button { height: 34px; margin-left: 6px; } .tableLabelTitle { border-radius: var(--ws-radius-sm); padding: 4px 10px; height: auto; } #content-right-bar { background: var(--ws-surface); border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: var(--ws-shadow); } #content-right-bar h3 { border-radius: var(--ws-radius-sm); } /* ---------- Pied de page ---------- */ #footer { background: rgba(15, 34, 54, .92); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-top: 1px solid rgba(255,255,255,.06); } #legal { padding: 6px 16px; font-size: 11px; color: rgba(255,255,255,.62); } #legal a { color: rgba(255,255,255,.85); font-weight: 500; } #CookieNotifier { left: 16px; right: 16px; bottom: 40px; border-radius: var(--ws-radius); background: rgba(15, 34, 54, .94); box-shadow: var(--ws-shadow-lg); font-size: 14px; } /* ---------- Page d'accueil ---------- */ .content-video { position: fixed; filter: saturate(.9); } .content-video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,.55) 0%, rgba(15,34,54,.25) 45%, rgba(15,34,54,.65) 100%); } #homeTable { border-spacing: 0; padding: 0; margin: 8px 0 0 0; } #homeTable tr { background: rgba(255,255,255,.14); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 4px 24px rgba(0,0,0,.18); } #homeTable td { padding: 12px 8px; } #homeTable td:first-child { padding-left: 16px; border-radius: 12px 0 0 12px; } #homeTable td:last-child { border-radius: 0 12px 12px 0; } #homeTable p { font-size: 20px; font-weight: 600; letter-spacing: -.01em; } #homeTable img { width: 44px; height: 44px; } #homeTable div { border-radius: var(--ws-radius); border-color: var(--ws-border); } .boxed { width: 520px; max-width: calc(100vw - 32px); border: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.35); } .boxed .title { height: auto; min-height: 60px; padding: 16px 20px; overflow: hidden; } .boxed .title img { width: 56px; height: 56px; margin: 2px 0 0 4px; } .boxed .content, .boxed .TwoFAContent { background-color: rgba(255,255,255,.96); color: var(--ws-ink); padding: 24px 20px 20px 20px; } .boxed .content a { color: var(--ws-primary); font-weight: 500; } .boxed .content label { color: var(--ws-ink-soft); font-weight: 500; } #loginBoxContent > form > div:first-of-type { padding-left: 0 !important; } #loginBoxContent table { width: 100%; } #loginBoxContent .k-input { width: 260px !important; } #loginBoxToggleButton { background: rgba(255,255,255,.18); border: 0; border-radius: 50%; width: 32px; height: 32px; color: #fff; cursor: pointer; } #loginBoxToggleButton:hover { background: rgba(255,255,255,.3); } .buttonBar { padding: 8px 0 0 0; } /* ---------- Accueil non connecté : tout tient dans l'écran, sans défilement ---------- Grille 2 colonnes : [visuel de marque + recherche Track & Trace] | [connexion] */ @media (min-width: 1000px) { #backgroundImage ~ #headerBackgroundHome #content-center:has(> #loginBox) { box-sizing: border-box; min-height: calc(100vh - var(--ws-header-h) - 32px); max-width: 1400px; margin: 0 auto !important; padding: 24px 40px 48px 40px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 420px); grid-template-areas: "hero login" "search login"; grid-template-rows: auto auto; align-content: center; column-gap: 56px; row-gap: 20px; } #backgroundImage ~ #headerBackgroundHome #content-center:has(> #loginBox)::before { grid-area: hero; align-self: end; } #backgroundImage ~ #headerBackgroundHome #content-center:has(> #loginBox) > #homeTable { grid-area: search; align-self: start; } #backgroundImage ~ #headerBackgroundHome #content-center:has(> #loginBox) > #loginBox { grid-area: login; align-self: center; width: 100% !important; max-width: none; margin: 0 !important; } } /* Recherche Track & Trace : carte vitrée, grand champ */ #homeTable, #homeTable tbody { display: block; width: 100%; } #homeTable colgroup { display: none; } #homeTable tr { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 12px 18px; border-radius: 14px; } #homeTable td { display: block; padding: 0 !important; border-radius: 0 !important; } #homeTable td:nth-child(2) { white-space: nowrap; } #homeTable td:nth-child(3) { display: none; } #homeTable td:nth-child(4) { flex: 1 1 300px; min-width: 0; display: flex; align-items: center; gap: 8px; } #homeTable td:nth-child(4) .k-button { flex: 0 0 auto; } #homeTable td:nth-child(4) .k-input { flex: 1 1 auto; width: auto !important; height: 42px; border: 0; } #homeTable td:nth-child(4) .k-input-inner { font-size: 14px; padding: 0 12px; } #homeTable td:nth-child(4) .k-button { height: 42px; padding: 0 20px; border-radius: 8px; font-size: 14px; } #homeTable td:last-child:empty { display: none; } #homeTable p { margin: 0 !important; } /* Carte de connexion compacte, libellés au-dessus des champs */ #loginBox .title { padding: 14px 20px; min-height: 0; } #loginBox .title img { width: 44px; height: 44px; } #loginBoxToggleButton { display: none; } #loginBoxContent { padding: 18px 22px 18px 22px !important; } #loginBoxContent table, #loginBoxContent tbody, #loginBoxContent tr, #loginBoxContent td { display: block; width: 100%; } #loginBoxContent table { border-spacing: 0; } #loginBoxContent td { padding: 0; } #loginBoxContent tr { margin-bottom: 12px; } #loginBoxContent tr td:first-child { margin-bottom: 5px; font-weight: 600; color: var(--ws-ink); } #loginBoxContent tr td:empty { display: none; } #loginBoxContent .k-input { width: 100% !important; height: 42px; } #loginBoxContent .k-input-inner { font-size: 14px; } #loginBoxContent tr:last-child { margin-bottom: 4px; } #loginBoxContent tr:last-child td { font-size: 12px; color: var(--ws-ink-soft); line-height: 1.7; } #loginBoxContent .buttonBar .k-button { width: 100%; height: 42px; font-size: 14px; font-weight: 600; border-radius: 10px; } /* Tuiles */ .tileButton { border-radius: 12px; background-color: var(--ws-primary); background-image: linear-gradient(145deg, #1e9ae0 0%, var(--ws-primary) 100%); box-shadow: var(--ws-shadow); transition: transform .15s, box-shadow .15s, background-color .15s; } .tileButton:hover { background-color: var(--ws-primary-hover); background-image: linear-gradient(145deg, var(--ws-primary) 0%, var(--ws-primary-hover) 100%); transform: translateY(-2px); box-shadow: var(--ws-shadow-lg); } .tileButton .text { font-size: 15px; font-weight: 600; } .LinkContainer { border-radius: var(--ws-radius); transition: box-shadow .15s, transform .15s; } .LinkContainer:hover { box-shadow: var(--ws-shadow-lg); } /* Cartes Kendo (page d'accueil connectée) */ .lis-card-deck .k-card, .k-card { border: 1px solid var(--ws-border); border-radius: 12px; box-shadow: var(--ws-shadow); overflow: hidden; transition: transform .15s, box-shadow .15s; } .lis-card-deck .k-card:hover { transform: translateY(-2px); box-shadow: var(--ws-shadow-lg); } .lis-card-deck .k-card-title, .k-card-title { font-weight: 600; color: var(--ws-ink); } .lis-card-deck .k-card-image, .k-card.k-primary .k-card-image { background-color: var(--ws-primary); background-image: linear-gradient(135deg, var(--ws-primary) 0%, var(--ws-primary-hover) 100%); } /* ===================================================================== SAISIE DE COMMANDE (Order/CreateNewOrder) – remodelage CSS La vue LIS empile des tableaux à largeurs fixes : on les transforme en grille. ===================================================================== */ #formCreateNewOrder > div:has(> table.tableForm) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; row-gap: 14px; align-items: center; margin: 0 0 18px 0 !important; padding: 20px 24px 22px 24px; background: var(--ws-surface); border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: var(--ws-shadow); } #formCreateNewOrder > div:has(> table.tableForm) + br { display: none; } /* Ligne 1 : donneur d'ordre (gauche) + route de planification / avis (droite) */ #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm { margin: 0 !important; width: 100%; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2), #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody { display: contents; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > colgroup { display: none; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:first-child { display: block; } /* Ligne 2 : trois blocs égaux – références | transport | dates */ #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 0; margin-top: 6px; padding-top: 18px; border-top: 1px solid var(--ws-border); } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) > td:empty { display: none; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) > td { display: block; padding: 0 24px; vertical-align: top; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) > td:first-child { padding-left: 0; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) > td:not(:first-child):not(:empty) { border-left: 1px solid var(--ws-border); } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) > td:last-child { padding-right: 0; } /* Tableaux internes : libellé 40 % / champ 60 %, champs pleine largeur */ #formCreateNewOrder > div:has(> table.tableForm) table { width: 100%; table-layout: fixed; border-spacing: 0; } #formCreateNewOrder > div:has(> table.tableForm) table.tableMC { table-layout: auto; } #formCreateNewOrder > div:has(> table.tableForm) table col { width: auto !important; } #formCreateNewOrder > div:has(> table.tableForm) table col:first-child { width: 40% !important; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:first-of-type col:first-child, #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:first-child col:first-child { width: 160px !important; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:first-of-type col:nth-child(n+3) { display: none; } #formCreateNewOrder > div:has(> table.tableForm) td { height: auto; padding: 4px 0; vertical-align: middle; } #formCreateNewOrder > div:has(> table.tableForm) td:first-child > label, #formCreateNewOrder > div:has(> table.tableForm) table.tableForm:first-of-type td:first-child { font-size: 12px; font-weight: 600; color: var(--ws-ink-soft); } #formCreateNewOrder > div:has(> table.tableForm) .k-input:not(.k-datepicker):not(.k-timepicker), #formCreateNewOrder > div:has(> table.tableForm) .k-picker { width: 100% !important; height: 34px; } #formCreateNewOrder > div:has(> table.tableForm) td.tableMC { width: 100%; padding: 0; } #formCreateNewOrder > div:has(> table.tableForm) .mControl .k-button { height: 34px; margin-left: 6px !important; } /* Route de planification : liste + case « Avis » sur une ligne */ #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:first-child col:nth-child(3) { width: 12px !important; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:first-child col:nth-child(4) { width: 90px !important; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:first-of-type { table-layout: auto; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:first-of-type > tbody > tr > td:nth-child(3) { display: none; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:first-of-type > tbody > tr > td:first-child { width: 160px; white-space: nowrap; } /* Dates : libellé au-dessus, puis date 46 % + deux heures sur une ligne */ table:has(> tbody > #trLoadingDate), table:has(> tbody > #trLoadingDate) > tbody, table:has(> tbody > #trLoadingDate) tr { display: block; width: 100%; } table:has(> tbody > #trLoadingDate) > colgroup { display: none; } table:has(> tbody > #trLoadingDate) td { display: block; padding: 0 !important; } table:has(> tbody > #trLoadingDate) td:empty { display: none; } #trLoadingDate > td:first-child, #trDeliveryDate > td:first-child { margin-bottom: 4px; } #trDeliveryDate { margin-top: 10px; } #trLoadingDate > td:nth-child(2), #trDeliveryDate > td:nth-child(2) { display: flex !important; align-items: center; gap: 6px; } #trLoadingDate .k-datepicker, #trDeliveryDate .k-datepicker { flex: 1 1 46%; } #trLoadingDate .k-timepicker, #trDeliveryDate .k-timepicker { width: 100% !important; margin-left: 0 !important; } #SpanLoadingTime, #SpanLoadingTimeUntil, #SpanDeliveryTime, #SpanDeliveryTimeUntil { flex: 1 1 27%; display: block; } #trLoadingDate + tr, #trDeliveryDate + tr { margin-top: 4px; } #trLoadingDate .k-datepicker, #trDeliveryDate .k-datepicker, #trLoadingDate .k-timepicker, #trDeliveryDate .k-timepicker { height: 34px; } #trLoadingDate + tr td, #trDeliveryDate + tr td { padding-top: 0; font-size: 12px; color: var(--ws-ink-soft); } #trLoadingDate + tr td div, #trDeliveryDate + tr td div { margin-top: 0 !important; } /* Onglets adresses / textes : carte, adresses fluides */ #formCreateNewOrder #TabStrip { margin-top: 4px; } #formCreateNewOrder #TabStrip .k-tabstrip-content { padding: 18px 20px !important; } #formCreateNewOrder #TabStrip-1 > table { width: 100%; border-spacing: 0 6px; } #formCreateNewOrder #TabStrip-1 > table > tbody > tr:first-child td { font-size: 12px; color: var(--ws-ink-soft); padding-bottom: 2px; } #formCreateNewOrder #TabStrip-1 h4 { margin: 0; font-size: 12px; font-weight: 600; color: var(--ws-ink); white-space: nowrap; } #formCreateNewOrder #TabStrip-1 td[colspan="4"] { width: 100%; } #formCreateNewOrder #TabStrip-1 td[colspan="4"] > table { width: 100%; } #formCreateNewOrder #TabStrip-1 td[colspan="4"] td.tableMC { width: 100%; } #formCreateNewOrder #TabStrip-1 .k-autocomplete[style*="400px"] { width: calc(100% - 44px) !important; } #formCreateNewOrder #TabStrip-1 .k-input, #formCreateNewOrder #TabStrip-1 .k-picker { height: 34px; } #formCreateNewOrder #TabStrip-1 .mControl .k-button { height: 34px; } #formCreateNewOrder #TabStrip-1 label[for^="SaveNew"] { font-size: 12px; color: var(--ws-ink-soft); white-space: nowrap; } #formCreateNewOrder #TabStrip-1 td:has(> input[id^="chkSaveNew"]) { white-space: nowrap; padding-left: 8px; } @media (max-width: 1250px) { #formCreateNewOrder > div:has(> table.tableForm) { grid-template-columns: minmax(0, 1fr); } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) { grid-template-columns: minmax(0, 1fr); row-gap: 12px; } #formCreateNewOrder > div:has(> table.tableForm) > table.tableForm:nth-of-type(2) > tbody > tr:nth-child(2) > td { padding: 0 !important; border-left: 0 !important; } } /* Formulaire de saisie de commande : barre d'actions toujours visible au-dessus du pied de page */ #formCreateNewOrder > .buttonBar { position: sticky; bottom: 30px; z-index: 50; margin: 16px 0 0 0; padding: 10px 14px; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: 0 -4px 18px rgba(16, 34, 54, .10); } #formCreateNewOrder > .buttonBar label { margin-right: 10px; color: var(--ws-ink-soft); } /* Écrans de configuration (mode administrateur) : même barre d'actions collante */ #content > .buttonBar { position: sticky; bottom: 30px; z-index: 50; margin: 16px 0 0 0; padding: 10px 14px; text-align: right; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: 0 -4px 18px rgba(16, 34, 54, .10); } /* Espace sous le contenu pour le pied de page fixe (une marge s'échapperait du conteneur, pas un padding) */ #content-center, #content-center-map { padding-bottom: 56px; margin-bottom: 0; } .card, .registerCard, .cardAuthorized { border-radius: 12px; overflow: hidden; box-shadow: var(--ws-shadow); } /* Carte profil / inscription : fond noir translucide d'origine → carte claire */ .card, .cardAuthorized { max-width: 1010px; width: auto; margin: 24px auto 0 auto; padding: 20px 24px; background-color: var(--ws-surface); border: 1px solid var(--ws-border); color: var(--ws-ink); } .card .title { color: var(--ws-ink); font-weight: 600; } /* ---------- Inscription (Account/Register) remaniée ---------- */ .content-register .card { max-width: 1180px; padding: 0 0 24px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; } .content-register .card > * { grid-column: 1 / -1; } .content-register .card > .registerCard:not([style]) { grid-column: auto; } .content-register .card > .title { display: flex; align-items: center; gap: 16px; margin: 0 0 4px 0; padding: 20px 24px; color: #fff; background: linear-gradient(90deg, var(--ws-primary) 0%, var(--ws-primary-hover) 100%); } .content-register .card > .title > div { float: none !important; margin: 0 !important; } .content-register .card > .title img { width: 52px; height: 52px; } .content-register .card > .title span[style*="20px"] { font-size: 22px !important; font-weight: 600; } .content-register .card > .title span[style*="16px"] { font-size: 14px !important; font-weight: 400; opacity: .85; } .content-register .card > div[style*="clear"] { display: none; } .content-register .registerText { margin: 16px 24px 4px 24px; padding: 12px 16px; border-radius: var(--ws-radius); background: var(--ws-primary-soft); color: var(--ws-ink-soft); font-size: 13px; } .content-register .registerText p:first-child { display: none; } /* répète le sous-titre de l'en-tête */ .content-register .registerText ul { margin: 6px 0 0 1.4em; } .content-register .registerCard { margin: 0; padding: 18px 0 0 0; border: 0; box-shadow: none; border-radius: 0; background: transparent; } .content-register .card { padding: 0 24px 24px 24px; } .content-register .card > .title { margin: 0 -24px 4px -24px; } .content-register .registerText { margin-left: 0; margin-right: 0; } .content-register .registerCard[style] { margin-left: 0 !important; margin-right: 0 !important; } .content-register .Requiered { margin-left: 0 !important; } .content-register .Requiered + div { margin-right: 0 !important; } .content-register .registerCard h3 { margin: 0 0 12px 0; padding-bottom: 8px; border-bottom: 2px solid var(--ws-primary-soft); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ws-primary); } .content-register .registerCard hr { display: none; } .content-register .tableForm, .content-register .tableForm tbody, .content-register .tableForm tr, .content-register .tableForm td { display: block; width: 100%; height: auto; } .content-register .tableForm colgroup { display: none; } .content-register .tableForm tr { margin-bottom: 12px; } .content-register .tableForm tr:has(> td:only-child:empty), .content-register .tableForm tr:empty { display: none; } .content-register .tableForm td:first-child:not(:only-child) { margin-bottom: 4px; font-weight: 600; font-size: 12px; color: var(--ws-ink); } .content-register .tableForm td:first-child:empty { display: none; } .content-register .tableForm .k-input, .content-register .tableForm .k-picker, .content-register input.k-textbox { width: 100% !important; height: 36px; } .content-register #PasswordStrength { width: 100% !important; height: 6px; border: 0; border-radius: 3px; background: var(--ws-border); overflow: hidden; } .content-register #PasswordStrength .k-progress-status-wrap { display: none; } .content-register #PasswordStrength .k-selected, .content-register #PasswordStrength .k-progressbar-value { background: var(--ws-primary); border: 0; } .content-register .registerCard[style]:not(:has(*)) { display: none; } .content-register .registerCard[style] { margin: 20px 24px 0 24px !important; } .content-register .Requiered { float: none; grid-column: 1 / 3; margin: 24px 0 0 24px !important; padding: 0; text-align: left !important; font-size: 12px; color: var(--ws-ink-soft); align-self: center; } .content-register .Requiered + div { grid-column: 3 / 4; margin: 24px 24px 0 0 !important; } .content-register #Submit { width: 100%; height: 42px; border-radius: 10px; font-size: 14px; font-weight: 600; } .content-register #Submit[disabled] { opacity: .5; cursor: not-allowed; } @media (max-width: 1100px) { .content-register .card { grid-template-columns: 1fr; } .content-register .Requiered, .content-register .Requiered + div { grid-column: 1 / -1; margin: 16px 0 0 0 !important; } } .card label, .card td { color: var(--ws-ink-soft); } .card h3, .card h4 { color: var(--ws-primary); font-weight: 600; } .card hr { margin: 6px 0 12px 0; } /* ---------- Frise de statut Track & Trace (images blanches sur couleur de fond) ---------- */ .deliveryStateFinished1, .deliveryStateFinished2, .deliveryStateFinished3, .deliveryStateFinished4, .deliveryStateFinished5 { background-color: var(--ws-primary); } .deliveryStateOpen1, .deliveryStateOpen2, .deliveryStateOpen3, .deliveryStateOpen4, .deliveryStateOpen5, .deliveryStateOpen6, .deliveryStateOpen7, .deliveryStateOpen8 { background-color: #e8ebef; } .deliveryStateOpenOverview1, .deliveryStateOpenOverview2, .deliveryStateOpenOverview3, .deliveryStateOpenOverview4, .deliveryStateOpenOverview5, .deliveryStateOpenOverview6, .deliveryStateOpenOverview7, .deliveryStateOpenOverview8 { background-color: #cfd6de; } .deliveryStateFinished6, .deliveryStateFinished7, .deliveryStateFinished8 { background-color: var(--ws-danger); } /* ---------- Icônes SVG (voir icons.css) : tailles et couleurs selon le contexte ---------- */ #content-header { --ic-color: #fff; } #content-header-left img[src$="/icons/arrow_back.png"] { width: 22px; height: 22px; } #content-header-center .headerButton img { width: 20px; height: 20px; } #content-header-center .k-menu .k-image { width: 16px; height: 16px; margin-right: 6px; } .k-menu-popup { --ic-color: var(--ws-ink-soft); } .LISGridFilterButton { --ic-color: var(--ws-ink-soft); display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border-radius: var(--ws-radius-sm); } .LISGridFilterButton img { width: 18px; height: 18px; } .LISGridFilterButton:hover { --ic-color: var(--ws-primary); } /* Barre de filtre de dates des grilles (réinitialiser | libellé < plage de dates > | actualiser) : tout centré */ .k-grid-toolbar > div:has(> .LISGridFilterButton), .k-grid-toolbar div:has(> #DatePickerPrevious) { display: flex; align-items: center; gap: 6px; } .k-grid-toolbar div:has(> #DatePickerPrevious) { margin-left: 10px; white-space: nowrap; color: var(--ws-ink-soft); font-weight: 500; } .k-grid-toolbar #DatePickerPrevious, .k-grid-toolbar #DatePickerNext { margin: 0 !important; } .k-grid-toolbar input[id^="LISDateRangePicker"] { height: 32px; box-sizing: border-box; margin: 0; padding: 0 10px !important; border: 1px solid var(--ws-border-strong); border-radius: var(--ws-radius-sm); font-weight: 600; color: var(--ws-ink); } /* Filtre par statut (chevrons au-dessus des grilles Track & Trace) */ div:has(> img[id^="DeliveryState"][src$="_small.png"]) { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--ws-surface); box-shadow: inset 0 0 0 1px var(--ws-border); } img[id^="DeliveryState"][src$="_small.png"] { border-radius: 4px; transition: filter .15s, transform .1s; } img[id^="DeliveryState"][src$="_small.png"]:first-child { border-radius: 999px 4px 4px 999px; } img[id^="DeliveryState"][src$="_small.png"]:hover { filter: brightness(1.12); transform: translateY(-1px); } /* Icônes blanches sur fonds foncés (tuiles, cartes, menu utilisateur, connexion) */ .lis-card-deck .k-card-image, .k-card.k-primary .k-card-image, .lis-card-deck .k-card-actions .k-button, .tileButton, .boxed .title, #content-user > .k-menu > .k-item, #homeTable { --ic-color: #fff; } .boxed .title img { margin-right: 6px !important; } #content-user .k-menu .k-image { filter: none; opacity: .85; } #content-user .k-menu-popup { --ic-color: var(--ws-ink-soft); } .lis-card-deck .k-card-image img { width: 36px !important; height: 36px !important; padding: 0; margin: 0 4px 0 2px; flex: 0 0 auto; } .lis-card-deck .k-card-image { display: flex; align-items: center; gap: 10px; padding: 14px 16px; } .lis-card-deck .k-card-image .k-card-title, .k-card.k-primary .k-card-image .k-card-title { color: #fff; } .lis-card-deck .k-card-action-image { width: 16px; height: 16px; } .tileButton img { width: 40px !important; height: 40px !important; padding: 0; margin: 12px auto 12px auto; display: block; } .tileButton .text { margin: 0 6px !important; line-height: 1.25; } img[src$="/icons/not_geocoded.png"] { --ic-color: var(--ws-danger); } img[src$="/icons/geocoded.png"] { --ic-color: var(--ws-success); } /* Icône de statut dans les grilles (camion, colis…) */ img[src*="/icons/DeliveryState"][src$="_icon.png"] { width: 22px; height: 20px; --ic-color: var(--ws-primary); vertical-align: middle; } img[src$="/icons/DeliveryState6_icon.png"], img[src$="/icons/DeliveryState7_icon.png"], img[src$="/icons/DeliveryState8_icon.png"] { --ic-color: var(--ws-danger); } /* Boutons d'action des lignes de grille */ .k-grid tbody .k-icon-button { --ic-color: var(--ws-ink-soft); width: 30px; height: 30px; } .k-grid tbody .k-icon-button:hover { --ic-color: var(--ws-primary); } .GridButtonEdit.k-icon, .GridButtonDelete.k-icon, .GridButtonDetails.k-icon, .GridButtonCopy.k-icon { filter: none; } .k-grid tbody .k-icon-button .GridButtonDelete.k-icon { --ic-color: var(--ws-ink-soft); } .k-grid tbody .k-icon-button:hover .GridButtonDelete.k-icon { --ic-color: var(--ws-danger); } /* ---------- Menus « Vue » et « Export » du bandeau : boutons-pilules ---------- */ #content-header-center > .k-menu > .k-item > .k-link { height: 32px; padding: 0 12px !important; border: 1px solid rgba(255, 255, 255, .28) !important; border-radius: 999px; font-size: 13px; font-weight: 600; } #content-header-center > .k-menu > .k-item > .k-link:hover { background: rgba(255, 255, 255, .16) !important; border-color: rgba(255, 255, 255, .5) !important; } #content-header-center > .k-menu { margin-left: 8px !important; } #content-header-center .k-menu-popup { min-width: 180px; padding: 6px !important; } #content-header-center .k-menu-popup .k-item > .k-link { padding: 8px 12px !important; border-radius: var(--ws-radius-sm); font-size: 13px; } #content-header-center .k-menu-popup .k-item > .k-link:hover { background: var(--ws-primary-soft); color: var(--ws-primary); } /* Boutons « Annuler / Fermer » : secondaires (blancs) pour laisser ressortir l'action principale */ .k-button.k-button-solid-primary[id*="Close"], .k-button.k-button-solid-primary[id*="Cancel"], .k-button.k-button-solid-primary[id*="Abort"] { background: var(--ws-surface) !important; border: 1px solid var(--ws-border-strong) !important; color: var(--ws-ink) !important; } .k-button.k-button-solid-primary[id*="Close"]:hover, .k-button.k-button-solid-primary[id*="Cancel"]:hover, .k-button.k-button-solid-primary[id*="Abort"]:hover { background: #f2f5f8 !important; } .k-window .k-window-content > div:last-child:has(> .k-button) { display: flex; justify-content: flex-end; gap: 8px; } /* Fenêtre « Toutes les configurations » (Vue > Administrer) : largeur adaptée à sa grille */ .k-window:has(#MetaGridOverviewWindow) { min-width: min(760px, 96vw); } #MetaGridOverviewWindowContent > div[style*="650px"] { width: auto !important; min-width: 700px; } #MetaGrids .k-grid-content { max-height: 60vh; } /* ---------- Frise chronologique des statuts (Kendo Timeline) ---------- */ .k-timeline { padding: 8px 0 16px 0; } /* l'axe vertical est dessiné par .k-timeline-vertical::after (thème classic) */ .k-timeline-vertical::after { width: 3px; border-radius: 2px; background: linear-gradient(180deg, var(--ws-primary) 0%, var(--ws-border) 100%); border: 0; } .k-timeline .k-timeline-flag { padding: 5px 16px; border-radius: 999px; background: var(--ws-primary); color: #fff; font-weight: 700; font-size: 13px; letter-spacing: .04em; box-shadow: 0 4px 12px rgba(16, 34, 54, .18); } .k-timeline .k-timeline-flag::after { display: none; } .k-timeline .k-timeline-circle { width: 14px; height: 14px; background: var(--ws-surface); border: 3px solid var(--ws-primary); box-shadow: 0 0 0 4px var(--ws-primary-soft); } /* Le statut le plus récent ressort */ .k-timeline .k-timeline-flag-wrap + .k-timeline-event .k-timeline-circle { background: var(--ws-primary); border-color: var(--ws-surface); box-shadow: 0 0 0 3px var(--ws-primary), 0 0 0 8px var(--ws-primary-soft); } .k-timeline .k-timeline-date { display: inline-block; padding: 3px 10px; border-radius: 999px; background: var(--ws-primary-soft); color: var(--ws-primary); font-weight: 600; font-size: 12px; } .k-timeline .k-timeline-card .k-card { border: 1px solid var(--ws-border); border-radius: 12px; box-shadow: var(--ws-shadow); overflow: visible; transition: box-shadow .15s, transform .15s; } .k-timeline .k-timeline-card .k-card:hover { box-shadow: var(--ws-shadow-lg); transform: translateY(-1px); } .k-timeline .k-timeline-card .k-card-header { padding: 12px 16px; border: 0; } .k-timeline .k-timeline-card .k-card-title { margin: 0 0 4px 0; font-size: 15px; font-weight: 600; color: var(--ws-ink); } .k-timeline .k-timeline-card .k-card-subtitle { margin: 0; font-size: 12px; color: var(--ws-ink-soft); } .k-timeline .k-timeline-card .k-card-body { padding: 0 16px 12px 16px; color: var(--ws-ink-soft); } .k-timeline .k-timeline-card-callout { border-color: var(--ws-border) !important; } .k-timeline .k-card-callout.k-callout-e { border-left-color: var(--ws-surface) !important; } .k-timeline .k-card-callout.k-callout-w { border-right-color: var(--ws-surface) !important; } /* Liseré coloré du côté de l'axe */ .k-timeline-vertical .k-timeline-event.k-reverse .k-timeline-card .k-card { border-right: 4px solid var(--ws-primary); } .k-timeline-vertical .k-timeline-event:not(.k-reverse) .k-timeline-card .k-card { border-left: 4px solid var(--ws-primary); } /* Pastille calendrier (date du dernier statut) */ .CalendarSheet { border: 0; border-radius: var(--ws-radius); overflow: hidden; background: var(--ws-surface); box-shadow: 0 0 0 1px var(--ws-border), var(--ws-shadow); } .CalendarSheet-Canvas { font-weight: 600; color: var(--ws-ink); } .CalendarSheet-Subline { background-color: var(--ws-primary); font-size: 12px; font-weight: 600; } /* ---------- Messages de validation ---------- */ .validation-summary-errors, .validation-summary-warnings, .validation-summary-infos { border-radius: var(--ws-radius); border: 1px solid var(--ws-border); background-size: 48px; background-position: 22px 50%; padding: 14px 16px 14px 90px; } .validation-summary-errors { border-color: #f1c2c2; background-color: #fdf3f3; color: var(--ws-danger); } .validation-summary-warnings { border-color: #f6dfb1; background-color: #fff8eb; } .validation-summary-infos { border-color: #bfe0f3; background-color: #f0f8fd; } .field-validation-error { color: var(--ws-danger); } .RequieredStar { color: var(--ws-danger); } /* ===================================================================== KENDO UI (thème classic 7.2) – harmonisation ===================================================================== */ .k-widget, .k-input, .k-picker, .k-button, .k-grid, .k-menu, .k-tabstrip, .k-window, .k-popup, .k-panelbar, .k-treeview, .k-scheduler, .k-listview { font-family: var(--ws-font); } /* Champs de saisie */ .k-input, .k-picker, .k-textbox, .k-textarea, .k-numerictextbox, .k-dropdownlist, .k-combobox, .k-multiselect, .k-datepicker, .k-datetimepicker, .k-timepicker, .k-autocomplete { border-radius: var(--ws-radius-sm) !important; border-color: var(--ws-border-strong); background-color: var(--ws-surface); transition: border-color .15s, box-shadow .15s; } .k-input:hover, .k-picker:hover, .k-input.k-hover, .k-picker.k-hover { border-color: #a9b5c3; } .k-input.k-focus, .k-picker.k-focus, .k-input:focus-within, .k-picker:focus-within, .k-autocomplete.k-focused, .k-dropdown-wrap.k-focused, .k-numeric-wrap.k-focused, .k-picker-wrap.k-focused { border-color: var(--ws-primary) !important; box-shadow: 0 0 0 3px rgba(10, 127, 196, .16) !important; } .k-input-inner { padding-block: 5px; } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding: 5px 9px; } .k-input-button, .k-input-spinner { border-color: transparent; background: transparent; } input[type=text]:not(.k-input-inner):not([class*=k-]), input[type=password]:not(.k-input-inner), input[type=email]:not(.k-input-inner), select:not([class*=k-]), textarea:not(.k-input-inner) { border: 1px solid var(--ws-border-strong); border-radius: var(--ws-radius-sm); padding: 5px 8px; font-family: var(--ws-font); background: var(--ws-surface); } textarea:focus { border-color: var(--ws-primary); box-shadow: 0 0 0 3px rgba(10, 127, 196, .16); } input[type=checkbox], input[type=radio] { accent-color: var(--ws-primary); } /* Boutons */ .k-button { border-radius: var(--ws-radius-sm); font-weight: 500; border-color: var(--ws-border-strong); background-color: var(--ws-surface); background-image: none; color: var(--ws-ink); box-shadow: 0 1px 1px rgba(16, 34, 54, .04); transition: background-color .15s, border-color .15s, box-shadow .15s, color .15s; } .k-button:hover, .k-button.k-hover { background-color: #f2f5f8; border-color: #b3bfcc; color: var(--ws-ink); } .k-button:focus, .k-button.k-focus { box-shadow: 0 0 0 3px rgba(10, 127, 196, .16); } .k-button:active, .k-button.k-active { background-color: #e7ecf1; } .k-button.k-primary, .k-button-solid-primary, .buttonBar .k-button, .buttonBarButton.k-button, input[type=submit].k-button { background-color: var(--ws-primary); border-color: var(--ws-primary); color: #fff; } .k-button.k-primary:hover, .k-button-solid-primary:hover, .k-button-solid-primary.k-hover, .buttonBar .k-button:hover, .buttonBarButton.k-button:hover, input[type=submit].k-button:hover { background-color: var(--ws-primary-hover); border-color: var(--ws-primary-hover); color: #fff; } .k-button-flat, .k-button.k-flat { box-shadow: none; border-color: transparent; background: transparent; } .k-button-flat:hover, .k-button.k-flat:hover { background: var(--ws-primary-soft); } .k-button.k-disabled, .k-button[disabled] { opacity: .55; } /* Grilles */ .k-grid { border: 1px solid var(--ws-border); border-radius: var(--ws-radius); overflow: hidden; box-shadow: var(--ws-shadow); background: var(--ws-surface); } .k-grid-header, .k-grid-header-wrap, .k-grid .k-grid-header .k-header, .k-grid-header .k-table-th, .k-grid th.k-header, .k-grid .k-table-th { background: #f7f9fb; background-image: none; color: var(--ws-ink-soft); border-color: var(--ws-border); font-weight: 600; } .k-grid-header .k-header > .k-link, .k-grid-header .k-table-th .k-link, .k-grid-header .k-column-title { color: var(--ws-ink-soft); } .k-grid .k-filter-row th, .k-grid .k-filter-row td, .k-filter-row .k-table-th { background: #fbfcfd; } .k-grid td, .k-grid .k-table-td { border-color: #edf0f4; padding-top: 6px; padding-bottom: 6px; } .k-grid tr.k-alt, .k-grid .k-table-alt-row, .k-grid .k-table-row.k-table-alt-row { background-color: #fafbfc; } .k-grid tbody tr:hover, .k-grid .k-table-tbody .k-table-row:hover, .k-grid tbody tr.k-hover { background-color: var(--ws-primary-soft); } .k-grid tr.k-selected > td, .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid tr.k-state-selected > td { background-color: #cfe7f6 !important; color: var(--ws-ink); } .k-grid-toolbar, .k-toolbar { background: var(--ws-surface); border-color: var(--ws-border); padding: 8px; gap: 6px; } .k-grid-footer, .k-grid-footer-wrap { background: #f7f9fb; border-color: var(--ws-border); } .k-grid tbody .k-button { border-radius: var(--ws-radius-sm); } /* Boutons de ligne (modifier, supprimer, détails…) : plats, visibles au survol */ .k-grid tbody .k-icon-button, .k-grid tbody .grid-button { background: transparent; border-color: transparent; box-shadow: none; } .k-grid tbody .k-icon-button:hover, .k-grid tbody .grid-button:hover { background: #fff; border-color: var(--ws-border-strong); box-shadow: var(--ws-shadow); } .GridButtonEdit.k-icon, .GridButtonDelete.k-icon, .GridButtonDetails.k-icon, .GridButtonCopy.k-icon { filter: brightness(.55); } .k-grid .k-hierarchy-cell .k-icon { color: var(--ws-ink-soft); } .k-grid-content { background: var(--ws-surface); } /* Pagination */ .k-pager, .k-pager-wrap { background: #f7f9fb; border-color: var(--ws-border); color: var(--ws-ink-soft); padding: 6px 8px; } .k-pager .k-link, .k-pager-wrap .k-link, .k-pager-nav, .k-pager-numbers .k-button { border-radius: var(--ws-radius-sm); border-color: transparent; } .k-pager-numbers .k-selected, .k-pager-numbers .k-button.k-selected, .k-pager-wrap .k-pager-numbers .k-state-selected { background-color: var(--ws-primary) !important; border-color: var(--ws-primary) !important; color: #fff !important; } /* Onglets */ .k-tabstrip-items-wrapper, .k-tabstrip > .k-tabstrip-items { border-color: var(--ws-border); } .k-tabstrip-items .k-item { border-radius: var(--ws-radius-sm) var(--ws-radius-sm) 0 0; border-color: transparent; background: transparent; color: var(--ws-ink-soft); font-weight: 500; } .k-tabstrip-items .k-item:hover, .k-tabstrip-items .k-item.k-hover { background: #eef2f6; color: var(--ws-ink); } .k-tabstrip-items .k-item.k-active, .k-tabstrip-items .k-item.k-state-active { background: var(--ws-surface); border-color: var(--ws-border) var(--ws-border) var(--ws-surface); color: var(--ws-primary); box-shadow: inset 0 2px 0 var(--ws-primary); } .k-tabstrip-content, .k-tabstrip > .k-content { border-color: var(--ws-border); border-radius: 0 var(--ws-radius) var(--ws-radius) var(--ws-radius); background: var(--ws-surface); padding: 14px; } /* Panneaux, fenêtres, popups */ .k-panelbar { border-color: var(--ws-border); border-radius: var(--ws-radius); overflow: hidden; } .k-panelbar > .k-item > .k-link { background: #f7f9fb; color: var(--ws-ink); font-weight: 600; } .k-panelbar > .k-item > .k-link.k-selected { background: var(--ws-primary); color: #fff; } .k-window { border: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 24px 64px rgba(15, 34, 54, .28); } .k-window-titlebar { background: var(--ws-surface); border-bottom: 1px solid var(--ws-border); color: var(--ws-ink); font-weight: 600; padding: 12px 16px; } .k-window-content { padding: 16px; } .k-overlay { background-color: rgba(15, 34, 54, .45); opacity: 1; } .k-dialog-buttongroup, .k-actions { border-color: var(--ws-border); } .k-popup, .k-animation-container .k-popup, .k-menu-popup, .k-list-container { border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: var(--ws-shadow-lg); } .k-list-item, .k-list .k-item { border-radius: 4px; margin: 1px 4px; } .k-list-item.k-hover, .k-list > .k-hover, .k-list-item:hover { background-color: var(--ws-primary-soft); color: var(--ws-ink); } .k-list-item.k-selected, .k-list > .k-selected { background-color: var(--ws-primary); color: #fff; } /* Menus Kendo (hors barre utilisateur) */ .k-menu:not(#mnu) { border-color: var(--ws-border); border-radius: var(--ws-radius); } .k-menu .k-menu-popup .k-link:hover, .k-menu-group .k-item > .k-link:hover { background: var(--ws-primary-soft); } /* Calendriers */ .k-calendar { border-radius: var(--ws-radius); border-color: var(--ws-border); } .k-calendar .k-calendar-td.k-selected .k-link, .k-calendar td.k-selected .k-link { background-color: var(--ws-primary); border-radius: 50%; } .k-calendar .k-today .k-link, .k-calendar .k-calendar-td.k-today .k-link { color: var(--ws-primary); font-weight: 700; box-shadow: none; } /* Divers */ .k-tooltip, .k-widget.k-tooltip { border-radius: var(--ws-radius-sm); background: var(--ws-header); color: #fff; border: 0; box-shadow: var(--ws-shadow-lg); } .k-notification { border-radius: var(--ws-radius); box-shadow: var(--ws-shadow-lg); } .k-switch-on .k-switch-track { background-color: var(--ws-primary); border-color: var(--ws-primary); } .k-checkbox:checked, .k-checkbox.k-checked { background-color: var(--ws-primary); border-color: var(--ws-primary); } .k-checkbox { border-radius: 4px; } .k-progressbar .k-selected, .k-progressbar .k-progress-status-wrap.k-selected { background-color: var(--ws-primary); } .k-treeview .k-treeview-leaf.k-selected, .k-treeview .k-in.k-selected { background: var(--ws-primary); color: #fff; border-radius: 4px; } .k-treeview .k-treeview-leaf.k-hover, .k-treeview .k-in.k-hover { background: var(--ws-primary-soft); border-radius: 4px; } .k-scheduler { border-radius: var(--ws-radius); overflow: hidden; border-color: var(--ws-border); } .k-editor { border-radius: var(--ws-radius); border-color: var(--ws-border); } .k-upload { border-radius: var(--ws-radius); border-color: var(--ws-border); } .k-upload .k-dropzone { background: #f7f9fb; } /* Formulaires WebSped */ .CollapseBox { border-radius: var(--ws-radius); } .CollapseBox .CollapseButton { border-radius: var(--ws-radius-sm); } fieldset .k-input, .tableForm .k-input, .tableForm .k-picker { min-height: 30px; } /* Indicateur de chargement */ .BusyIndicatorLoading { background-color: rgba(243, 245, 248, .55); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); } /* ---------- Petits écrans ---------- */ @media (max-width: 900px) { #header { padding: 0 12px; } #topmenu { padding-left: 8px; } #topmenu a { padding: 6px 8px; font-size: 12px; } #content-user { position: static; height: auto; justify-content: flex-end; background: var(--ws-header-2); padding: 0 8px; } #content-user .k-menu > .k-item:nth-last-child(-n+2) { display: none; } #content-center, #content-center-map { padding: 0 12px; margin-top: 12px; } .searchBarText { min-width: 0 !important; } /* Pages bureau sans version mobile (ex. Créer un ordre) : la page défile dans le contenu au lieu de déborder */ #content, #content-header-extended { overflow-x: auto; -webkit-overflow-scrolling: touch; } #content-header { font-size: 16px; } .k-grid { font-size: 12px; } } @media (max-width: 600px) { #topmenu { display: none; } #header { justify-content: space-between; } #content-user .k-menu .k-menu-link-text { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #legal { font-size: 10px; padding: 4px 8px; } /* Formulaires en tableaux : largeur naturelle + défilement horizontal plutôt que des champs écrasés */ #content > form, #content > div:not(.k-grid):not(.k-listview) { min-width: 760px; } } /* ---------- Réduction des animations ---------- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation-duration: .01ms !important; } } /* ===== Jeu d'icônes SVG – fichier GÉNÉRÉ par build-icons.ps1, ne pas modifier à la main ===== */ :root { --ic-arrow-left: url(/App_Themes/ID/images/ic/arrow-left.svg); --ic-printer: url(/App_Themes/ID/images/ic/printer.svg); --ic-download: url(/App_Themes/ID/images/ic/download.svg); --ic-columns: url(/App_Themes/ID/images/ic/columns.svg); --ic-file-search: url(/App_Themes/ID/images/ic/file-search.svg); --ic-file-text: url(/App_Themes/ID/images/ic/file-text.svg); --ic-barcode: url(/App_Themes/ID/images/ic/barcode.svg); --ic-chev-left: url(/App_Themes/ID/images/ic/chev-left.svg); --ic-chev-right: url(/App_Themes/ID/images/ic/chev-right.svg); --ic-refresh: url(/App_Themes/ID/images/ic/refresh.svg); --ic-filter-x: url(/App_Themes/ID/images/ic/filter-x.svg); --ic-pencil: url(/App_Themes/ID/images/ic/pencil.svg); --ic-trash: url(/App_Themes/ID/images/ic/trash.svg); --ic-copy: url(/App_Themes/ID/images/ic/copy.svg); --ic-plus: url(/App_Themes/ID/images/ic/plus.svg); --ic-ticket: url(/App_Themes/ID/images/ic/ticket.svg); --ic-activity: url(/App_Themes/ID/images/ic/activity.svg); --ic-cart: url(/App_Themes/ID/images/ic/cart.svg); --ic-truck: url(/App_Themes/ID/images/ic/truck.svg); --ic-warehouse: url(/App_Themes/ID/images/ic/warehouse.svg); --ic-package: url(/App_Themes/ID/images/ic/package.svg); --ic-check: url(/App_Themes/ID/images/ic/check.svg); --ic-alert: url(/App_Themes/ID/images/ic/alert.svg); --ic-send: url(/App_Themes/ID/images/ic/send.svg); --ic-repeat: url(/App_Themes/ID/images/ic/repeat.svg); --ic-lock: url(/App_Themes/ID/images/ic/lock.svg); --ic-unlock: url(/App_Themes/ID/images/ic/unlock.svg); --ic-user: url(/App_Themes/ID/images/ic/user.svg); --ic-user-circle: url(/App_Themes/ID/images/ic/user-circle.svg); --ic-users: url(/App_Themes/ID/images/ic/users.svg); --ic-key: url(/App_Themes/ID/images/ic/key.svg); --ic-calendar: url(/App_Themes/ID/images/ic/calendar.svg); --ic-clock: url(/App_Themes/ID/images/ic/clock.svg); --ic-wrench: url(/App_Themes/ID/images/ic/wrench.svg); --ic-sheet: url(/App_Themes/ID/images/ic/sheet.svg); --ic-file-plus: url(/App_Themes/ID/images/ic/file-plus.svg); --ic-list: url(/App_Themes/ID/images/ic/list.svg); --ic-layout-template: url(/App_Themes/ID/images/ic/layout-template.svg); --ic-book: url(/App_Themes/ID/images/ic/book.svg); --ic-map-pin: url(/App_Themes/ID/images/ic/map-pin.svg); --ic-map-pin-off: url(/App_Themes/ID/images/ic/map-pin-off.svg); --ic-map: url(/App_Themes/ID/images/ic/map.svg); --ic-boxes: url(/App_Themes/ID/images/ic/boxes.svg); --ic-clipboard-list: url(/App_Themes/ID/images/ic/clipboard-list.svg); --ic-bar-chart: url(/App_Themes/ID/images/ic/bar-chart.svg); --ic-signature: url(/App_Themes/ID/images/ic/signature.svg); --ic-settings: url(/App_Themes/ID/images/ic/settings.svg); --ic-mail: url(/App_Themes/ID/images/ic/mail.svg); --ic-workflow: url(/App_Themes/ID/images/ic/workflow.svg); --ic-pin-code: url(/App_Themes/ID/images/ic/pin-code.svg); --ic-message: url(/App_Themes/ID/images/ic/message.svg); --ic-color: var(--ws-ink-soft, #536274); } img[src$="/icons/arrow_back.png"], img[src$="/icons/print.png"], img[src$="/icons/forward_16.png"], img[src$="/icons/layout.png"], img[src$="/icons/GridFilterPrev.png"], img[src$="/icons/GridFilterNext.png"], img[src$="/icons/GridFilter.png"], img[src$="/icons/ResetGridFilter.png"], img[src$="/icons/DeliveryState1_icon.png"], img[src$="/icons/DeliveryState2_icon.png"], img[src$="/icons/DeliveryState3_icon.png"], img[src$="/icons/DeliveryState4_icon.png"], img[src$="/icons/DeliveryState5_icon.png"], img[src$="/icons/DeliveryState6_icon.png"], img[src$="/icons/DeliveryState7_icon.png"], img[src$="/icons/DeliveryState8_icon.png"], img[src$="/icons/add.png"], img[src$="/icons/templates.png"], img[src$="/icons/wrench.png"], img[src$="/icons/refresh_negative.png"], img[src$="/icons/order_change.png"], img[src$="/icons/excel.png"], img[src$="/icons/lock.png"], img[src$="/icons/lock_open.png"], img[src$="/icons/avatar.png"], img[src$="/icons/pwreturn_black.png"], img[src$="/icons/calendar.png"], img[src$="/icons/clock.png"], img[src$="/icons/avatarbig.png"], img[src$="/icons/map.png"], img[src$="/icons/package.png"], img[src$="/icons/Orderoverview.png"], img[src$="/icons/CreateOrder.png"], img[src$="/icons/order_templates.png"], img[src$="/icons/AddressManagement.png"], img[src$="/icons/Statusmanagement.png"], img[src$="/icons/warehouse.png"], img[src$="/icons/artikelbestand.png"], img[src$="/icons/lagerauskunft.png"], img[src$="/icons/Orderstatistic.png"], img[src$="/icons/map-vehicle.png"], img[src$="/icons/contract.png"], img[src$="/icons/status-download.png"], img[src$="/icons/carrier.png"], img[src$="/icons/linked_user_tile.png"], img[src$="/icons/keybig.png"], img[src$="/icons/groups.png"], img[src$="/icons/mailbig.png"], img[src$="/icons/workflow.png"], img[src$="/icons/preferences.png"], img[src$="/icons/pincode.png"], img[src$="/icons/statusmeldungbig.png"], img[src$="/icons/tourstatusmeldungbig.png"], img[src$="/icons/geocoded.png"], img[src$="/icons/not_geocoded.png"], img[src$="/icons/Item_ToMap16.png"] { object-position: -9999px 0; background: var(--ic-color) !important; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } .GridButtonAdd.k-icon, .GridButtonEdit.k-icon, .GridButtonDelete.k-icon, .GridButtonDetails.k-icon, .GridButtonCopy.k-icon, .GridButtonOrderTicket.k-icon, .GridButtonOrderTicketExist.k-icon, .GridButtonOrderStatus.k-icon, .GridButtonTourStatus.k-icon, .GridButtonPrintOrder.k-icon, .GridButtonPrintLabel.k-icon, .GridButtonPrintCargoList.k-icon, .GridButtonChangeOrderType.k-icon, .GridButtonApproveOrder.k-icon, .GridButtonSendOrder.k-icon { background: var(--ic-color) !important; width: 16px; height: 16px; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } img[src$="/icons/arrow_back.png"] { --ic: var(--ic-arrow-left); } img[src$="/icons/print.png"] { --ic: var(--ic-printer); } img[src$="/icons/forward_16.png"] { --ic: var(--ic-download); } img[src$="/icons/layout.png"] { --ic: var(--ic-columns); } img[src$="/icons/GridFilterPrev.png"] { --ic: var(--ic-chev-left); } img[src$="/icons/GridFilterNext.png"] { --ic: var(--ic-chev-right); } img[src$="/icons/GridFilter.png"] { --ic: var(--ic-refresh); } img[src$="/icons/ResetGridFilter.png"] { --ic: var(--ic-filter-x); } img[src$="/icons/DeliveryState1_icon.png"] { --ic: var(--ic-cart); } img[src$="/icons/DeliveryState2_icon.png"] { --ic: var(--ic-truck); } img[src$="/icons/DeliveryState3_icon.png"] { --ic: var(--ic-warehouse); } img[src$="/icons/DeliveryState4_icon.png"] { --ic: var(--ic-package); } img[src$="/icons/DeliveryState5_icon.png"] { --ic: var(--ic-check); } img[src$="/icons/DeliveryState6_icon.png"] { --ic: var(--ic-alert); } img[src$="/icons/DeliveryState7_icon.png"] { --ic: var(--ic-alert); } img[src$="/icons/DeliveryState8_icon.png"] { --ic: var(--ic-alert); } img[src$="/icons/add.png"] { --ic: var(--ic-plus); } img[src$="/icons/templates.png"] { --ic: var(--ic-layout-template); } img[src$="/icons/wrench.png"] { --ic: var(--ic-wrench); } img[src$="/icons/refresh_negative.png"] { --ic: var(--ic-refresh); } img[src$="/icons/order_change.png"] { --ic: var(--ic-repeat); } img[src$="/icons/excel.png"] { --ic: var(--ic-sheet); } img[src$="/icons/lock.png"] { --ic: var(--ic-lock); } img[src$="/icons/lock_open.png"] { --ic: var(--ic-unlock); } img[src$="/icons/avatar.png"] { --ic: var(--ic-user); } img[src$="/icons/pwreturn_black.png"] { --ic: var(--ic-key); } img[src$="/icons/calendar.png"] { --ic: var(--ic-calendar); } img[src$="/icons/clock.png"] { --ic: var(--ic-clock); } img[src$="/icons/avatarbig.png"] { --ic: var(--ic-user-circle); } img[src$="/icons/map.png"] { --ic: var(--ic-map-pin); } img[src$="/icons/package.png"] { --ic: var(--ic-package); } img[src$="/icons/Orderoverview.png"] { --ic: var(--ic-list); } img[src$="/icons/CreateOrder.png"] { --ic: var(--ic-file-plus); } img[src$="/icons/order_templates.png"] { --ic: var(--ic-layout-template); } img[src$="/icons/AddressManagement.png"] { --ic: var(--ic-book); } img[src$="/icons/Statusmanagement.png"] { --ic: var(--ic-message); } img[src$="/icons/warehouse.png"] { --ic: var(--ic-warehouse); } img[src$="/icons/artikelbestand.png"] { --ic: var(--ic-boxes); } img[src$="/icons/lagerauskunft.png"] { --ic: var(--ic-clipboard-list); } img[src$="/icons/Orderstatistic.png"] { --ic: var(--ic-bar-chart); } img[src$="/icons/map-vehicle.png"] { --ic: var(--ic-map); } img[src$="/icons/contract.png"] { --ic: var(--ic-signature); } img[src$="/icons/status-download.png"] { --ic: var(--ic-download); } img[src$="/icons/carrier.png"] { --ic: var(--ic-truck); } img[src$="/icons/linked_user_tile.png"] { --ic: var(--ic-users); } img[src$="/icons/keybig.png"] { --ic: var(--ic-key); } img[src$="/icons/groups.png"] { --ic: var(--ic-users); } img[src$="/icons/mailbig.png"] { --ic: var(--ic-mail); } img[src$="/icons/workflow.png"] { --ic: var(--ic-workflow); } img[src$="/icons/preferences.png"] { --ic: var(--ic-settings); } img[src$="/icons/pincode.png"] { --ic: var(--ic-pin-code); } img[src$="/icons/statusmeldungbig.png"] { --ic: var(--ic-message); } img[src$="/icons/tourstatusmeldungbig.png"] { --ic: var(--ic-message); } img[src$="/icons/geocoded.png"] { --ic: var(--ic-map-pin); } img[src$="/icons/not_geocoded.png"] { --ic: var(--ic-map-pin-off); } img[src$="/icons/Item_ToMap16.png"] { --ic: var(--ic-map-pin); } .GridButtonAdd.k-icon { --ic: var(--ic-plus); } .GridButtonEdit.k-icon { --ic: var(--ic-pencil); } .GridButtonDelete.k-icon { --ic: var(--ic-trash); } .GridButtonDetails.k-icon { --ic: var(--ic-file-search); } .GridButtonCopy.k-icon { --ic: var(--ic-copy); } .GridButtonOrderTicket.k-icon { --ic: var(--ic-ticket); } .GridButtonOrderTicketExist.k-icon { --ic: var(--ic-ticket); } .GridButtonOrderStatus.k-icon { --ic: var(--ic-activity); } .GridButtonTourStatus.k-icon { --ic: var(--ic-activity); } .GridButtonPrintOrder.k-icon { --ic: var(--ic-file-text); } .GridButtonPrintLabel.k-icon { --ic: var(--ic-barcode); } .GridButtonPrintCargoList.k-icon { --ic: var(--ic-file-text); } .GridButtonChangeOrderType.k-icon { --ic: var(--ic-repeat); } .GridButtonApproveOrder.k-icon { --ic: var(--ic-check); } .GridButtonSendOrder.k-icon { --ic: var(--ic-send); } /* ===================================================================== THÈME IDLOGISTICS – charte bleu marine / rouge (flèche du logo) Couche posée sur MODERNE : default.css = DEFAULT + MODERNE\moderne.css + MODERNE\icons.css + idlogistics.css (voir build-theme.ps1). Ne modifier que ce fichier. ===================================================================== */ :root { /* Charte ID Logistics */ --id-navy: #00457e; --id-navy-dark: #062a4f; --id-navy-2: #0a5a9c; --id-red: #e5322d; --id-red-dark: #c4231f; --id-swoosh: linear-gradient(90deg, var(--id-navy) 0%, var(--id-navy) 55%, var(--id-red) 100%); /* Variables MODERNE réaffectées */ --ws-primary: #00457e; --ws-primary-hover: #003462; --ws-primary-soft: #e8f0f8; --ws-accent: #e5322d; --ws-ink: #10233a; --ws-ink-soft: #4a5d73; --ws-header: #ffffff; --ws-header-2: #ffffff; --ws-bg: #f3f6f9; --ws-border: #dde4ec; --ws-border-strong: #c5d0dc; } /* ---------- En-tête blanc, logo couleur, liseré marine → rouge ---------- */ #header { background: #fff; box-shadow: 0 1px 0 var(--ws-border), 0 4px 14px rgba(0, 69, 126, .08); } #header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: var(--id-swoosh); } #slogan h2::before { width: 150px; height: 31px; border-radius: 0; background: url(/App_Themes/ID/images/idl-logo.png) no-repeat left center / contain; box-shadow: none; } #WebsiteTitle:before { content: ""; } #WebsiteTitleRegTrademark, #WebsiteInstanceName { display: none; } #topmenu { padding-left: 32px; } #topmenu a, #topmenu1, #topmenu2, #topmenu3, #topmenu4 { color: var(--ws-ink-soft); } #topmenu a:hover { color: var(--id-navy); background-color: var(--ws-primary-soft); } /* Menu utilisateur sur fond blanc */ #content-user > .k-menu > .k-item { --ic-color: var(--id-navy); } #homeMenuItem > .k-menu-expand-arrow-icon, #homeMenuItem > .k-menu-link-text, #homeMenuItem .k-menu-expand-arrow-icon { color: var(--ws-ink-soft); } #content-user .k-menu > .k-item > .k-link:hover { background: var(--ws-primary-soft) !important; } #DivisionSelector { color: var(--ws-ink-soft); } @media (max-width: 900px) { #content-user { background: #fff; border-bottom: 1px solid var(--ws-border); } } /* ---------- Bandeau de titre de page ---------- */ #content-header { background: radial-gradient(ellipse 30% 180% at 96% 50%, rgba(229, 50, 45, .30) 0%, rgba(229, 50, 45, 0) 70%), linear-gradient(90deg, var(--id-navy-dark) 0%, var(--id-navy) 55%, var(--id-navy-2) 100%); box-shadow: 0 4px 14px rgba(0, 69, 126, .20); } #content-header-left { background-color: rgba(255, 255, 255, .06); } #content-header-left:hover { background-color: var(--id-red); } .sectionHeader, .searchBar, .searchBarText, .searchNotFoundHeader, .tableLabelTitle, #ChatHeader, #content-right-bar h3, .boxed .title { background-color: var(--id-navy); background-image: linear-gradient(90deg, var(--id-navy-dark) 0%, var(--id-navy) 100%); } #searchBarTable { background: linear-gradient(90deg, var(--id-navy-dark) 0%, var(--id-navy) 70%, var(--id-navy-2) 100%); } .headerButton:hover, .imageButton:hover, .LISImageButton:hover, .searchButton:hover { background-color: var(--id-red); } /* ---------- Boutons : marine par défaut, rouge pour l'action principale ---------- */ .k-button.k-primary, .k-button-solid-primary { background: var(--id-navy); border-color: var(--id-navy); } .k-button.k-primary:hover, .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { background: var(--ws-primary-hover); border-color: var(--ws-primary-hover); } .buttonBar .k-button, .buttonBarButton.k-button, input[type=submit].k-button, #btnSearch, #btnSearch2, #searchBarTable .k-button, #homeTable .k-button { background: var(--id-red); border-color: var(--id-red); color: #fff; font-weight: 600; } .buttonBar .k-button:hover, .buttonBarButton.k-button:hover, input[type=submit].k-button:hover, #btnSearch:hover, #btnSearch2:hover, #searchBarTable .k-button:hover, #homeTable .k-button:hover { background: var(--id-red-dark); border-color: var(--id-red-dark); color: #fff; } /* Focus marine */ .k-input.k-focus, .k-picker.k-focus, .k-input:focus-within, .k-picker:focus-within, .k-autocomplete.k-focused, .k-dropdown-wrap.k-focused, .k-numeric-wrap.k-focused, .k-picker-wrap.k-focused { box-shadow: 0 0 0 3px rgba(0, 69, 126, .16) !important; } /* Onglets : soulignement rouge */ .k-tabstrip-items .k-item.k-active, .k-tabstrip-items .k-item.k-state-active { color: var(--id-navy); box-shadow: inset 0 3px 0 var(--id-red); } .k-calendar .k-today .k-link, .k-calendar .k-calendar-td.k-today .k-link { color: var(--id-red); } .k-pager-numbers .k-selected, .k-pager-numbers .k-button.k-selected, .k-pager-wrap .k-pager-numbers .k-state-selected { background-color: var(--id-navy) !important; border-color: var(--id-navy) !important; } /* ---------- Cartes et tuiles ---------- */ .lis-card-deck .k-card { position: relative; border-top: 0; } .lis-card-deck .k-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--id-swoosh); z-index: 1; } .lis-card-deck .k-card-image, .k-card.k-primary .k-card-image { background-color: var(--id-navy); background-image: radial-gradient(ellipse 60% 160% at 100% 0%, rgba(10, 90, 156, .9) 0%, rgba(10, 90, 156, 0) 70%), linear-gradient(90deg, var(--id-navy-dark) 0%, var(--id-navy) 100%); } .lis-card-deck .k-card-actions .k-button { background: var(--id-navy); border-color: var(--id-navy); } .lis-card-deck .k-card-actions .k-button:hover { background: var(--id-red); border-color: var(--id-red); } .lis-card-deck .k-card:hover { box-shadow: 0 10px 30px rgba(0, 69, 126, .18); } .tileButton { background-image: linear-gradient(145deg, var(--id-navy-2) 0%, var(--id-navy) 100%); } .tileButton:hover { background-color: var(--id-red); background-image: linear-gradient(145deg, var(--id-red) 0%, var(--id-red-dark) 100%); } /* ---------- Track & Trace ---------- */ .deliveryStateFinished1 { background-color: #4a86bf; } .deliveryStateFinished2 { background-color: #2c6ea9; } .deliveryStateFinished3 { background-color: #155a96; } .deliveryStateFinished4 { background-color: #00457e; } .deliveryStateFinished5 { background-color: #e5322d; } .CalendarSheet-Subline { background: linear-gradient(90deg, var(--id-navy) 0%, var(--id-red) 100%); } .k-timeline-vertical::after { background: linear-gradient(180deg, var(--id-red) 0%, var(--id-navy) 45%, var(--ws-border) 100%); } .k-timeline .k-timeline-flag { background: var(--id-navy); } .k-timeline .k-timeline-flag-wrap + .k-timeline-event .k-timeline-circle { background: var(--id-red); box-shadow: 0 0 0 3px var(--id-red), 0 0 0 8px rgba(229, 50, 45, .16); } .k-timeline-vertical .k-timeline-flag-wrap + .k-timeline-event.k-reverse .k-timeline-card .k-card { border-right-color: var(--id-red); } .k-timeline-vertical .k-timeline-flag-wrap + .k-timeline-event:not(.k-reverse) .k-timeline-card .k-card { border-left-color: var(--id-red); } /* Indicateur de chargement : logo ID par le CSS (insensible au cache de l'ancienne image) */ .spinner-image { width: 92px !important; height: 64px !important; max-width: none; max-height: none; object-position: -9999px 0; background: url(/App_Themes/ID/images/logo_transparent_small.png) no-repeat center / contain; } .spinner::before, .spinner::after { border-bottom-color: var(--id-red) !important; border-right-color: var(--id-navy) !important; } /* ---------- Accueil non connecté : fond marine, logo blanc, flèche rouge ---------- */ .content-video { background-image: radial-gradient(ellipse 50% 70% at 85% 30%, rgba(10, 90, 156, .55) 0%, rgba(10, 90, 156, 0) 70%), radial-gradient(ellipse 35% 45% at 100% 100%, rgba(229, 50, 45, .22) 0%, rgba(229, 50, 45, 0) 70%), linear-gradient(160deg, #062a4f 0%, #003b6d 55%, #00457e 100%) !important; background-position: 0 0 !important; background-size: cover !important; filter: none; } .content-video::after { /* la flèche de marque, en grand et en filigrane */ background: url(/App_Themes/ID/images/idl-swoosh.svg) no-repeat right -6vw bottom 4vh / 70vw auto; opacity: .9; } #backgroundImage ~ #headerBackgroundHome #content-center::before { content: ""; display: block; height: 150px; margin: 8px 0 18px 0; background: url(/App_Themes/ID/images/idl-stacked-white.png) no-repeat left center / contain; } @media (min-width: 1000px) { #backgroundImage ~ #headerBackgroundHome #content-center:has(> #loginBox)::before { height: 210px; margin: 0; } } #homeTable tr { background: rgba(255, 255, 255, .10); } #homeTable p { color: #fff; } .boxed { border-radius: 14px; } .boxed .title { position: relative; background-image: linear-gradient(90deg, var(--id-navy-dark) 0%, var(--id-navy) 100%); } .boxed .title::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--id-swoosh); } #loginBoxContent .buttonBar .k-button { background: var(--id-red); border: 0; } #loginBoxContent .buttonBar .k-button:hover { background: var(--id-red-dark); } .content-register .card > .title { background: linear-gradient(90deg, var(--id-navy-dark) 0%, var(--id-navy) 100%); position: relative; } .content-register .card > .title::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--id-swoosh); } .content-register #Submit { background: var(--id-red); border: 0; } /* ---------- Pied de page ---------- */ #footer { background: rgba(6, 42, 79, .96); } #footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--id-swoosh); } /* ---------- Divers ---------- */ a { color: var(--id-navy); } a:hover { color: var(--id-red); } ::selection { background: rgba(229, 50, 45, .18); } .k-switch-on .k-switch-track, .k-checkbox:checked, .k-checkbox.k-checked { background-color: var(--id-navy); border-color: var(--id-navy); } .card, .cardAuthorized { height: auto; } .content-register .registerCard { overflow: visible; } #content-center:has(.content-register) { padding-top: 0; margin-top: 0; } #content-center:has(.content-register)::before { display: none !important; } .content-register .card { margin-top: 8px !important; padding-bottom: 16px; } .content-register .card > .title { padding: 12px 24px; gap: 12px; } .content-register .card > .title img { width: 40px; height: 40px; } .content-register .card > .title span[style*="20px"] { font-size: 19px !important; } .content-register .card > .title span[style*="16px"] { font-size: 13px !important; } .content-register .registerText { margin-top: 10px; margin-bottom: 0; padding: 6px 12px; font-size: 12px; } .content-register .registerText ul { margin-top: 0; } .content-register .registerCard { padding-top: 10px; } .content-register .registerCard h3 { margin-bottom: 8px; padding-bottom: 5px; } .content-register .tableForm tr { margin-bottom: 7px; } .content-register .tableForm td:first-child:not(:only-child) { margin-bottom: 2px; } .content-register .tableForm .k-input, .content-register .tableForm .k-picker, .content-register input.k-textbox { height: 32px; } .content-register .Requiered, .content-register .Requiered + div { margin-top: 12px !important; } .content-register #Submit { height: 38px; } /* ===== Page Account/LogOn (bouton « se connecter ») : même cadre que la connexion de l'accueil ===== */ #loginBox:not(:has(#loginBoxContent)) > .title { display: flex; align-items: center; gap: 14px; } #loginBox:not(:has(#loginBoxContent)) > .title > div { float: none !important; margin: 0 !important; } #loginBox:not(:has(#loginBoxContent)) > .content { padding: 18px 22px !important; } #loginBox:not(:has(#loginBoxContent)) > .content form > div:first-of-type { padding-left: 0 !important; } #loginBox:not(:has(#loginBoxContent)) > .content table, #loginBox:not(:has(#loginBoxContent)) > .content tbody, #loginBox:not(:has(#loginBoxContent)) > .content tr, #loginBox:not(:has(#loginBoxContent)) > .content td { display: block; width: 100%; } #loginBox:not(:has(#loginBoxContent)) > .content table { border-spacing: 0; } #loginBox:not(:has(#loginBoxContent)) > .content td { padding: 0; } #loginBox:not(:has(#loginBoxContent)) > .content tr { margin-bottom: 12px; } #loginBox:not(:has(#loginBoxContent)) > .content tr td:first-child { margin-bottom: 5px; font-weight: 600; color: var(--ws-ink); } #loginBox:not(:has(#loginBoxContent)) > .content td:empty { display: none; } #loginBox:not(:has(#loginBoxContent)) > .content .k-input { width: 100% !important; height: 42px; } #loginBox:not(:has(#loginBoxContent)) > .content .k-input-inner { font-size: 14px; } #loginBox:not(:has(#loginBoxContent)) > .content tr:last-child { margin-bottom: 4px; } #loginBox:not(:has(#loginBoxContent)) > .content tr:last-child td { font-size: 12px; color: var(--ws-ink-soft); line-height: 1.7; } #loginBox:not(:has(#loginBoxContent)) > .content .buttonBar { padding: 12px 0 0 0; text-align: center; } #loginBox:not(:has(#loginBoxContent)) > .content .buttonBar .k-button { width: 100%; height: 42px; font-size: 14px; font-weight: 600; border-radius: 10px; } .k-grid-content { height: auto !important; overflow-y: auto !important; } div.k-grid-footer, div.k-grid-header { padding-right: 0px !important; } /* loading kendo images local and LIS compliant */ .k-slider-horizontal .k-tick { background-image: url(/App_Themes/ID/Metro/slider-h.gif) !important; } .k-slider-vertical .k-tick { background-image: url(/App_Themes/ID/Metro/slider-v.gif) !important; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { background-image: url(/App_Themes/ID/Metro/sprite.png) !important; } .k-progressbar-indeterminate { background: url(/App_Themes/ID/Metro/indeterminate.gif) !important; } /* endregion */ /* fix show sorting arrow (display icon in front of column caption) */ .k-grid-header .k-cell-inner .k-link:has(.k-sort-icon) { display: flex; flex-direction: row-reverse; justify-content: flex-end; } /* endregion */ /* fix filter row padding */ .k-filtercell > span > .k-button { display: none !important; } .k-filtercell > span { padding-right: 2.5em; } .k-filtercell[data-field*=InfoSymbol] > span { padding-right: 0em; } .k-filter-row th { padding-left: 0.3em; padding-right: 0.3em; } .k-filtercell .k-widget .k-input, .k-filtercell .k-widget .k-input-inner { text-indent: 0.3em; } .k-filtercell > .k-operator-hidden { padding-right: 0em; } /* endregion */ .filterHighlightClass { font-weight: bold; color: orange !important; } .filterHighlightClass > div.k-icon.k-i-info { color: orange; } .filterHighlightClass > input.k-textbox { color: orange; } .LocalityMap { height: 445px; width: 100%; } .LocalitySearchBox { position: absolute; left:15px; top:260px; z-Index: 20000 } .k-grid tbody .k-grid-delete { min-width: 0 !important; } .k-grid tbody .k-grid-delete .k-icon { margin: 0 !important; } .k-popup { width: auto !important; } .k-calendar td.k-focus .k-link, .k-calendar td.k-state-focused .k-link { color: #000; } .cacheTable td { border-bottom: 1px solid #eee; height: 28px; padding: 0 5px; } .k-grid-content-expander { position: static !important; }