/* Minification failed. Returning unminified contents.
(578,14): run-time error CSS1030: Expected identifier, found '-'
(578,14): run-time error CSS1031: Expected selector, found '-'
(578,14): run-time error CSS1025: Expected comma or open brace, found '-'
(584,14): run-time error CSS1030: Expected identifier, found '-'
(584,14): run-time error CSS1031: Expected selector, found '-'
(584,14): run-time error CSS1025: Expected comma or open brace, found '-'
(588,14): run-time error CSS1030: Expected identifier, found '-'
(588,14): run-time error CSS1031: Expected selector, found '-'
(588,14): run-time error CSS1025: Expected comma or open brace, found '-'
(594,14): run-time error CSS1030: Expected identifier, found '-'
(594,14): run-time error CSS1031: Expected selector, found '-'
(594,14): run-time error CSS1025: Expected comma or open brace, found '-'
(600,14): run-time error CSS1030: Expected identifier, found '-'
(600,14): run-time error CSS1031: Expected selector, found '-'
(600,14): run-time error CSS1025: Expected comma or open brace, found '-'
(604,14): run-time error CSS1030: Expected identifier, found '-'
(604,14): run-time error CSS1031: Expected selector, found '-'
(604,14): run-time error CSS1025: Expected comma or open brace, found '-'
(607,14): run-time error CSS1030: Expected identifier, found '-'
(607,14): run-time error CSS1031: Expected selector, found '-'
(607,14): run-time error CSS1025: Expected comma or open brace, found '-'
(612,14): run-time error CSS1030: Expected identifier, found '-'
(612,14): run-time error CSS1031: Expected selector, found '-'
(612,14): run-time error CSS1025: Expected comma or open brace, found '-'
(1412,2): run-time error CSS1030: Expected identifier, found '-'
(1412,2): run-time error CSS1019: Unexpected token, found '-'
(1417,4): run-time error CSS1030: Expected identifier, found '-'
(1420,1): run-time error CSS1019: Unexpected token, found '}'
(1421,2): run-time error CSS1030: Expected identifier, found '-'
(1421,2): run-time error CSS1019: Unexpected token, found '-'
(1817,4): run-time error CSS1030: Expected identifier, found '-'
(1817,4): run-time error CSS1031: Expected selector, found '-'
(1817,4): run-time error CSS1025: Expected comma or open brace, found '-'
(2386,3): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2400,3): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2417,1): run-time error CSS1019: Unexpected token, found '}'
(3229,68): run-time error CSS1030: Expected identifier, found '-'
(3229,68): run-time error CSS1031: Expected selector, found '-'
(3229,68): run-time error CSS1025: Expected comma or open brace, found '-'
(3232,68): run-time error CSS1030: Expected identifier, found '-'
(3232,68): run-time error CSS1031: Expected selector, found '-'
(3232,68): run-time error CSS1025: Expected comma or open brace, found '-'
(3235,68): run-time error CSS1030: Expected identifier, found '-'
(3235,68): run-time error CSS1031: Expected selector, found '-'
(3235,68): run-time error CSS1025: Expected comma or open brace, found '-'
(3428,60): run-time error CSS1030: Expected identifier, found '-'
(3428,60): run-time error CSS1031: Expected selector, found '-'
(3428,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3432,60): run-time error CSS1030: Expected identifier, found '-'
(3432,60): run-time error CSS1031: Expected selector, found '-'
(3432,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3437,60): run-time error CSS1030: Expected identifier, found '-'
(3437,60): run-time error CSS1031: Expected selector, found '-'
(3437,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3442,60): run-time error CSS1030: Expected identifier, found '-'
(3442,60): run-time error CSS1031: Expected selector, found '-'
(3442,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3445,60): run-time error CSS1030: Expected identifier, found '-'
(3445,60): run-time error CSS1031: Expected selector, found '-'
(3445,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3449,60): run-time error CSS1030: Expected identifier, found '-'
(3449,60): run-time error CSS1031: Expected selector, found '-'
(3449,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3455,60): run-time error CSS1030: Expected identifier, found '-'
(3455,60): run-time error CSS1031: Expected selector, found '-'
(3455,60): run-time error CSS1025: Expected comma or open brace, found '-'
(3504,42): run-time error CSS1030: Expected identifier, found '-'
(3504,42): run-time error CSS1031: Expected selector, found '-'
(3504,42): run-time error CSS1025: Expected comma or open brace, found '-'
(3507,42): run-time error CSS1030: Expected identifier, found '-'
(3507,42): run-time error CSS1031: Expected selector, found '-'
(3507,42): run-time error CSS1025: Expected comma or open brace, found '-'
(3510,42): run-time error CSS1030: Expected identifier, found '-'
(3510,42): run-time error CSS1031: Expected selector, found '-'
(3510,42): run-time error CSS1025: Expected comma or open brace, found '-'
(4272,43): run-time error CSS1030: Expected identifier, found '-'
(4272,43): run-time error CSS1031: Expected selector, found '-'
(4272,43): run-time error CSS1025: Expected comma or open brace, found '-'
(4275,44): run-time error CSS1030: Expected identifier, found '-'
(4275,44): run-time error CSS1031: Expected selector, found '-'
(4275,44): run-time error CSS1025: Expected comma or open brace, found '-'
(4288,20): run-time error CSS1030: Expected identifier, found '-'
(4288,20): run-time error CSS1031: Expected selector, found '-'
(4288,20): run-time error CSS1025: Expected comma or open brace, found '-'
(4293,20): run-time error CSS1030: Expected identifier, found '-'
(4293,20): run-time error CSS1031: Expected selector, found '-'
(4293,20): run-time error CSS1025: Expected comma or open brace, found '-'
(5530,47): run-time error CSS1030: Expected identifier, found '-'
(5530,47): run-time error CSS1031: Expected selector, found '-'
(5530,47): run-time error CSS1025: Expected comma or open brace, found '-'
(5534,47): run-time error CSS1030: Expected identifier, found '-'
(5534,47): run-time error CSS1031: Expected selector, found '-'
(5534,47): run-time error CSS1025: Expected comma or open brace, found '-'
(5540,47): run-time error CSS1030: Expected identifier, found '-'
(5540,47): run-time error CSS1031: Expected selector, found '-'
(5540,47): run-time error CSS1025: Expected comma or open brace, found '-'
(5543,47): run-time error CSS1030: Expected identifier, found '-'
(5543,47): run-time error CSS1031: Expected selector, found '-'
(5543,47): run-time error CSS1025: Expected comma or open brace, found '-'
(5546,47): run-time error CSS1030: Expected identifier, found '-'
(5546,47): run-time error CSS1031: Expected selector, found '-'
(5546,47): run-time error CSS1025: Expected comma or open brace, found '-'
(5556,8): run-time error CSS1030: Expected identifier, found '-'
(5556,8): run-time error CSS1031: Expected selector, found '-'
(5556,8): run-time error CSS1025: Expected comma or open brace, found '-'
(5576,29): run-time error CSS1030: Expected identifier, found '-'
(5576,29): run-time error CSS1031: Expected selector, found '-'
(5576,29): run-time error CSS1025: Expected comma or open brace, found '-'
(5584,29): run-time error CSS1030: Expected identifier, found '-'
(5584,29): run-time error CSS1031: Expected selector, found '-'
(5584,29): run-time error CSS1025: Expected comma or open brace, found '-'
(5642,22): run-time error CSS1030: Expected identifier, found '-'
(5642,22): run-time error CSS1031: Expected selector, found '-'
(5642,22): run-time error CSS1025: Expected comma or open brace, found '-'
(5647,22): run-time error CSS1030: Expected identifier, found '-'
(5647,22): run-time error CSS1031: Expected selector, found '-'
(5647,22): run-time error CSS1025: Expected comma or open brace, found '-'
(5652,53): run-time error CSS1030: Expected identifier, found '-'
(5652,53): run-time error CSS1031: Expected selector, found '-'
(5652,53): run-time error CSS1025: Expected comma or open brace, found '-'
(5655,53): run-time error CSS1030: Expected identifier, found '-'
(5655,53): run-time error CSS1031: Expected selector, found '-'
(5655,53): run-time error CSS1025: Expected comma or open brace, found '-'
(5693,26): run-time error CSS1030: Expected identifier, found '-'
(5693,26): run-time error CSS1031: Expected selector, found '-'
(5693,26): run-time error CSS1025: Expected comma or open brace, found '-'
(5721,26): run-time error CSS1030: Expected identifier, found '-'
(5721,26): run-time error CSS1031: Expected selector, found '-'
(5721,26): run-time error CSS1025: Expected comma or open brace, found '-'
(5726,26): run-time error CSS1030: Expected identifier, found '-'
(5726,26): run-time error CSS1031: Expected selector, found '-'
(5726,26): run-time error CSS1025: Expected comma or open brace, found '-'
(5731,57): run-time error CSS1030: Expected identifier, found '-'
(5731,57): run-time error CSS1031: Expected selector, found '-'
(5731,57): run-time error CSS1025: Expected comma or open brace, found '-'
(5734,57): run-time error CSS1030: Expected identifier, found '-'
(5734,57): run-time error CSS1031: Expected selector, found '-'
(5734,57): run-time error CSS1025: Expected comma or open brace, found '-'
(5838,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5852,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5866,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6320,1): run-time error CSS1019: Unexpected token, found '-'
(6407,90): run-time error CSS1030: Expected identifier, found '-'
(6407,90): run-time error CSS1031: Expected selector, found '-'
(6407,90): run-time error CSS1025: Expected comma or open brace, found '-'
(6616,43): run-time error CSS1030: Expected identifier, found '-'
(6616,43): run-time error CSS1031: Expected selector, found '-'
(6616,43): run-time error CSS1025: Expected comma or open brace, found '-'
(6632,25): run-time error CSS1030: Expected identifier, found '-'
(6632,25): run-time error CSS1031: Expected selector, found '-'
(6632,25): run-time error CSS1025: Expected comma or open brace, found '-'
(6636,27): run-time error CSS1030: Expected identifier, found '-'
(6636,27): run-time error CSS1031: Expected selector, found '-'
(6636,27): run-time error CSS1025: Expected comma or open brace, found '-'
(6659,36): run-time error CSS1030: Expected identifier, found '-'
(6659,36): run-time error CSS1031: Expected selector, found '-'
(6659,36): run-time error CSS1025: Expected comma or open brace, found '-'
(7452,22): run-time error CSS1030: Expected identifier, found '-'
(7452,22): run-time error CSS1031: Expected selector, found '-'
(7452,22): run-time error CSS1025: Expected comma or open brace, found '-'
(7455,22): run-time error CSS1030: Expected identifier, found '-'
(7455,22): run-time error CSS1031: Expected selector, found '-'
(7455,22): run-time error CSS1025: Expected comma or open brace, found '-'
(7727,60): run-time error CSS1030: Expected identifier, found '-'
(7727,60): run-time error CSS1031: Expected selector, found '-'
(7727,60): run-time error CSS1025: Expected comma or open brace, found '-'
(7731,60): run-time error CSS1030: Expected identifier, found '-'
(7731,60): run-time error CSS1031: Expected selector, found '-'
(7731,60): run-time error CSS1025: Expected comma or open brace, found '-'
(7745,60): run-time error CSS1030: Expected identifier, found '-'
(7745,60): run-time error CSS1031: Expected selector, found '-'
(7745,60): run-time error CSS1025: Expected comma or open brace, found '-'
(7749,60): run-time error CSS1030: Expected identifier, found '-'
(7749,60): run-time error CSS1031: Expected selector, found '-'
(7749,60): run-time error CSS1025: Expected comma or open brace, found '-'
(7753,60): run-time error CSS1030: Expected identifier, found '-'
(7753,60): run-time error CSS1031: Expected selector, found '-'
(7753,60): run-time error CSS1025: Expected comma or open brace, found '-'
(7758,60): run-time error CSS1030: Expected identifier, found '-'
(7758,60): run-time error CSS1031: Expected selector, found '-'
(7758,60): run-time error CSS1025: Expected comma or open brace, found '-'
(7798,20): run-time error CSS1030: Expected identifier, found '-'
(7798,20): run-time error CSS1031: Expected selector, found '-'
(7798,20): run-time error CSS1025: Expected comma or open brace, found '-'
(7805,20): run-time error CSS1030: Expected identifier, found '-'
(7805,20): run-time error CSS1031: Expected selector, found '-'
(7805,20): run-time error CSS1025: Expected comma or open brace, found '-'
(7811,20): run-time error CSS1030: Expected identifier, found '-'
(7811,20): run-time error CSS1031: Expected selector, found '-'
(7811,20): run-time error CSS1025: Expected comma or open brace, found '-'
(7814,20): run-time error CSS1030: Expected identifier, found '-'
(7814,20): run-time error CSS1031: Expected selector, found '-'
(7814,20): run-time error CSS1025: Expected comma or open brace, found '-'
(7818,20): run-time error CSS1030: Expected identifier, found '-'
(7818,20): run-time error CSS1031: Expected selector, found '-'
(7818,20): run-time error CSS1025: Expected comma or open brace, found '-'
(7828,20): run-time error CSS1030: Expected identifier, found '-'
(7828,20): run-time error CSS1031: Expected selector, found '-'
(7828,20): run-time error CSS1025: Expected comma or open brace, found '-'
(7912,73): run-time error CSS1030: Expected identifier, found '-'
(7912,73): run-time error CSS1031: Expected selector, found '-'
(7912,73): run-time error CSS1025: Expected comma or open brace, found '-'
(7915,73): run-time error CSS1030: Expected identifier, found '-'
(7915,73): run-time error CSS1031: Expected selector, found '-'
(7915,73): run-time error CSS1025: Expected comma or open brace, found '-'
(7930,58): run-time error CSS1030: Expected identifier, found '-'
(7930,58): run-time error CSS1031: Expected selector, found '-'
(7930,58): run-time error CSS1025: Expected comma or open brace, found '-'
(7934,58): run-time error CSS1030: Expected identifier, found '-'
(7934,58): run-time error CSS1031: Expected selector, found '-'
(7934,58): run-time error CSS1025: Expected comma or open brace, found '-'
(7941,83): run-time error CSS1030: Expected identifier, found '-'
(7941,83): run-time error CSS1031: Expected selector, found '-'
(7941,83): run-time error CSS1025: Expected comma or open brace, found '-'
(7944,58): run-time error CSS1030: Expected identifier, found '-'
(7944,58): run-time error CSS1031: Expected selector, found '-'
(7944,58): run-time error CSS1025: Expected comma or open brace, found '-'
(7948,58): run-time error CSS1030: Expected identifier, found '-'
(7948,58): run-time error CSS1031: Expected selector, found '-'
(7948,58): run-time error CSS1025: Expected comma or open brace, found '-'
(8112,70): run-time error CSS1030: Expected identifier, found '-'
(8112,70): run-time error CSS1031: Expected selector, found '-'
(8112,70): run-time error CSS1025: Expected comma or open brace, found '-'
(8115,70): run-time error CSS1030: Expected identifier, found '-'
(8115,70): run-time error CSS1031: Expected selector, found '-'
(8115,70): run-time error CSS1025: Expected comma or open brace, found '-'
(8187,45): run-time error CSS1030: Expected identifier, found '-'
(8187,45): run-time error CSS1031: Expected selector, found '-'
(8187,45): run-time error CSS1025: Expected comma or open brace, found '-'
(8190,20): run-time error CSS1030: Expected identifier, found '-'
(8190,20): run-time error CSS1031: Expected selector, found '-'
(8190,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8193,20): run-time error CSS1030: Expected identifier, found '-'
(8193,20): run-time error CSS1031: Expected selector, found '-'
(8193,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8196,20): run-time error CSS1030: Expected identifier, found '-'
(8196,20): run-time error CSS1031: Expected selector, found '-'
(8196,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8199,20): run-time error CSS1030: Expected identifier, found '-'
(8199,20): run-time error CSS1031: Expected selector, found '-'
(8199,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8206,20): run-time error CSS1030: Expected identifier, found '-'
(8206,20): run-time error CSS1031: Expected selector, found '-'
(8206,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8212,20): run-time error CSS1030: Expected identifier, found '-'
(8212,20): run-time error CSS1031: Expected selector, found '-'
(8212,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8216,20): run-time error CSS1030: Expected identifier, found '-'
(8216,20): run-time error CSS1031: Expected selector, found '-'
(8216,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8220,20): run-time error CSS1030: Expected identifier, found '-'
(8220,20): run-time error CSS1031: Expected selector, found '-'
(8220,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8223,20): run-time error CSS1030: Expected identifier, found '-'
(8223,20): run-time error CSS1031: Expected selector, found '-'
(8223,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8227,20): run-time error CSS1030: Expected identifier, found '-'
(8227,20): run-time error CSS1031: Expected selector, found '-'
(8227,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8230,20): run-time error CSS1030: Expected identifier, found '-'
(8230,20): run-time error CSS1031: Expected selector, found '-'
(8230,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8233,20): run-time error CSS1030: Expected identifier, found '-'
(8233,20): run-time error CSS1031: Expected selector, found '-'
(8233,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8241,20): run-time error CSS1030: Expected identifier, found '-'
(8241,20): run-time error CSS1031: Expected selector, found '-'
(8241,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8245,20): run-time error CSS1030: Expected identifier, found '-'
(8245,20): run-time error CSS1031: Expected selector, found '-'
(8245,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8249,20): run-time error CSS1030: Expected identifier, found '-'
(8249,20): run-time error CSS1031: Expected selector, found '-'
(8249,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8252,20): run-time error CSS1030: Expected identifier, found '-'
(8252,20): run-time error CSS1031: Expected selector, found '-'
(8252,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8256,20): run-time error CSS1030: Expected identifier, found '-'
(8256,20): run-time error CSS1031: Expected selector, found '-'
(8256,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8292,125): run-time error CSS1030: Expected identifier, found '-'
(8292,125): run-time error CSS1031: Expected selector, found '-'
(8292,125): run-time error CSS1025: Expected comma or open brace, found '-'
(8300,127): run-time error CSS1030: Expected identifier, found '-'
(8300,127): run-time error CSS1031: Expected selector, found '-'
(8300,127): run-time error CSS1025: Expected comma or open brace, found '-'
(8305,127): run-time error CSS1030: Expected identifier, found '-'
(8305,127): run-time error CSS1031: Expected selector, found '-'
(8305,127): run-time error CSS1025: Expected comma or open brace, found '-'
(8309,125): run-time error CSS1030: Expected identifier, found '-'
(8309,125): run-time error CSS1031: Expected selector, found '-'
(8309,125): run-time error CSS1025: Expected comma or open brace, found '-'
(8315,125): run-time error CSS1030: Expected identifier, found '-'
(8315,125): run-time error CSS1031: Expected selector, found '-'
(8315,125): run-time error CSS1025: Expected comma or open brace, found '-'
(8319,125): run-time error CSS1030: Expected identifier, found '-'
(8319,125): run-time error CSS1031: Expected selector, found '-'
(8319,125): run-time error CSS1025: Expected comma or open brace, found '-'
(8323,125): run-time error CSS1030: Expected identifier, found '-'
(8323,125): run-time error CSS1031: Expected selector, found '-'
(8323,125): run-time error CSS1025: Expected comma or open brace, found '-'
(8379,20): run-time error CSS1030: Expected identifier, found '-'
(8379,20): run-time error CSS1031: Expected selector, found '-'
(8379,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8397,20): run-time error CSS1030: Expected identifier, found '-'
(8397,20): run-time error CSS1031: Expected selector, found '-'
(8397,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8401,20): run-time error CSS1030: Expected identifier, found '-'
(8401,20): run-time error CSS1031: Expected selector, found '-'
(8401,20): run-time error CSS1025: Expected comma or open brace, found '-'
(8874,32): run-time error CSS1030: Expected identifier, found '-'
(8874,32): run-time error CSS1031: Expected selector, found '-'
(8874,32): run-time error CSS1025: Expected comma or open brace, found '-'
(8881,32): run-time error CSS1030: Expected identifier, found '-'
(8881,32): run-time error CSS1031: Expected selector, found '-'
(8881,32): run-time error CSS1025: Expected comma or open brace, found '-'
(8887,32): run-time error CSS1030: Expected identifier, found '-'
(8887,32): run-time error CSS1031: Expected selector, found '-'
(8887,32): run-time error CSS1025: Expected comma or open brace, found '-'
(8892,32): run-time error CSS1030: Expected identifier, found '-'
(8892,32): run-time error CSS1031: Expected selector, found '-'
(8892,32): run-time error CSS1025: Expected comma or open brace, found '-'
(9217,19): run-time error CSS1030: Expected identifier, found '-'
(9217,19): run-time error CSS1031: Expected selector, found '-'
(9217,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9224,19): run-time error CSS1030: Expected identifier, found '-'
(9224,19): run-time error CSS1031: Expected selector, found '-'
(9224,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9237,21): run-time error CSS1030: Expected identifier, found '-'
(9237,21): run-time error CSS1031: Expected selector, found '-'
(9237,21): run-time error CSS1025: Expected comma or open brace, found '-'
(9241,19): run-time error CSS1030: Expected identifier, found '-'
(9241,19): run-time error CSS1031: Expected selector, found '-'
(9241,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9245,19): run-time error CSS1030: Expected identifier, found '-'
(9245,19): run-time error CSS1031: Expected selector, found '-'
(9245,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9251,19): run-time error CSS1030: Expected identifier, found '-'
(9251,19): run-time error CSS1031: Expected selector, found '-'
(9251,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9255,19): run-time error CSS1030: Expected identifier, found '-'
(9255,19): run-time error CSS1031: Expected selector, found '-'
(9255,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9259,19): run-time error CSS1030: Expected identifier, found '-'
(9259,19): run-time error CSS1031: Expected selector, found '-'
(9259,19): run-time error CSS1025: Expected comma or open brace, found '-'
(9267,16): run-time error CSS1030: Expected identifier, found '-'
(9267,16): run-time error CSS1031: Expected selector, found '-'
(9267,16): run-time error CSS1025: Expected comma or open brace, found '-'
(9322,16): run-time error CSS1030: Expected identifier, found '-'
(9322,16): run-time error CSS1031: Expected selector, found '-'
(9322,16): run-time error CSS1025: Expected comma or open brace, found '-'
(9493,123): run-time error CSS1030: Expected identifier, found '-'
(9493,123): run-time error CSS1031: Expected selector, found '-'
(9493,123): run-time error CSS1025: Expected comma or open brace, found '-'
(9498,123): run-time error CSS1030: Expected identifier, found '-'
(9498,123): run-time error CSS1031: Expected selector, found '-'
(9498,123): run-time error CSS1025: Expected comma or open brace, found '-'
(9541,157): run-time error CSS1030: Expected identifier, found '-'
(9541,157): run-time error CSS1031: Expected selector, found '-'
(9541,157): run-time error CSS1025: Expected comma or open brace, found '-'
(9544,157): run-time error CSS1030: Expected identifier, found '-'
(9544,157): run-time error CSS1031: Expected selector, found '-'
(9544,157): run-time error CSS1025: Expected comma or open brace, found '-'
(9550,159): run-time error CSS1030: Expected identifier, found '-'
(9550,159): run-time error CSS1031: Expected selector, found '-'
(9550,159): run-time error CSS1025: Expected comma or open brace, found '-'
(10350,56): run-time error CSS1030: Expected identifier, found '-'
(10350,56): run-time error CSS1031: Expected selector, found '-'
(10350,56): run-time error CSS1025: Expected comma or open brace, found '-'
(11180,47): run-time error CSS1030: Expected identifier, found '-'
(11180,47): run-time error CSS1031: Expected selector, found '-'
(11180,47): run-time error CSS1025: Expected comma or open brace, found '-'
(11188,49): run-time error CSS1030: Expected identifier, found '-'
(11188,49): run-time error CSS1031: Expected selector, found '-'
(11188,49): run-time error CSS1025: Expected comma or open brace, found '-'
(11193,47): run-time error CSS1030: Expected identifier, found '-'
(11193,47): run-time error CSS1031: Expected selector, found '-'
(11193,47): run-time error CSS1025: Expected comma or open brace, found '-'
(11197,47): run-time error CSS1030: Expected identifier, found '-'
(11197,47): run-time error CSS1031: Expected selector, found '-'
(11197,47): run-time error CSS1025: Expected comma or open brace, found '-'
(11210,47): run-time error CSS1030: Expected identifier, found '-'
(11210,47): run-time error CSS1031: Expected selector, found '-'
(11210,47): run-time error CSS1025: Expected comma or open brace, found '-'
(11218,44): run-time error CSS1030: Expected identifier, found '-'
(11218,44): run-time error CSS1031: Expected selector, found '-'
(11218,44): run-time error CSS1025: Expected comma or open brace, found '-'
(11257,24): run-time error CSS1030: Expected identifier, found '-'
(11257,24): run-time error CSS1031: Expected selector, found '-'
(11257,24): run-time error CSS1025: Expected comma or open brace, found '-'
(11269,24): run-time error CSS1030: Expected identifier, found '-'
(11269,24): run-time error CSS1031: Expected selector, found '-'
(11269,24): run-time error CSS1025: Expected comma or open brace, found '-'
(11732,87): run-time error CSS1030: Expected identifier, found '-'
(11732,87): run-time error CSS1031: Expected selector, found '-'
(11732,87): run-time error CSS1025: Expected comma or open brace, found '-'
(12228,29): run-time error CSS1030: Expected identifier, found '-'
(12228,29): run-time error CSS1031: Expected selector, found '-'
(12228,29): run-time error CSS1025: Expected comma or open brace, found '-'
(12231,41): run-time error CSS1030: Expected identifier, found '-'
(12231,41): run-time error CSS1031: Expected selector, found '-'
(12231,41): run-time error CSS1025: Expected comma or open brace, found '-'
(12234,29): run-time error CSS1030: Expected identifier, found '-'
(12234,29): run-time error CSS1031: Expected selector, found '-'
(12234,29): run-time error CSS1025: Expected comma or open brace, found '-'
(12238,29): run-time error CSS1030: Expected identifier, found '-'
(12238,29): run-time error CSS1031: Expected selector, found '-'
(12238,29): run-time error CSS1025: Expected comma or open brace, found '-'
(12242,29): run-time error CSS1030: Expected identifier, found '-'
(12242,29): run-time error CSS1031: Expected selector, found '-'
(12242,29): run-time error CSS1025: Expected comma or open brace, found '-'
(12245,29): run-time error CSS1030: Expected identifier, found '-'
(12245,29): run-time error CSS1031: Expected selector, found '-'
(12245,29): run-time error CSS1025: Expected comma or open brace, found '-'
(12308,97): run-time error CSS1030: Expected identifier, found '-'
(12308,97): run-time error CSS1031: Expected selector, found '-'
(12308,97): run-time error CSS1025: Expected comma or open brace, found '-'
(12312,97): run-time error CSS1030: Expected identifier, found '-'
(12312,97): run-time error CSS1031: Expected selector, found '-'
(12312,97): run-time error CSS1025: Expected comma or open brace, found '-'
(12318,97): run-time error CSS1030: Expected identifier, found '-'
(12318,97): run-time error CSS1031: Expected selector, found '-'
(12318,97): run-time error CSS1025: Expected comma or open brace, found '-'
(12324,97): run-time error CSS1030: Expected identifier, found '-'
(12324,97): run-time error CSS1031: Expected selector, found '-'
(12324,97): run-time error CSS1025: Expected comma or open brace, found '-'
(12347,87): run-time error CSS1030: Expected identifier, found '-'
(12347,87): run-time error CSS1031: Expected selector, found '-'
(12347,87): run-time error CSS1025: Expected comma or open brace, found '-'
(12355,89): run-time error CSS1030: Expected identifier, found '-'
(12355,89): run-time error CSS1031: Expected selector, found '-'
(12355,89): run-time error CSS1025: Expected comma or open brace, found '-'
(12360,87): run-time error CSS1030: Expected identifier, found '-'
(12360,87): run-time error CSS1031: Expected selector, found '-'
(12360,87): run-time error CSS1025: Expected comma or open brace, found '-'
(12366,87): run-time error CSS1030: Expected identifier, found '-'
(12366,87): run-time error CSS1031: Expected selector, found '-'
(12366,87): run-time error CSS1025: Expected comma or open brace, found '-'
(12372,87): run-time error CSS1030: Expected identifier, found '-'
(12372,87): run-time error CSS1031: Expected selector, found '-'
(12372,87): run-time error CSS1025: Expected comma or open brace, found '-'
(12609,18): run-time error CSS1030: Expected identifier, found '-'
(12609,18): run-time error CSS1031: Expected selector, found '-'
(12609,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12619,18): run-time error CSS1030: Expected identifier, found '-'
(12619,18): run-time error CSS1031: Expected selector, found '-'
(12619,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12623,18): run-time error CSS1030: Expected identifier, found '-'
(12623,18): run-time error CSS1031: Expected selector, found '-'
(12623,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12633,18): run-time error CSS1030: Expected identifier, found '-'
(12633,18): run-time error CSS1031: Expected selector, found '-'
(12633,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12644,18): run-time error CSS1030: Expected identifier, found '-'
(12644,18): run-time error CSS1031: Expected selector, found '-'
(12644,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12651,18): run-time error CSS1030: Expected identifier, found '-'
(12651,18): run-time error CSS1031: Expected selector, found '-'
(12651,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12658,18): run-time error CSS1030: Expected identifier, found '-'
(12658,18): run-time error CSS1031: Expected selector, found '-'
(12658,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12664,18): run-time error CSS1030: Expected identifier, found '-'
(12664,18): run-time error CSS1031: Expected selector, found '-'
(12664,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12667,18): run-time error CSS1030: Expected identifier, found '-'
(12667,18): run-time error CSS1031: Expected selector, found '-'
(12667,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12674,18): run-time error CSS1030: Expected identifier, found '-'
(12674,18): run-time error CSS1031: Expected selector, found '-'
(12674,18): run-time error CSS1025: Expected comma or open brace, found '-'
(12693,53): run-time error CSS1030: Expected identifier, found '-'
(12693,53): run-time error CSS1031: Expected selector, found '-'
(12693,53): run-time error CSS1025: Expected comma or open brace, found '-'
(12717,79): run-time error CSS1030: Expected identifier, found '-'
(12717,79): run-time error CSS1031: Expected selector, found '-'
(12717,79): run-time error CSS1025: Expected comma or open brace, found '-'
(12813,45): run-time error CSS1030: Expected identifier, found '-'
(12813,45): run-time error CSS1031: Expected selector, found '-'
(12813,45): run-time error CSS1025: Expected comma or open brace, found '-'
(12816,40): run-time error CSS1030: Expected identifier, found '-'
(12816,40): run-time error CSS1031: Expected selector, found '-'
(12816,40): run-time error CSS1025: Expected comma or open brace, found '-'
(12940,36): run-time error CSS1030: Expected identifier, found '-'
(12940,36): run-time error CSS1031: Expected selector, found '-'
(12940,36): run-time error CSS1025: Expected comma or open brace, found '-'
(12969,52): run-time error CSS1030: Expected identifier, found '-'
(12969,52): run-time error CSS1031: Expected selector, found '-'
(12969,52): run-time error CSS1025: Expected comma or open brace, found '-'
(12977,65): run-time error CSS1030: Expected identifier, found '-'
(12977,65): run-time error CSS1031: Expected selector, found '-'
(12977,65): run-time error CSS1025: Expected comma or open brace, found '-'
(12997,36): run-time error CSS1030: Expected identifier, found '-'
(12997,36): run-time error CSS1031: Expected selector, found '-'
(12997,36): run-time error CSS1025: Expected comma or open brace, found '-'
(13048,56): run-time error CSS1030: Expected identifier, found '-'
(13048,56): run-time error CSS1031: Expected selector, found '-'
(13048,56): run-time error CSS1025: Expected comma or open brace, found '-'
(13054,56): run-time error CSS1030: Expected identifier, found '-'
(13054,56): run-time error CSS1031: Expected selector, found '-'
(13054,56): run-time error CSS1025: Expected comma or open brace, found '-'
(13057,56): run-time error CSS1030: Expected identifier, found '-'
(13057,56): run-time error CSS1031: Expected selector, found '-'
(13057,56): run-time error CSS1025: Expected comma or open brace, found '-'
(13060,23): run-time error CSS1030: Expected identifier, found '-'
(13060,23): run-time error CSS1031: Expected selector, found '-'
(13060,23): run-time error CSS1025: Expected comma or open brace, found '-'
(13920,27): run-time error CSS1030: Expected identifier, found '-'
(13920,27): run-time error CSS1031: Expected selector, found '-'
(13920,27): run-time error CSS1025: Expected comma or open brace, found '-'
(13968,86): run-time error CSS1030: Expected identifier, found '-'
(13968,86): run-time error CSS1031: Expected selector, found '-'
(13968,86): run-time error CSS1025: Expected comma or open brace, found '-'
(13975,86): run-time error CSS1030: Expected identifier, found '-'
(13975,86): run-time error CSS1031: Expected selector, found '-'
(13975,86): run-time error CSS1025: Expected comma or open brace, found '-'
(14078,83): run-time error CSS1030: Expected identifier, found '.'
(14078,99): run-time error CSS1031: Expected selector, found ')'
(14078,99): run-time error CSS1025: Expected comma or open brace, found ')'
(14206,109): run-time error CSS1030: Expected identifier, found '-'
(14206,109): run-time error CSS1031: Expected selector, found '-'
(14206,109): run-time error CSS1025: Expected comma or open brace, found '-'
(14209,109): run-time error CSS1030: Expected identifier, found '-'
(14209,109): run-time error CSS1031: Expected selector, found '-'
(14209,109): run-time error CSS1025: Expected comma or open brace, found '-'
(14247,83): run-time error CSS1030: Expected identifier, found '.'
(14247,99): run-time error CSS1031: Expected selector, found ')'
(14247,99): run-time error CSS1025: Expected comma or open brace, found ')'
(15023,38): run-time error CSS1030: Expected identifier, found '-'
(15023,38): run-time error CSS1031: Expected selector, found '-'
(15023,38): run-time error CSS1025: Expected comma or open brace, found '-'
(15069,82): run-time error CSS1030: Expected identifier, found '-'
(15069,82): run-time error CSS1031: Expected selector, found '-'
(15069,82): run-time error CSS1025: Expected comma or open brace, found '-'
(15072,82): run-time error CSS1030: Expected identifier, found '-'
(15072,82): run-time error CSS1031: Expected selector, found '-'
(15072,82): run-time error CSS1025: Expected comma or open brace, found '-'
(15095,81): run-time error CSS1030: Expected identifier, found '-'
(15095,81): run-time error CSS1031: Expected selector, found '-'
(15095,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15098,81): run-time error CSS1030: Expected identifier, found '-'
(15098,81): run-time error CSS1031: Expected selector, found '-'
(15098,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15102,81): run-time error CSS1030: Expected identifier, found '-'
(15102,81): run-time error CSS1031: Expected selector, found '-'
(15102,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15105,81): run-time error CSS1030: Expected identifier, found '-'
(15105,81): run-time error CSS1031: Expected selector, found '-'
(15105,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15109,81): run-time error CSS1030: Expected identifier, found '-'
(15109,81): run-time error CSS1031: Expected selector, found '-'
(15109,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15122,85): run-time error CSS1030: Expected identifier, found '-'
(15122,85): run-time error CSS1031: Expected selector, found '-'
(15122,85): run-time error CSS1025: Expected comma or open brace, found '-'
(15125,85): run-time error CSS1030: Expected identifier, found '-'
(15125,85): run-time error CSS1031: Expected selector, found '-'
(15125,85): run-time error CSS1025: Expected comma or open brace, found '-'
(15133,81): run-time error CSS1030: Expected identifier, found '-'
(15133,81): run-time error CSS1031: Expected selector, found '-'
(15133,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15136,81): run-time error CSS1030: Expected identifier, found '-'
(15136,81): run-time error CSS1031: Expected selector, found '-'
(15136,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15139,81): run-time error CSS1030: Expected identifier, found '-'
(15139,81): run-time error CSS1031: Expected selector, found '-'
(15139,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15142,81): run-time error CSS1030: Expected identifier, found '-'
(15142,81): run-time error CSS1031: Expected selector, found '-'
(15142,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15145,81): run-time error CSS1030: Expected identifier, found '-'
(15145,81): run-time error CSS1031: Expected selector, found '-'
(15145,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15148,81): run-time error CSS1030: Expected identifier, found '-'
(15148,81): run-time error CSS1031: Expected selector, found '-'
(15148,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15153,81): run-time error CSS1030: Expected identifier, found '-'
(15153,81): run-time error CSS1031: Expected selector, found '-'
(15153,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15157,81): run-time error CSS1030: Expected identifier, found '-'
(15157,81): run-time error CSS1031: Expected selector, found '-'
(15157,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15161,81): run-time error CSS1030: Expected identifier, found '-'
(15161,81): run-time error CSS1031: Expected selector, found '-'
(15161,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15164,81): run-time error CSS1030: Expected identifier, found '-'
(15164,81): run-time error CSS1031: Expected selector, found '-'
(15164,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15168,81): run-time error CSS1030: Expected identifier, found '-'
(15168,81): run-time error CSS1031: Expected selector, found '-'
(15168,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15171,81): run-time error CSS1030: Expected identifier, found '-'
(15171,81): run-time error CSS1031: Expected selector, found '-'
(15171,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15174,81): run-time error CSS1030: Expected identifier, found '-'
(15174,81): run-time error CSS1031: Expected selector, found '-'
(15174,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15177,81): run-time error CSS1030: Expected identifier, found '-'
(15177,81): run-time error CSS1031: Expected selector, found '-'
(15177,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15181,81): run-time error CSS1030: Expected identifier, found '-'
(15181,81): run-time error CSS1031: Expected selector, found '-'
(15181,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15185,81): run-time error CSS1030: Expected identifier, found '-'
(15185,81): run-time error CSS1031: Expected selector, found '-'
(15185,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15189,81): run-time error CSS1030: Expected identifier, found '-'
(15189,81): run-time error CSS1031: Expected selector, found '-'
(15189,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15194,81): run-time error CSS1030: Expected identifier, found '-'
(15194,81): run-time error CSS1031: Expected selector, found '-'
(15194,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15198,81): run-time error CSS1030: Expected identifier, found '-'
(15198,81): run-time error CSS1031: Expected selector, found '-'
(15198,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15203,81): run-time error CSS1030: Expected identifier, found '-'
(15203,81): run-time error CSS1031: Expected selector, found '-'
(15203,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15206,81): run-time error CSS1030: Expected identifier, found '-'
(15206,81): run-time error CSS1031: Expected selector, found '-'
(15206,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15211,81): run-time error CSS1030: Expected identifier, found '-'
(15211,81): run-time error CSS1031: Expected selector, found '-'
(15211,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15216,81): run-time error CSS1030: Expected identifier, found '-'
(15216,81): run-time error CSS1031: Expected selector, found '-'
(15216,81): run-time error CSS1025: Expected comma or open brace, found '-'
(15251,92): run-time error CSS1030: Expected identifier, found '-'
(15251,92): run-time error CSS1031: Expected selector, found '-'
(15251,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15257,92): run-time error CSS1030: Expected identifier, found '-'
(15257,92): run-time error CSS1031: Expected selector, found '-'
(15257,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15261,92): run-time error CSS1030: Expected identifier, found '-'
(15261,92): run-time error CSS1031: Expected selector, found '-'
(15261,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15265,92): run-time error CSS1030: Expected identifier, found '-'
(15265,92): run-time error CSS1031: Expected selector, found '-'
(15265,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15269,92): run-time error CSS1030: Expected identifier, found '-'
(15269,92): run-time error CSS1031: Expected selector, found '-'
(15269,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15274,92): run-time error CSS1030: Expected identifier, found '-'
(15274,92): run-time error CSS1031: Expected selector, found '-'
(15274,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15278,92): run-time error CSS1030: Expected identifier, found '-'
(15278,92): run-time error CSS1031: Expected selector, found '-'
(15278,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15283,92): run-time error CSS1030: Expected identifier, found '-'
(15283,92): run-time error CSS1031: Expected selector, found '-'
(15283,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15288,92): run-time error CSS1030: Expected identifier, found '-'
(15288,92): run-time error CSS1031: Expected selector, found '-'
(15288,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15291,92): run-time error CSS1030: Expected identifier, found '-'
(15291,92): run-time error CSS1031: Expected selector, found '-'
(15291,92): run-time error CSS1025: Expected comma or open brace, found '-'
(15468,47): run-time error CSS1030: Expected identifier, found '-'
(15468,47): run-time error CSS1031: Expected selector, found '-'
(15468,47): run-time error CSS1025: Expected comma or open brace, found '-'
(15480,22): run-time error CSS1030: Expected identifier, found '-'
(15480,22): run-time error CSS1031: Expected selector, found '-'
(15480,22): run-time error CSS1025: Expected comma or open brace, found '-'
(15483,41): run-time error CSS1030: Expected identifier, found '-'
(15483,41): run-time error CSS1031: Expected selector, found '-'
(15483,41): run-time error CSS1025: Expected comma or open brace, found '-'
(15489,41): run-time error CSS1030: Expected identifier, found '-'
(15489,41): run-time error CSS1031: Expected selector, found '-'
(15489,41): run-time error CSS1025: Expected comma or open brace, found '-'
(15497,44): run-time error CSS1030: Expected identifier, found '-'
(15497,44): run-time error CSS1031: Expected selector, found '-'
(15497,44): run-time error CSS1025: Expected comma or open brace, found '-'
(15502,44): run-time error CSS1030: Expected identifier, found '-'
(15502,44): run-time error CSS1031: Expected selector, found '-'
(15502,44): run-time error CSS1025: Expected comma or open brace, found '-'
(15521,22): run-time error CSS1030: Expected identifier, found '-'
(15521,22): run-time error CSS1031: Expected selector, found '-'
(15521,22): run-time error CSS1025: Expected comma or open brace, found '-'
(15549,27): run-time error CSS1030: Expected identifier, found '-'
(15549,27): run-time error CSS1031: Expected selector, found '-'
(15549,27): run-time error CSS1025: Expected comma or open brace, found '-'
(15712,41): run-time error CSS1030: Expected identifier, found '-'
(15712,41): run-time error CSS1031: Expected selector, found '-'
(15712,41): run-time error CSS1025: Expected comma or open brace, found '-'
(15715,41): run-time error CSS1030: Expected identifier, found '-'
(15715,41): run-time error CSS1031: Expected selector, found '-'
(15715,41): run-time error CSS1025: Expected comma or open brace, found '-'
(15734,71): run-time error CSS1030: Expected identifier, found '-'
(15734,71): run-time error CSS1031: Expected selector, found '-'
(15734,71): run-time error CSS1025: Expected comma or open brace, found '-'
(15738,71): run-time error CSS1030: Expected identifier, found '-'
(15738,71): run-time error CSS1031: Expected selector, found '-'
(15738,71): run-time error CSS1025: Expected comma or open brace, found '-'
(15741,71): run-time error CSS1030: Expected identifier, found '-'
(15741,71): run-time error CSS1031: Expected selector, found '-'
(15741,71): run-time error CSS1025: Expected comma or open brace, found '-'
(15746,71): run-time error CSS1030: Expected identifier, found '-'
(15746,71): run-time error CSS1031: Expected selector, found '-'
(15746,71): run-time error CSS1025: Expected comma or open brace, found '-'
(15749,71): run-time error CSS1030: Expected identifier, found '-'
(15749,71): run-time error CSS1031: Expected selector, found '-'
(15749,71): run-time error CSS1025: Expected comma or open brace, found '-'
(15867,64): run-time error CSS1030: Expected identifier, found '-'
(15867,64): run-time error CSS1031: Expected selector, found '-'
(15867,64): run-time error CSS1025: Expected comma or open brace, found '-'
(15870,64): run-time error CSS1030: Expected identifier, found '-'
(15870,64): run-time error CSS1031: Expected selector, found '-'
(15870,64): run-time error CSS1025: Expected comma or open brace, found '-'
(15873,64): run-time error CSS1030: Expected identifier, found '-'
(15873,64): run-time error CSS1031: Expected selector, found '-'
(15873,64): run-time error CSS1025: Expected comma or open brace, found '-'
(15876,64): run-time error CSS1030: Expected identifier, found '-'
(15876,64): run-time error CSS1031: Expected selector, found '-'
(15876,64): run-time error CSS1025: Expected comma or open brace, found '-'
(15894,20): run-time error CSS1030: Expected identifier, found '-'
(15894,20): run-time error CSS1031: Expected selector, found '-'
(15894,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15897,20): run-time error CSS1030: Expected identifier, found '-'
(15897,20): run-time error CSS1031: Expected selector, found '-'
(15897,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15900,20): run-time error CSS1030: Expected identifier, found '-'
(15900,20): run-time error CSS1031: Expected selector, found '-'
(15900,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15904,20): run-time error CSS1030: Expected identifier, found '-'
(15904,20): run-time error CSS1031: Expected selector, found '-'
(15904,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15909,20): run-time error CSS1030: Expected identifier, found '-'
(15909,20): run-time error CSS1031: Expected selector, found '-'
(15909,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15912,20): run-time error CSS1030: Expected identifier, found '-'
(15912,20): run-time error CSS1031: Expected selector, found '-'
(15912,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15918,20): run-time error CSS1030: Expected identifier, found '-'
(15918,20): run-time error CSS1031: Expected selector, found '-'
(15918,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15926,20): run-time error CSS1030: Expected identifier, found '-'
(15926,20): run-time error CSS1031: Expected selector, found '-'
(15926,20): run-time error CSS1025: Expected comma or open brace, found '-'
(15929,20): run-time error CSS1030: Expected identifier, found '-'
(15929,20): run-time error CSS1031: Expected selector, found '-'
(15929,20): run-time error CSS1025: Expected comma or open brace, found '-'
(16161,38): run-time error CSS1030: Expected identifier, found '-'
(16161,38): run-time error CSS1031: Expected selector, found '-'
(16161,38): run-time error CSS1025: Expected comma or open brace, found '-'
(16228,26): run-time error CSS1030: Expected identifier, found '-'
(16228,26): run-time error CSS1031: Expected selector, found '-'
(16228,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16237,26): run-time error CSS1030: Expected identifier, found '-'
(16237,26): run-time error CSS1031: Expected selector, found '-'
(16237,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16245,26): run-time error CSS1030: Expected identifier, found '-'
(16245,26): run-time error CSS1031: Expected selector, found '-'
(16245,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16249,26): run-time error CSS1030: Expected identifier, found '-'
(16249,26): run-time error CSS1031: Expected selector, found '-'
(16249,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16252,26): run-time error CSS1030: Expected identifier, found '-'
(16252,26): run-time error CSS1031: Expected selector, found '-'
(16252,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16256,26): run-time error CSS1030: Expected identifier, found '-'
(16256,26): run-time error CSS1031: Expected selector, found '-'
(16256,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16260,26): run-time error CSS1030: Expected identifier, found '-'
(16260,26): run-time error CSS1031: Expected selector, found '-'
(16260,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16263,26): run-time error CSS1030: Expected identifier, found '-'
(16263,26): run-time error CSS1031: Expected selector, found '-'
(16263,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16266,26): run-time error CSS1030: Expected identifier, found '-'
(16266,26): run-time error CSS1031: Expected selector, found '-'
(16266,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16274,26): run-time error CSS1030: Expected identifier, found '-'
(16274,26): run-time error CSS1031: Expected selector, found '-'
(16274,26): run-time error CSS1025: Expected comma or open brace, found '-'
(16310,28): run-time error CSS1030: Expected identifier, found '-'
(16310,28): run-time error CSS1031: Expected selector, found '-'
(16310,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16318,30): run-time error CSS1030: Expected identifier, found '-'
(16318,30): run-time error CSS1031: Expected selector, found '-'
(16318,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16323,28): run-time error CSS1030: Expected identifier, found '-'
(16323,28): run-time error CSS1031: Expected selector, found '-'
(16323,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16327,28): run-time error CSS1030: Expected identifier, found '-'
(16327,28): run-time error CSS1031: Expected selector, found '-'
(16327,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16330,28): run-time error CSS1030: Expected identifier, found '-'
(16330,28): run-time error CSS1031: Expected selector, found '-'
(16330,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16335,30): run-time error CSS1030: Expected identifier, found '-'
(16335,30): run-time error CSS1031: Expected selector, found '-'
(16335,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16339,28): run-time error CSS1030: Expected identifier, found '-'
(16339,28): run-time error CSS1031: Expected selector, found '-'
(16339,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16342,28): run-time error CSS1030: Expected identifier, found '-'
(16342,28): run-time error CSS1031: Expected selector, found '-'
(16342,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16350,28): run-time error CSS1030: Expected identifier, found '-'
(16350,28): run-time error CSS1031: Expected selector, found '-'
(16350,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16355,28): run-time error CSS1030: Expected identifier, found '-'
(16355,28): run-time error CSS1031: Expected selector, found '-'
(16355,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16364,28): run-time error CSS1030: Expected identifier, found '-'
(16364,28): run-time error CSS1031: Expected selector, found '-'
(16364,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16367,28): run-time error CSS1030: Expected identifier, found '-'
(16367,28): run-time error CSS1031: Expected selector, found '-'
(16367,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16378,28): run-time error CSS1030: Expected identifier, found '-'
(16378,28): run-time error CSS1031: Expected selector, found '-'
(16378,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16386,28): run-time error CSS1030: Expected identifier, found '-'
(16386,28): run-time error CSS1031: Expected selector, found '-'
(16386,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16390,28): run-time error CSS1030: Expected identifier, found '-'
(16390,28): run-time error CSS1031: Expected selector, found '-'
(16390,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16393,28): run-time error CSS1030: Expected identifier, found '-'
(16393,28): run-time error CSS1031: Expected selector, found '-'
(16393,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16396,28): run-time error CSS1030: Expected identifier, found '-'
(16396,28): run-time error CSS1031: Expected selector, found '-'
(16396,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16400,28): run-time error CSS1030: Expected identifier, found '-'
(16400,28): run-time error CSS1031: Expected selector, found '-'
(16400,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16403,28): run-time error CSS1030: Expected identifier, found '-'
(16403,28): run-time error CSS1031: Expected selector, found '-'
(16403,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16406,28): run-time error CSS1030: Expected identifier, found '-'
(16406,28): run-time error CSS1031: Expected selector, found '-'
(16406,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16415,28): run-time error CSS1030: Expected identifier, found '-'
(16415,28): run-time error CSS1031: Expected selector, found '-'
(16415,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16419,28): run-time error CSS1030: Expected identifier, found '-'
(16419,28): run-time error CSS1031: Expected selector, found '-'
(16419,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16423,28): run-time error CSS1030: Expected identifier, found '-'
(16423,28): run-time error CSS1031: Expected selector, found '-'
(16423,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16427,28): run-time error CSS1030: Expected identifier, found '-'
(16427,28): run-time error CSS1031: Expected selector, found '-'
(16427,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16430,28): run-time error CSS1030: Expected identifier, found '-'
(16430,28): run-time error CSS1031: Expected selector, found '-'
(16430,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16439,28): run-time error CSS1030: Expected identifier, found '-'
(16439,28): run-time error CSS1031: Expected selector, found '-'
(16439,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16443,28): run-time error CSS1030: Expected identifier, found '-'
(16443,28): run-time error CSS1031: Expected selector, found '-'
(16443,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16451,28): run-time error CSS1030: Expected identifier, found '-'
(16451,28): run-time error CSS1031: Expected selector, found '-'
(16451,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16454,28): run-time error CSS1030: Expected identifier, found '-'
(16454,28): run-time error CSS1031: Expected selector, found '-'
(16454,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16458,28): run-time error CSS1030: Expected identifier, found '-'
(16458,28): run-time error CSS1031: Expected selector, found '-'
(16458,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16462,28): run-time error CSS1030: Expected identifier, found '-'
(16462,28): run-time error CSS1031: Expected selector, found '-'
(16462,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16473,30): run-time error CSS1030: Expected identifier, found '-'
(16473,30): run-time error CSS1031: Expected selector, found '-'
(16473,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16477,28): run-time error CSS1030: Expected identifier, found '-'
(16477,28): run-time error CSS1031: Expected selector, found '-'
(16477,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16480,28): run-time error CSS1030: Expected identifier, found '-'
(16480,28): run-time error CSS1031: Expected selector, found '-'
(16480,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16484,28): run-time error CSS1030: Expected identifier, found '-'
(16484,28): run-time error CSS1031: Expected selector, found '-'
(16484,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16492,30): run-time error CSS1030: Expected identifier, found '-'
(16492,30): run-time error CSS1031: Expected selector, found '-'
(16492,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16497,28): run-time error CSS1030: Expected identifier, found '-'
(16497,28): run-time error CSS1031: Expected selector, found '-'
(16497,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16508,28): run-time error CSS1030: Expected identifier, found '-'
(16508,28): run-time error CSS1031: Expected selector, found '-'
(16508,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16513,28): run-time error CSS1030: Expected identifier, found '-'
(16513,28): run-time error CSS1031: Expected selector, found '-'
(16513,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16518,28): run-time error CSS1030: Expected identifier, found '-'
(16518,28): run-time error CSS1031: Expected selector, found '-'
(16518,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16521,28): run-time error CSS1030: Expected identifier, found '-'
(16521,28): run-time error CSS1031: Expected selector, found '-'
(16521,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16533,28): run-time error CSS1030: Expected identifier, found '-'
(16533,28): run-time error CSS1031: Expected selector, found '-'
(16533,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16538,30): run-time error CSS1030: Expected identifier, found '-'
(16538,30): run-time error CSS1031: Expected selector, found '-'
(16538,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16542,28): run-time error CSS1030: Expected identifier, found '-'
(16542,28): run-time error CSS1031: Expected selector, found '-'
(16542,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16547,28): run-time error CSS1030: Expected identifier, found '-'
(16547,28): run-time error CSS1031: Expected selector, found '-'
(16547,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16552,28): run-time error CSS1030: Expected identifier, found '-'
(16552,28): run-time error CSS1031: Expected selector, found '-'
(16552,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16558,30): run-time error CSS1030: Expected identifier, found '-'
(16558,30): run-time error CSS1031: Expected selector, found '-'
(16558,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16563,28): run-time error CSS1030: Expected identifier, found '-'
(16563,28): run-time error CSS1031: Expected selector, found '-'
(16563,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16570,30): run-time error CSS1030: Expected identifier, found '-'
(16570,30): run-time error CSS1031: Expected selector, found '-'
(16570,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16576,28): run-time error CSS1030: Expected identifier, found '-'
(16576,28): run-time error CSS1031: Expected selector, found '-'
(16576,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16582,28): run-time error CSS1030: Expected identifier, found '-'
(16582,28): run-time error CSS1031: Expected selector, found '-'
(16582,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16589,30): run-time error CSS1030: Expected identifier, found '-'
(16589,30): run-time error CSS1031: Expected selector, found '-'
(16589,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16593,28): run-time error CSS1030: Expected identifier, found '-'
(16593,28): run-time error CSS1031: Expected selector, found '-'
(16593,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16599,30): run-time error CSS1030: Expected identifier, found '-'
(16599,30): run-time error CSS1031: Expected selector, found '-'
(16599,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16603,28): run-time error CSS1030: Expected identifier, found '-'
(16603,28): run-time error CSS1031: Expected selector, found '-'
(16603,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16623,30): run-time error CSS1030: Expected identifier, found '-'
(16623,30): run-time error CSS1031: Expected selector, found '-'
(16623,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16628,28): run-time error CSS1030: Expected identifier, found '-'
(16628,28): run-time error CSS1031: Expected selector, found '-'
(16628,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16632,28): run-time error CSS1030: Expected identifier, found '-'
(16632,28): run-time error CSS1031: Expected selector, found '-'
(16632,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16637,28): run-time error CSS1030: Expected identifier, found '-'
(16637,28): run-time error CSS1031: Expected selector, found '-'
(16637,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16641,30): run-time error CSS1030: Expected identifier, found '-'
(16641,30): run-time error CSS1031: Expected selector, found '-'
(16641,30): run-time error CSS1025: Expected comma or open brace, found '-'
(16645,28): run-time error CSS1030: Expected identifier, found '-'
(16645,28): run-time error CSS1031: Expected selector, found '-'
(16645,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16653,28): run-time error CSS1030: Expected identifier, found '-'
(16653,28): run-time error CSS1031: Expected selector, found '-'
(16653,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16659,28): run-time error CSS1030: Expected identifier, found '-'
(16659,28): run-time error CSS1031: Expected selector, found '-'
(16659,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16662,28): run-time error CSS1030: Expected identifier, found '-'
(16662,28): run-time error CSS1031: Expected selector, found '-'
(16662,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16669,28): run-time error CSS1030: Expected identifier, found '-'
(16669,28): run-time error CSS1031: Expected selector, found '-'
(16669,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16676,28): run-time error CSS1030: Expected identifier, found '-'
(16676,28): run-time error CSS1031: Expected selector, found '-'
(16676,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16679,28): run-time error CSS1030: Expected identifier, found '-'
(16679,28): run-time error CSS1031: Expected selector, found '-'
(16679,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16687,28): run-time error CSS1030: Expected identifier, found '-'
(16687,28): run-time error CSS1031: Expected selector, found '-'
(16687,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16694,28): run-time error CSS1030: Expected identifier, found '-'
(16694,28): run-time error CSS1031: Expected selector, found '-'
(16694,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16702,28): run-time error CSS1030: Expected identifier, found '-'
(16702,28): run-time error CSS1031: Expected selector, found '-'
(16702,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16709,28): run-time error CSS1030: Expected identifier, found '-'
(16709,28): run-time error CSS1031: Expected selector, found '-'
(16709,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16717,28): run-time error CSS1030: Expected identifier, found '-'
(16717,28): run-time error CSS1031: Expected selector, found '-'
(16717,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16720,28): run-time error CSS1030: Expected identifier, found '-'
(16720,28): run-time error CSS1031: Expected selector, found '-'
(16720,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16723,28): run-time error CSS1030: Expected identifier, found '-'
(16723,28): run-time error CSS1031: Expected selector, found '-'
(16723,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16726,28): run-time error CSS1030: Expected identifier, found '-'
(16726,28): run-time error CSS1031: Expected selector, found '-'
(16726,28): run-time error CSS1025: Expected comma or open brace, found '-'
(16865,24): run-time error CSS1030: Expected identifier, found '-'
(16865,24): run-time error CSS1031: Expected selector, found '-'
(16865,24): run-time error CSS1025: Expected comma or open brace, found '-'
(16870,24): run-time error CSS1030: Expected identifier, found '-'
(16870,24): run-time error CSS1031: Expected selector, found '-'
(16870,24): run-time error CSS1025: Expected comma or open brace, found '-'
(16873,24): run-time error CSS1030: Expected identifier, found '-'
(16873,24): run-time error CSS1031: Expected selector, found '-'
(16873,24): run-time error CSS1025: Expected comma or open brace, found '-'
(16876,24): run-time error CSS1030: Expected identifier, found '-'
(16876,24): run-time error CSS1031: Expected selector, found '-'
(16876,24): run-time error CSS1025: Expected comma or open brace, found '-'
(16882,24): run-time error CSS1030: Expected identifier, found '-'
(16882,24): run-time error CSS1031: Expected selector, found '-'
(16882,24): run-time error CSS1025: Expected comma or open brace, found '-'
(16890,24): run-time error CSS1030: Expected identifier, found '-'
(16890,24): run-time error CSS1031: Expected selector, found '-'
(16890,24): run-time error CSS1025: Expected comma or open brace, found '-'
(16924,97): run-time error CSS1030: Expected identifier, found '-'
(16924,97): run-time error CSS1031: Expected selector, found '-'
(16924,97): run-time error CSS1025: Expected comma or open brace, found '-'
(16927,94): run-time error CSS1030: Expected identifier, found '-'
(16927,94): run-time error CSS1031: Expected selector, found '-'
(16927,94): run-time error CSS1025: Expected comma or open brace, found '-'
(16930,87): run-time error CSS1030: Expected identifier, found '-'
(16930,87): run-time error CSS1031: Expected selector, found '-'
(16930,87): run-time error CSS1025: Expected comma or open brace, found '-'
(16933,87): run-time error CSS1030: Expected identifier, found '-'
(16933,87): run-time error CSS1031: Expected selector, found '-'
(16933,87): run-time error CSS1025: Expected comma or open brace, found '-'
(16944,84): run-time error CSS1030: Expected identifier, found '-'
(16944,84): run-time error CSS1031: Expected selector, found '-'
(16944,84): run-time error CSS1025: Expected comma or open brace, found '-'
(17338,23): run-time error CSS1030: Expected identifier, found '-'
(17338,23): run-time error CSS1031: Expected selector, found '-'
(17338,23): run-time error CSS1025: Expected comma or open brace, found '-'
(17343,23): run-time error CSS1030: Expected identifier, found '-'
(17343,23): run-time error CSS1031: Expected selector, found '-'
(17343,23): run-time error CSS1025: Expected comma or open brace, found '-'
(17426,2): run-time error CSS1030: Expected identifier, found '-'
(17426,2): run-time error CSS1019: Unexpected token, found '-'
(17430,2): run-time error CSS1030: Expected identifier, found '-'
(17430,2): run-time error CSS1019: Unexpected token, found '-'
 */
@charset "UTF-8";
/* Contains common file imports used by both Default and RadWindow */
/* Colors */
/*#637fe0*/
html {
  overflow-x: hidden;
}
html.page-staffing-details, html.page-import-employee {
  overflow-x: visible;
}

body {
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  color: #494949;
  line-height: 10px;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

p {
  font-size: 12px;
  color: #222222;
}

a {
  color: #222222;
  text-decoration: none;
}

a:hover {
  color: #494949;
  text-decoration: underline;
}

/* By default all UL/LI will be no bullets. use .bulleted below if you need bullets */
ul li {
  list-style: none;
}

ul.bulleted li {
  list-style: disc;
}

.select-default {
  height: 22px;
  border-radius: 4px;
  border-color: #ccc;
}
.select-default:hover {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.select-default.no-radius {
  border-radius: 0;
}

select {
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
select:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}

.input-default {
  height: 22px;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding-left: 12px;
  display: block;
}
.input-default:hover {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.input-default.no-radius {
  border-radius: 0;
}

input {
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}

.rgNoRecords td {
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12pt;
}

.rgSortAsc, .rgSortDesc {
  height: 10px;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
  width: 16px;
}

.RadGrid.RadGrid_WebBlue {
  border: solid 1px #bbbbbb;
  margin-top: 15px;
}
.RadGrid.RadGrid_WebBlue table tr.rgHoveredRow {
  background: #cddeed;
}
.RadGrid.RadGrid_WebBlue table tr.rgHoveredRow td {
  border-left-width: 1px;
  border-right-width: 1px;
}
.RadGrid.RadGrid_WebBlue table tr.rgSelectedRow {
  background: #b2b2b2 !important;
}
.RadGrid.RadGrid_WebBlue table tr.rgSelectedRow td {
  border-left-width: 1px;
  border-right-width: 1px;
}
.RadGrid.RadGrid_WebBlue table tr.rgSelectedRow, .RadGrid.RadGrid_WebBlue table tr.rgSelectedRow {
  border: #3c3c3c 1px solid !important;
  border-top-width: 0 !important;
}
.RadGrid.RadGrid_WebBlue table tr.rgSelectedRow td {
  padding-right: 7px !important;
}
.RadGrid.RadGrid_WebBlue table th.rgHeader {
  border-color: #626262 #3c3c3c #626262 #888888;
  background: none;
  background-color: #626262;
  color: #ffffff;
}
.RadGrid.RadGrid_WebBlue table td {
  vertical-align: middle;
  border-bottom: #dae2e8 solid 1px;
  padding-right: 8px;
  padding-left: 8px;
}
.RadGrid.RadGrid_WebBlue table td a.btn-link {
  color: #5b93c6;
}
.RadGrid.RadGrid_WebBlue table td a.btn-link.btn-link-danger {
  color: #ff3333;
}
.RadGrid.RadGrid_WebBlue table td .btn-primary {
  color: #ffffff;
}
.RadGrid.RadGrid_WebBlue table .rgSelectedRow td.rgSorted {
  border-bottom-color: #d9d9d9;
}
.RadGrid.RadGrid_WebBlue table .grid-odd-row {
  background-color: #fff;
}
.RadGrid.RadGrid_WebBlue table .grid-odd-row .rgSorted {
  background-color: #e6e6e6;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #e6e6e6;
}
.RadGrid.RadGrid_WebBlue table .grid-even-row {
  background-color: #e5e5e5;
}
.RadGrid.RadGrid_WebBlue table .grid-even-row .rgSorted {
  background-color: #d1d1d1;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #d1d1d1;
}
.RadGrid.RadGrid_WebBlue table .rgFooter {
  background-color: #ffffff;
}
.RadGrid.RadGrid_WebBlue table .rgFooter td {
  border: none;
}
.RadGrid.RadGrid_WebBlue table .rgFooter td input {
  margin-top: 10px;
}
.RadGrid.RadGrid_WebBlue table .rgFooter span {
  display: inline-block;
  /*float: left;*/
}
.RadGrid.RadGrid_WebBlue table .rgEditForm {
  padding: 1em;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm .btn {
  margin: 3px 6px;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm .btn .rgIcon {
  vertical-align: middle;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm .btn .rgIcon:before {
  display: inline;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm td {
  padding: 6px 3px;
  border-bottom: none;
  font-size: 14px;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm input {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm select {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
.RadGrid.RadGrid_WebBlue table .rgEditForm select:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}

.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell {
  background: #3C3838;
  border: none;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton {
  border: none;
  background-color: #626262;
  background-image: none;
  box-shadow: none;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev:hover, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext:hover, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst:hover, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast:hover, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton:hover, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly:hover, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton:hover {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #7c7c7c;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev:hover span, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext:hover span, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst:hover span, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast:hover span, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton:hover span, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly:hover span, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton:hover span {
  color: #f1b8bd;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgAdvPart, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .RadInput {
  height: 28px;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgAdvPart .t-font-icon.rgIcon, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .RadInput .t-font-icon.rgIcon {
  height: 20px;
  width: 20px;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgAdvPart a, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .RadInput a {
  height: 28px;
  width: 28px;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagePrev input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageNext input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageFirst input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPageLast input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbReadOnly input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerButton input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgAdvPart input, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .RadInput input {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #3C3838;
  border-radius: 4px;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart a {
  color: #e5e5e5;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart a.rgCurrentPage {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #3C3838;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart a.rgCurrentPage:hover {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #3C3838;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgNumPart a:hover {
  background-color: #7c7c7c;
  border-color: #7c7c7c;
  background-image: none;
  box-shadow: none;
  color: #f1b8bd;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgInfoPart {
  color: #bfbfbf;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgInfoPart strong {
  color: #ffffff;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbInner {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #3C3838;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbInner input {
  background-color: transparent;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbInner:hover {
  background-color: #f1b8bd;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rcbActionButton {
  padding: 0 4px;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell span {
  color: #cccccc;
}
.RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgPagerLabel, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgWrap rgNumPart, .RadGrid_WebBlue .rgMasterTable .rgPager .rgPagerCell .rgInfoPart {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.RadGrid_WebBlue tr.rgEditRow {
  background: #d4e3f0;
  color: #3C3838;
}

.RadGrid .rgFilterRow input {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
.RadGrid .rgFilterRow input:hover {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.RadGrid .rgFilterRow .rcbReadOnly input {
  background-color: transparent;
  border: none;
}
.RadGrid .rgFilterRow .rcbReadOnly input:hover {
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  background-color: none;
}

#department-setting-wrap .RadGrid.RadGrid_WebBlue table .rgFooter td input[type=text], #department-setting-wrap .RadGrid.RadGrid_WebBlue table .rgEditRow td input[type=text] {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
#department-setting-wrap .RadGrid.RadGrid_WebBlue table .rgFooter td input[type=text]:hover, #department-setting-wrap .RadGrid.RadGrid_WebBlue table .rgEditRow td input[type=text]:hover {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
#department-setting-wrap .RadGrid.RadGrid_WebBlue table .rgFooter td input, #department-setting-wrap .RadGrid.RadGrid_WebBlue table .rgEditRow td input {
  margin: 4px 0;
}

.RadGrid.RadGrid_WebBlue .rgGroupHeader {
  background: #818181;
}
.RadGrid.RadGrid_WebBlue .rgHeaderWrapper, .RadGrid.RadGrid_WebBlue .rgGroupCol {
  background: #818181;
  border-color: #626262 #3c3c3c #626262 #888888;
}

/* Fix RadScheduler MultiDay left column behavior */
.rsHidden {
  display: block !important;
}

div.RadScheduler .rsVerticalHeaderTable .rsMainHeader th {
  display: table-cell;
}

/* Scheduler Disabled Timeslots */
.DisabledTimeSlot,
.OverlappedTimeSlot {
  cursor: not-allowed;
}

.DisabledTimeSlot {
  background: silver !important;
}

.OverlappedTimeSlot {
  background: #d2d2d2 !important;
}

.DisabledTimeSlot.rsAptCreate {
  background: silver !important;
}

.rsHorizontalHeaderTable tr th:last-child,
.rsLastCell {
  border-right: 0 !important;
}

.RadScheduler .rsHeader h2 {
  line-height: 30px;
  color: #222222;
}
.RadScheduler .rsTimelineView .rsMainHeader .horizontal-schedule-jobtitle-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}
.RadScheduler .rsTimelineView .rsSpacerCell {
  background: #e4e4e4;
}
.RadScheduler .rsTimelineView .rsHorizontalHeaderTable tr th {
  background-image: none;
}
.RadScheduler .rsTimelineView .rsHorizontalHeaderTable tr:first-child th {
  height: 25px;
}

/* Hide current time slot selection */
.rsMonthView {
  /* Do not show underlining on day header text */
  /* Set minimum height of day */
}
.rsMonthView .rsAptCreate {
  background-image: inherit !important;
  background: inherit !important;
}
.rsMonthView .rsDateBox a {
  cursor: default !important;
  text-decoration: none !important;
}
.rsMonthView .rsDateBox a:hover {
  cursor: default !important;
  text-decoration: none !important;
}
.rsMonthView .rsRow {
  height: 60px !important;
}

.RadAjaxPanel .RadScheduler_Default .rsHeader, .RadAjaxPanel .RadScheduler_Default .rsHeader ul a:hover, .RadAjaxPanel .RadScheduler_Default .rsHeader ul a:hover span, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsSelected, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsSelected em, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsDatePickerActivator, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsPrevDay, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsNextDay {
  background-image: none;
  background-color: #626262;
}
.RadAjaxPanel .RadScheduler_Default .rsHeader h2, .RadAjaxPanel .RadScheduler_Default .rsHeader ul a:hover h2, .RadAjaxPanel .RadScheduler_Default .rsHeader ul a:hover span h2, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsSelected h2, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsSelected em h2, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsDatePickerActivator h2, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsPrevDay h2, .RadAjaxPanel .RadScheduler_Default .rsHeader .rsNextDay h2 {
  color: #e5e5e5;
}

.RadAjaxPanel .RadScheduler .rsAptColor .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryBlue .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryRed .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryGreen .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryOrange .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryPink .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryYellow .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryViolet .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryDarkRed .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryDarkBlue .rsAptContent,
.RadAjaxPanel .RadScheduler .rsCategoryDarkGreen .rsAptContent,
.RadAjaxPanel .RadScheduler .rsApt .rsAptContent {
  background-image: none;
}

.RadEditor.Default.reWrapper {
  border: none;
  background-color: none;
  background: none;
}

#main-content .manage-holiday .holiday-calendar .rsAptIn {
  background: #F5595F;
}
#main-content .manage-holiday .holiday-calendar .rsAptIn .rsAptContent {
  background: #F5595F;
  color: #ffffff;
}

div.RadTabStrip {
  margin: -22px -12px 16px -12px;
}
@media (max-width: 991px) {
  div.RadTabStrip {
    margin: 0px -12px 16px -12px;
  }
}

.easyshiftsradwindow div.RadTabStrip {
  margin: -8px 16px 0 16px;
  border-top: none;
  background-color: white;
}
.easyshiftsradwindow div.RadTabStrip .rtsLevel1 {
  box-shadow: none;
}
.easyshiftsradwindow div.RadTabStrip .rtsLevel1 .rtsLink {
  border-bottom: 3px solid #e5e5e5;
}

.RadTabStrip {
  background-color: #f1f0f4;
  border-top: 1px solid #dadada;
  border-bottom: none;
  position: relative;
  z-index: 50;
}
.RadTabStrip .conflicts-tab-badge {
  display: none;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI {
  display: inline-block;
  font-size: 14px;
  color: #3C3838;
  padding: 0;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI .rtsLink {
  padding: 0;
  border: none;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI a {
  color: #3C3838;
  text-decoration: none;
  padding: 12px 20px;
  border-bottom: 3px solid transparent;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI.rtsHovered a, .RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI:focus a {
  background-color: #e0e0e0;
  color: #000000;
  border-bottom: 3px solid #626262;
  cursor: pointer;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI.rtsSelected {
  color: #00629E;
  font-weight: bold;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI.rtsSelected.rtsHovered .rtsLink {
  background: transparent;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI.rtsSelected.rtsHovered a {
  background: transparent;
  cursor: default;
  border-bottom: 3px solid #00629E;
}
.RadTabStrip.--hyperlink-menu .rtsLevel1 .rtsUL .rtsLI.rtsSelected a {
  color: #00629E;
  border-bottom: 3px solid #00629E;
  font-weight: bold;
}
.RadTabStrip.rtsTop {
  overflow: initial;
}
.RadTabStrip.rtsTop .rtsLevel {
  border: none;
}
.RadTabStrip .rtsLevel1 {
  margin-bottom: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink {
  display: inline-block;
  border-bottom: 3px solid transparent;
  line-height: 17px;
  cursor: pointer;
  background-color: transparent;
  padding: 12px 20px;
  font-size: 14px;
  color: #3C3838;
  text-decoration: none;
  position: relative;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink .rtsOut {
  padding: 0;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink .rtsOut .rtsIn {
  padding: 0;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink a {
  padding: 12px 20px;
  display: inline-block;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink a:hover {
  text-decoration: none;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink:hover {
  text-decoration: none;
  background-color: #e0e0e0;
  color: #000;
  border-bottom: 3px solid #626262;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink:hover a {
  color: #000;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink.rtsSelected {
  font-weight: bold;
  border-bottom: 3px solid #00629E;
  color: #00629E;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink.rtsSelected a {
  color: #00629E;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink.rtsSelected:hover {
  background: transparent;
  cursor: default;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink.rts-danger .conflicts-tab-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #BA1A1A;
  color: #fff;
  position: absolute;
  right: 13px;
  top: 5px;
  font-size: 12px;
  font-style: normal;
  padding: 6px;
  height: 17px;
  min-width: 17px;
  border-radius: 10px;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink .has-retroactive-punch-tab-badge {
  display: none;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink .has-retroactive-punch {
  position: relative;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink .has-retroactive-punch .has-retroactive-punch-tab-badge {
  display: inline-block;
  position: absolute;
  right: -15px;
  top: 0px;
}
.RadTabStrip .rtsLevel1 .rtsUL .rtsLink .has-retroactive-punch .has-retroactive-punch-tab-badge .fa.fa-exclamation-circle {
  color: #BA1A1A;
  font-size: 16px;
}
.RadTabStrip.view-template-tabstrip-primary {
  margin-bottom: 4px;
}
.RadTabStrip.view-template-tabstrip-primary .rtsLevel1 {
  margin-bottom: 0;
}
.RadTabStrip.view-template-tabstrip-secondary {
  box-shadow: none;
  border-top: none;
  margin-top: 0;
}
.RadTabStrip.view-template-tabstrip-secondary .rtsLevel1 {
  border-bottom: 1px solid #d5d5d5;
  box-shadow: none;
}
.RadTabStrip.view-template-tabstrip-secondary .rtsLevel1 .rtsLink a {
  color: #626262;
}
.RadTabStrip.view-template-tabstrip-secondary .rtsLevel1 .rtsLink:hover {
  background-color: #e0e0e0;
  color: #3C3838;
  border-bottom: 3px solid #626262;
}
.RadTabStrip.view-template-tabstrip-secondary .rtsLevel1 .rtsLink:hover a {
  color: #3C3838;
}
.RadTabStrip.view-template-tabstrip-secondary .rtsLevel1 .rtsLink.rtsSelected {
  border-bottom: 3px solid #5b93c6;
  color: #5b93c6;
}
.RadTabStrip.view-template-tabstrip-secondary .rtsLevel1 .rtsLink.rtsSelected:hover {
  background: transparent;
  cursor: default;
}

a.rcpColorBox {
  height: 39px;
}

/* Style in Rad** */
/* in RadListBox/EditUser */
.RadListBox_Default {
  width: 100%;
}

.edituser-organization .RadListBox_Default .rlbGroup {
  border-color: transparent;
}

html .rcbSlide {
  width: auto !important;
}
html .RadComboBoxDropDown_Office2007 {
  color: #3C3838;
}
html .RadComboBoxDropDown_Office2007.RadComboBoxDropDown {
  width: auto !important;
  max-width: 100% !important;
  min-width: 230px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html .RadComboBox_Office2007 .rcbReadOnly {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  font-size: 14px;
  border-radius: 4px;
  padding: 0 8px;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbFocused .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbHovered {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbHovered .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbReadOnly .rcbActionButton {
  padding: 0;
}
html .RadComboBox_Office2007 .rcbActionButton {
  background: transparent;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  font-size: 14px;
  border-radius: 4px;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbFocused .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbHovered {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbHovered .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbReadOnly {
  background: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbFocused .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbHovered {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbHovered .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbActionButton {
  background: transparent;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbFocused .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbHovered {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html .RadComboBox_Office2007 .rcbActionButton.rcbHovered .rcbActionButton {
  background: transparent;
}
html .RadComboBox_Office2007 .rcbInput {
  height: 18px;
}
html .RadComboBox_Office2007 .rcbReadOnly.rcbFocused, html .RadComboBox_Office2007 .rcbReadOnly.rcbExpanded {
  border-color: transparent;
  color: #3C3838;
  background-color: white;
  background-image: none;
}
html .adp-jobtitles-filter-ul .rcbItem.rcbTemplate {
  padding-left: 0;
  margin-left: 0;
}
html .RadComboBoxDropDown .rcbItem:hover {
  background-color: #dfeaf4;
  background-image: none;
}
html .RadComboBoxDropDown .rcbHovered {
  background-color: #dfeaf4;
  background-image: none;
}
html .RadComboBoxDropDown .rcbCheckAllItems:hover {
  background-color: #cddeed;
  background-image: none;
}
html .RadComboBoxDropDown .rcbCheckAllItemsHovered {
  background-color: #cddeed;
  background-image: none;
}
html .RadComboBoxDropDown_Office2007 .rcbHovered {
  background-color: #dfeaf4;
  background-image: none;
}

html body .RadInput_Default .riTextBox.riEnabled {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
html body .RadInput_Default .riTextBox.riNegative {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
html body .RadInput_Default .riTextBox.ribFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html body .RadInput_Default .riTextBox.ribFocused .ribActionButton {
  background: transparent;
  background-color: #ffffff;
}
html body .RadInput_Default .riTextBox.riFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
html body .RadInput_Default .riTextBox.riFocused .ribActionButton {
  background: transparent;
  background-color: #ffffff;
}
html body .RadInput_Default .riTextBox:hover {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html body .RadInput_Default .riTextBox:hover .ribActionButton {
  background: transparent;
  background-color: #ffffff;
}
html body .RadInput_Default .riTextBox.riHover {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html body .RadInput_Default .riTextBox.riHover .ribActionButton {
  background: transparent;
  background-color: #ffffff;
}
html body .RadInputMgr.RadInputMgr_Default {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px;
  display: block;
  width: 100%;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
html body .RadInputMgr.RadInputMgr_Default.RadInput_Focused_Default {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html body .RadInputMgr.RadInputMgr_Default.RadInput_Focused_Default .ribActionButton {
  background: transparent;
  background-color: #ffffff;
}
html body .RadInputMgr.RadInputMgr_Default.RadInput_Hover_Default {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
html body .RadInputMgr.RadInputMgr_Default.RadInput_Hover_Default .ribActionButton {
  background: transparent;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  #main-content .form-horizontal .control-label {
    padding-top: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #main-content .form-control {
    height: 24px;
    padding: 1px 12px;
  }
}
.RadTreeList tr.rtlA, .RadTreeList tr.rtlR {
  background-color: #e5e5e5;
}
.RadTreeList td:nth-child(2).rtlL2 ~ td {
  background-color: #fff;
}
.RadTreeList td:nth-child(2).rtlL3 ~ td {
  background-color: #fff;
}
.RadTreeList tr.rtlHeader th {
  color: #3C3838;
  border: 1px solid;
  border-color: #626262 #3C3838 #626262 #888888;
  background: none;
  background-color: #626262;
  color: #ffffff;
}
.RadTreeList .rtlTable .rtlR, .RadTreeList .rtlTable .rtlA, .RadTreeList .rtlTable .rtlREdit, .RadTreeList .rtlTable .rtlRFooter {
  vertical-align: middle;
}
.RadTreeList .rtlTable .rtlR td, .RadTreeList .rtlTable .rtlA td, .RadTreeList .rtlTable .rtlREdit td, .RadTreeList .rtlTable .rtlRFooter td {
  border-bottom: 1px solid #e5e5e5;
}
.RadTreeList .rtlTable .rtlRL td, .RadTreeList .rtlTable .rtlRBtm td {
  border-bottom: none;
}
.RadTreeList .rtlTable a.btn-link {
  color: #5b93c6;
}

.RadDropDownTree_Default.RadDropDownTree .rddtInner {
  background-image: none;
}
.RadDropDownTree_Default.RadDropDownTree .rddtEmptyMessage {
  font-style: normal;
}

.rddtPopup.rddtPopup_Default .rddtFilter label {
  margin: 0;
}
.rddtPopup.rddtPopup_Default .rddtFilter .rddtFilterInput {
  padding: 2px 8px;
  margin: 0;
  font-style: normal;
  line-height: 22px;
}

.RadTreeView.RadTreeView_Default .rtUL {
  margin: 8px;
}
.RadTreeView.RadTreeView_Default .rtUL .rtLI {
  color: #494949;
}
.RadTreeView.RadTreeView_Default .rtUL .rtLI label {
  margin: 0;
}
.RadTreeView.RadTreeView_Default .rtUL .rtLI .rtChk {
  margin: 0 3px;
}
.RadTreeView.RadTreeView_Default .rtUL .rtLI .rtHover .rtIn {
  background-image: none;
  border-color: transparent;
  background-color: #dfeaf4;
}
.RadTreeView.RadTreeView_Default .rtUL .rtLI .rtSelected .rtIn {
  background-image: none;
  border-color: transparent;
  background-color: transparent;
  color: #494949;
}

/* Show scheduler's confirm dialog at top of page */
.rsModalDialog {
  top: 60px !important;
}

a:hover.aspNetDisabled {
  text-decoration: none;
  color: Gray;
}

a.aspNetDisabled {
  text-decoration: none;
  color: Gray;
}

.rwIcon {
  visibility: collapse;
}

.RadGrid_WebBlue .RadColorPicker a.rcpSelectedColor {
  height: 39px;
  position: relative;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.RadGrid_WebBlue .RadColorPicker a.rcpSelectedColor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #fff;
}
.RadGrid_WebBlue .RadColorPicker a.rcpSelectedColor span {
  height: 37px !important;
}

/* Common styles for Org, Fac, Dep selection control */
.domain-unit-selector-container {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .domain-unit-selector-container {
    flex-direction: column;
  }
}
.domain-unit-selector-container .domain-selector-control {
  display: flex;
}
@media (max-width: 991px) {
  .domain-unit-selector-container .domain-selector-control {
    flex-direction: column;
  }
}
.domain-unit-selector-container .domain-selector-control .domain-selector-wrap {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  .domain-unit-selector-container .domain-selector-control .domain-selector-wrap {
    flex-direction: column;
  }
  .domain-unit-selector-container .domain-selector-control .domain-selector-wrap label {
    width: 100px;
  }
}
.domain-unit-selector-container .domain-selector-control .domain-selector-wrap .domain-selector {
  height: 27px;
  padding: 0px 0px 0px 10px;
  display: flex;
  align-items: center;
}
.domain-unit-selector-container .domain-selector-control .domain-selector-wrap .domain-selector span {
  font-weight: normal;
}
.domain-unit-selector-container .domain-selector-control .domain-selector-wrap .domain-selector label {
  margin: 0 5px 0 0;
}
@media (max-width: 320px) {
  .domain-unit-selector-container .domain-selector-control .domain-selector-wrap .domain-selector {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .domain-unit-selector-container .domain-selector-control .domain-selector-wrap .domain-selector :not(.create-message) {
    clear: both;
  }
  .domain-unit-selector-container .domain-selector-control .domain-selector-wrap .domain-selector :not(.create-message) label {
    width: 80px;
  }
}
.domain-unit-selector-container .domain-selector-control .frozen-checkbox-container {
  margin-left: 16px;
}
.domain-unit-selector-container .apply-container {
  margin: 10px 0 0 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .domain-unit-selector-container .apply-container {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.domain-unit-selector-container .apply-container .input-default {
  margin-left: 10px;
  margin-right: 10px;
}

.unavailableEmployee {
  background-color: #f9a1a5;
}

.availableEmployee {
  background-color: transparent;
}

.preferredEmployee {
  background-color: #9aef9a;
}

.notEligibleForShift {
  font-style: italic;
}

.employeeListHeader {
  font-weight: bold;
}

.save-button-container {
  margin-top: 1em;
  margin-bottom: 1em;
}
.save-button-container .btn.btn-primary {
  margin: 0 8px 0 0;
}

.spacer-container {
  margin-top: 1em;
  margin-bottom: 1em;
}
.spacer-container .btn.btn-primary {
  margin: 0 8px 0 0;
}

.alert .fa-exclamation-circle {
  font-size: 16px;
}

/* Used by the text that says "Items marked by * are required" */
div.required-legend label {
  color: #ff3333;
}

.required-field-indicator {
  color: #ff3333;
}

/* Used on DepartmentSchedule.master for the exclude total checkbox (only visible from SpreadSheet */
.flag-green, .flag-red {
  clear: both;
  cursor: pointer;
  height: 16px;
  position: absolute;
  width: 16px;
}

.flag-green:before {
  font-family: FontAwesome;
  content: "\f024";
  color: #33bf20;
  font-size: 12px;
  margin-left: 5px;
  transform: rotate(30deg);
}

/*.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
.flag-red:before {
  font-family: FontAwesome;
  content: "\f024";
  color: #F5595F;
  font-size: 12px;
  margin-left: 5px;
}

.hidden-report-viewer {
  display: block;
  visibility: hidden;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.department-spreadsheet-timeoff {
  cursor: pointer;
  font-weight: bold;
  color: black;
}

/* ViewTemplate_VerticalView.ascx */
.vertical-template-view .verticalview-date {
  display: none;
}

.colorBox {
  height: 15px;
  width: 15px;
}

.legend .colorBox {
  float: left;
  margin-right: 10px;
  border: solid 1px #626262;
}

.text-validation-error {
  color: #ff3333;
}

.department-notes-readonly {
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #3C3838;
  padding: 10px;
}

.notes-container {
  margin-top: 20px;
}

#divNotes {
  margin-bottom: 1em;
}

.jobtitle-filter .RadComboBox {
  float: left;
  margin-right: 10px;
}
.jobtitle-filter .btn {
  border-color: transparent;
  color: #ffffff;
  margin: 4px 2px;
  border-radius: 4px;
  box-shadow: 0 4px #7c7c7c;
  position: relative;
  transition: 0s box-shadow, 0.2s top, 0.4s background;
}
.jobtitle-filter .btn:hover {
  opacity: 0.8;
}
.jobtitle-filter .btn:active {
  box-shadow: none;
  top: 4px;
}
.jobtitle-filter .btn-default {
  background-color: #cccccc;
}

.export-selector {
  display: inline-block;
}
.export-selector select.form-control {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  padding: 0px 10px;
}

.--subtitle-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .--subtitle-wrap {
    flex-direction: column;
  }
}
.--subtitle-wrap .flex-pull-right {
  margin-left: auto;
}

#main-content h1 {
  display: block;
  width: auto;
  padding: 0;
  font-size: 35px;
  line-height: inherit;
  color: #3C3838;
}
#main-content h1.cope-title {
  font-size: 26px;
  color: #10175f;
  font-weight: bold;
  margin: 0;
}
#main-content h2:not(.not-h2) {
  display: block;
  width: auto;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 26px;
  line-height: inherit;
  color: #626262;
  border: 0;
}
#main-content h2:not(.not-h2).vertical-monthheader {
  border: none;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
#main-content h2:not(.not-h2).cope-title {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 0 4px 0;
  margin-bottom: 16px;
  margin-top: 0;
  font-size: 18px;
  line-height: inherit;
  color: #0078a9;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
}
#main-content h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 16px;
  margin-top: 0;
  font-size: 18px;
  line-height: inherit;
  color: #626262;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
#main-content h4 {
  font-size: 14px;
  margin-bottom: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.week-selector {
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.week-selector .select-default {
  margin: 0 2px;
}
.week-selector .periodselector-btn {
  color: #5b93c6;
  font-size: 18px;
  display: flex;
}
.week-selector .periodselector-btn:hover {
  color: #376d9e;
}
.week-selector .fa {
  font-size: 24px;
  padding: 0 2px;
}
.week-selector i {
  margin: 0 10px;
}
.week-selector .aspNetDisabled {
  visibility: hidden;
}
.week-selector #cContent_cContent_lMonth {
  font-size: 18px;
  vertical-align: middle;
}

a.periodselector-btn:hover {
  text-decoration: none;
}

.line-spacer {
  margin: 0 10px;
  width: calc(100% - 20px);
  border-top: 1px solid #626262;
  border-bottom: 1px solid #959595;
}

.add-title {
  background-color: #f0f0f0;
}

.well {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .well label {
    font-size: 14px;
  }
}

.alert.alert-warning {
  padding: 5px 20px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.alert.alert-warning label {
  margin: 0;
}

.btn.btn-primary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0 5px;
}

.btn.btn-primary:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.panel {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: none;
}

.row {
  margin-top: 10px;
}

@media (max-width: 991px) {
  #main-content h2.page-title-mobile {
    margin-top: 15px;
  }
}

#container .billing-warning-message {
  padding: 15px;
  font-weight: bold;
  background-color: firebrick;
  color: white;
  text-align: center;
  font-size: 16px;
}

.adp-warning-banner {
  background-color: #ECA1A8;
  padding: 10px;
  position: sticky;
  top: 0;
  z-index: 1001;
}
.adp-warning-banner.adp-warning-banner-window .adp-warning-banner-inner {
  width: auto;
}
.adp-warning-banner .adp-warning-banner-inner {
  width: 1000px;
  margin: 0 auto;
  color: #7C2E35;
  display: flex;
  align-items: center;
}
.adp-warning-banner .adp-warning-banner-inner i {
  font-size: 24px;
  padding: 8px;
}
.adp-warning-banner .adp-warning-banner-inner .adp-warning-banner-title {
  font-size: 16px;
  font-weight: bold;
}
.adp-warning-banner .adp-warning-banner-inner .adp-warning-banner-text a {
  color: #3d7ab1;
}

.lock-toggle-checkbox input {
  display: none;
}
.lock-toggle-checkbox input + label .fa-lock {
  display: none;
}
.lock-toggle-checkbox input + label .fa-unlock {
  display: inline;
}
.lock-toggle-checkbox input:checked + label .fa-lock {
  display: inline;
}
.lock-toggle-checkbox input:checked + label .fa-unlock {
  display: none;
}

.RadInput.anti-radinput {
  display: inline;
}
.RadInput.anti-radinput input.riTextBox.riEnabled,
.RadInput.anti-radinput input.riTextBox.riFocused,
.RadInput.anti-radinput input.riTextBox.riHover {
  height: 34px;
  padding: 6px 12px;
}

.zone-color-picker .rcpSelectedColor,
.zone-color-picker .rcpColorBox {
  height: 24px;
  width: 24px;
}

.zone-list-colorbox {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-left: 10px;
  vertical-align: middle;
}

.zone-list-label {
  vertical-align: middle;
}

.zone-dropdown-item span {
  font-weight: bold;
  display: inline-block;
}
.zone-dropdown-item .zone-dropdown-colorbox {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}

.container-wrap {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
  justify-items: stretch;
}

.col-1-2 {
  grid-column: 1/2;
}

.col-1-3 {
  grid-column: 1/3;
}

.col-1-4 {
  grid-column: 1/4;
}

.col-1-5 {
  grid-column: 1/5;
}

.col-1-6 {
  grid-column: 1/6;
}

.col-1-7 {
  grid-column: 1/7;
}

.col-1-8 {
  grid-column: 1/8;
}

.col-1-10 {
  grid-column: 1/10;
}

.col-1-13 {
  grid-column: 1/13;
}

.col-2-3 {
  grid-column: 2/3;
}

.col-2-4 {
  grid-column: 2/4;
}

.col-2-6 {
  grid-column: 2/6;
}

.col-3-4 {
  grid-column: 3/4;
}

.col-3-5 {
  grid-column: 3/5;
}

.col-3-7 {
  grid-column: 3/7;
}

.col-4-6 {
  grid-column: 4/6;
}

.col-4-7 {
  grid-column: 4/7;
}

.col-5-7 {
  grid-column: 5/7;
}

.col-5-9 {
  grid-column: 5/9;
}

.col-5-13 {
  grid-column: 5/13;
}

.col-6-7 {
  grid-column: 6/7;
}

.col-7-9 {
  grid-column: 7/9;
}

.col-7-10 {
  grid-column: 7/10;
}

.col-7-11 {
  grid-column: 7/11;
}

.col-7-11 {
  grid-column: 7/11;
}

.col-7-12 {
  grid-column: 7/12;
}

.col-7-13 {
  grid-column: 7/13;
}

.col-8-13 {
  grid-column: 8/13;
}

.col-9-11 {
  grid-column: 9/11;
}

.col-9-13 {
  grid-column: 9/13;
}

.col-10-13 {
  grid-column: 10/13;
}

.col-11-13 {
  grid-column: 11/13;
}

.col-12-13 {
  grid-column: 12/13;
}

h4.--headding {
  align-self: center;
}

@media (max-width: 991px) {
  .col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-1-7,
.col-1-8,
.col-1-13,
.col-2-3,
.col-2-4,
.col-2-6,
.col-3-4,
.col-3-5,
.col-3-7,
.col-4-6,
.col-4-7,
.col-5-7,
.col-5-9,
.col-5-13,
.col-6-7 .col-7-9,
.col-7-10,
.col-7-10,
.col-7-11,
.col-7-11,
.col-7-12,
.col-7-13,
.col-8-13,
.col-9-11,
.col-9-13,
.col-10-13,
.col-11-13,
.col-12-13 {
    grid-column: 1/13;
  }
}
.grid-justify-right {
  justify-self: end;
}

.grid-justify-left {
  justify-self: start;
}

.grid-justify-center {
  justify-self: center;
}

.grid-align-center {
  align-self: center;
}

.grid-center {
  place-items: center;
}

.grid-6-col-wrap {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}
@media (max-width: 991px) {
  .grid-6-col-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}

.grid-6-col-wrap-radwindow {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}

.col-1-3-radwindow {
  grid-column: 1/3;
}

.col-3-5-radwindow {
  grid-column: 3/5;
}

.col-5-7-radwindow {
  grid-column: 5/7;
}

.col-1-7-radwindow {
  grid-column: 1/7;
}

.grid-2-col-wrap-radwindow {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}

.grid-2-col-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}
@media (max-width: 1280px) {
  .grid-2-col-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
@media (max-width: 991px) {
  .grid-2-col-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
.grid-2-col-wrap .col-1-2 {
  grid-column: 1/2;
}
.grid-2-col-wrap .col-2-3 {
  grid-column: 2/3;
}
.grid-2-col-wrap .col-1-3 {
  grid-column: 1/3;
}
@media (max-width: 1280px) {
  .grid-2-col-wrap .col-1-2,
.grid-2-col-wrap .col-2-3,
.grid-2-col-wrap div {
    grid-column: 1/3;
  }
}

.dialog-container-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  justify-items: stretch;
}
@media (max-width: 991px) {
  .dialog-container-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
@media (max-width: 768px) {
  .dialog-container-wrap {
    display: flex !important;
    flex-direction: column;
  }
}

.w-50 {
  width: 50%;
}
@media (max-width: 991px) {
  .w-50 {
    width: 100%;
  }
}

.w-66 {
  width: 66%;
}
@media (max-width: 1280px) {
  .w-66 {
    width: 100%;
  }
}

/* margins */
.mb-4 {
  margin-bottom: 4px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

@media (max-width: 991px) {
  .mobile-margin-top {
    margin-top: 20px;
  }
}
.star-rating {
  color: #de7921;
  font-size: 16px;
}

.report-error {
  max-width: 600px;
}

/* Contains common header/footer and page structure styles */
html {
  scroll-behavior: smooth;
  height: 100%;
}
html ::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
html ::-webkit-scrollbar-track {
  background-color: #e5e7e9;
}
html ::-webkit-scrollbar-thumb {
  background: #929ca9;
  border-radius: 4px;
}

body {
  background-color: #f0f0f0;
  height: 100%;
}
body #pageTop {
  position: fixed;
  bottom: 90px;
  left: 30px;
  z-index: 9999;
}
@media (max-width: 991px) {
  body #pageTop {
    left: 80%;
    bottom: 20px;
  }
}
body #pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 55px;
  height: 55px;
  background-color: #5b93c6;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  opacity: 0.5;
}
body #pageTop a:hover {
  text-decoration: none;
  opacity: 1;
}
body #pageTop .fa {
  font-size: 30px;
  padding: 3px 8px 0 0;
}

form {
  height: 100%;
}

#container {
  min-width: 100%;
  width: auto !important;
  width: 635px;
  height: auto;
  min-height: 100%;
  position: relative;
}
#container #header-surround {
  padding-bottom: 14px;
  position: relative;
  z-index: 50;
}
#container #header-surround #header {
  background: linear-gradient(#495c6a, #2a353d);
  height: 43px;
  position: relative;
  z-index: 30;
}
#container #header-surround #header .logo {
  margin-left: 6px;
  float: left;
  margin-top: 6px;
  display: block;
}
@media (max-width: 991px) {
  #container #header-surround #header .logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 40px;
    display: none;
  }
}
#container #header-surround #header .ltc-logo {
  margin-left: 8px;
  float: left;
  margin-top: 6px;
  display: none;
  height: 74px;
}
@media (max-width: 991px) {
  #container #header-surround #header .ltc-logo {
    margin-left: 3px;
    margin-top: 3px;
    height: 40px;
    display: none;
  }
}
#container #header-surround #header #user-navigation-menu {
  float: right;
}
#container #header-surround #header #user-navigation-menu .navbar-nav {
  height: 43px;
  float: none;
  display: flex;
  align-items: center;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li {
  float: none;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a {
  border-left: 1px solid #626262;
  line-height: 12px;
  max-height: 43px;
  padding: 15px;
  margin: 0 0 0 0;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a .fa-home {
  font-size: 20px;
  line-height: 10px;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a:hover, #container #header-surround #header #user-navigation-menu .navbar-nav li a:focus {
  background-color: rgba(229, 229, 229, 0.2);
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a.current {
  color: #3C3838;
  background-color: #ffffff;
  border-top: solid 3px #e47882;
  cursor: initial;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a.current .fa {
  color: #e47882;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a.current span {
  color: #3C3838;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li .welcome-message {
  display: flex;
  font-weight: bold;
  padding: 15px;
  color: #ffffff;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li a, #container #header-surround #header #user-navigation-menu .navbar-nav li span {
  color: #ffffff;
  display: flex;
  align-items: center;
}
#container #header-surround #header #user-navigation-menu .navbar-nav li .fa-briefcase,
#container #header-surround #header #user-navigation-menu .navbar-nav li .fa-sign-out,
#container #header-surround #header #user-navigation-menu .navbar-nav li .fa-desktop,
#container #header-surround #header #user-navigation-menu .navbar-nav li .fa-question-circle,
#container #header-surround #header #user-navigation-menu .navbar-nav li .fa-building,
#container #header-surround #header #user-navigation-menu .navbar-nav li .fa-lock {
  font-size: 16px;
  margin-right: 4px;
}
#container #header-surround #header #user-navigation-menu .navbar-nav .navbar-message-link .navbar-message {
  position: relative;
  display: inline-block;
  width: 40px;
}
#container #header-surround #header #user-navigation-menu .navbar-nav .navbar-message-link .navbar-message .fa {
  font-size: 16px;
}
#container #header-surround #header #user-navigation-menu .navbar-nav .navbar-message-link .navbar-message .navbar-message-count {
  font-size: 10px;
  padding: 2px 4px;
  position: absolute;
  border-radius: 12px;
  background-color: #BA1A1A;
  color: #fff;
  top: 5px;
  left: 10px;
}
@media (max-width: 991px) {
  #container #header-surround #header #user-navigation-menu .navbar-nav {
    float: none;
    margin: 0;
  }
  #container #header-surround #header #user-navigation-menu .navbar-nav > li {
    float: none;
  }
  #container #header-surround #header #user-navigation-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #container #header-surround #header #user-navigation-menu .navbar-nav > li > a.navbar-message-link {
    padding: 0;
  }
}
#container #header-surround #header .divider-header {
  position: absolute;
  margin-left: 199px;
}
#container #header-surround #header .divider-vertical {
  background: url("../img/misc/divider/divider-vertical.png") no-repeat scroll top left transparent;
  height: 34px;
  width: 2px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #container #header-surround #header .divider-vertical {
    display: none;
  }
}
#container #sidebar {
  float: left;
  width: 200px;
  position: absolute;
  left: 0px;
  z-index: 30;
  height: 98%;
  /* IE8 and Android4.3 */
  height: calc(100% - 43px);
  background-color: #3F4750;
}
@media (max-width: 991px) {
  #container #sidebar {
    width: 100%;
    position: relative;
  }
  #container #sidebar .menu-label {
    opacity: 1;
    display: inline-block;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
  }
  @keyframes fade-in {
    0% {
      display: none;
      opacity: 0;
    }
    1% {
      display: inline-block;
      opacity: 0;
    }
    100% {
      display: inline-block;
      opacity: 1;
    }
  }
  @-moz-keyframes fade-in {
    0% {
      display: none;
      opacity: 0;
    }
    1% {
      display: inline-block;
      opacity: 0;
    }
    100% {
      display: inline-block;
      opacity: 1;
    }
  }
  @-webkit-keyframes fade-in {
    0% {
      display: none;
      opacity: 0;
    }
    1% {
      display: inline-block;
      opacity: 0;
    }
    100% {
      display: inline-block;
      opacity: 1;
    }
  }
  #container #sidebar #nav .menu li.menu-header-divider {
    visibility: visible;
  }
}
#container #sidebar #logo-space {
  background: linear-gradient(#2a353d, #3F4750);
  height: 42px;
  position: relative;
  z-index: 30;
  margin-right: 1;
  margin-bottom: -1;
  border-bottom: none;
}
#container #sidebar #nav .menu {
  padding-left: 0px;
  padding-bottom: 44px;
  margin-top: 1px;
  border-top: 1px solid #3F4750;
  background-color: #3F4750;
}
@media (max-width: 991px) {
  #container #sidebar #nav .menu {
    overflow-y: scroll;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
  }
}
#container #sidebar #nav .menu li:first-child {
  margin-top: 6px;
}
#container #sidebar #nav .menu li {
  margin-left: 0px;
  padding-bottom: 4px;
  overflow: hidden;
  line-height: 4em;
  vertical-align: middle;
  background-color: #3F4750;
}
#container #sidebar #nav .menu li img {
  padding-right: 15px;
}
#container #sidebar #nav .menu li.menu-header-divider {
  margin: 0px 10px 0 0px;
}
#container #sidebar #nav .menu li.menu-header-divider h2 {
  margin: 10px 0 5px 20px;
  line-height: 2em;
  font-size: 14px;
  color: #bad1e7;
  background-color: #3F4750;
  text-transform: uppercase;
  letter-spacing: 3px;
}
@media (max-width: 991px) {
  #container #sidebar #nav .menu li.current a {
    background-color: #f0f0f0;
    border-top: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
    border-left: solid 3px #e47882;
    padding-left: 17px;
  }
  #container #sidebar #nav .menu li.current a .fa {
    color: #e47882;
  }
}
#container #sidebar #nav .menu li a {
  font-size: 13px;
  color: #f0f0f0;
  background-color: #3b424a;
  display: flex;
  align-items: center;
  height: 49px;
  text-decoration: none;
  padding-left: 9px;
  border-left: solid 3px transparent;
  border-top: solid 1px #4f5964;
  border-bottom: solid 1px #2f353c;
}
#container #sidebar #nav .menu li a.current {
  color: #3C3838;
  background-color: #f0f0f0;
  padding-left: 9px;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  border-left: solid 3px #e47882;
}
#container #sidebar #nav .menu li a.current .fa {
  color: #e47882;
}
#container #sidebar #nav .menu li a:hover {
  color: #3C3838;
  padding-left: 9px;
  background-color: #f0f0f0;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  border-left: solid 3px #5b93c6;
}
#container #sidebar #nav .menu li a:hover .fa {
  color: #a4a4a4;
}
#container #sidebar #nav .menu li a .fa {
  margin-right: 0;
  font-size: 18px;
  vertical-align: middle;
  color: #a4a4a4;
  width: 32px;
  text-align: center;
}
#container #sidebar #nav .menu li a .fa.fa-home {
  font-size: 24px;
}
#container #sidebar #nav .menu li.current a {
  color: #3C3838;
  background-color: #f0f0f0;
  padding-left: 9px;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  border-left: solid 3px #e47882;
}
#container #sidebar #nav .menu li.current a .fa {
  color: #e47882;
}
#container #sidebar #nav .menu li.review-link-item {
  background-color: transparent;
  margin-top: 60px;
}
#container #sidebar #nav .menu li.review-link-item a {
  background-color: transparent;
  color: #a7c5e0;
  border-top: none;
  border-bottom: none;
}
#container #sidebar #nav .menu li.review-link-item a:hover {
  border: none;
  border-left: solid 3px transparent;
}
#container #sidebar #nav .menu li [class^=fa-], #container #sidebar #nav .menu li [class^=fa-],
#container #sidebar #nav .menu li [class*=" fa-"], #container #sidebar #nav .menu li [class*=" fa-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
#container #main {
  margin-left: 200px;
}
@media (max-width: 991px) {
  #container #main {
    margin-left: 0;
  }
}
#container #main #title-bar {
  background: linear-gradient(white, #e5e5e5);
  color: #222222;
  border-bottom: solid 1px #cccccc;
  height: 42px;
  position: relative;
  z-index: 30;
}
@media (max-width: 991px) {
  #container #main #title-bar {
    background: none;
    border: none;
    z-index: 100;
  }
}
#container #main #title-bar #company-info {
  /* This Class is actually used  for the org,fac,dep dropdown within Navigation.ascx.  Consider rename */
  float: left;
  margin-left: 10px;
  padding-top: 8px;
}
@media (max-width: 991px) {
  #container #main #title-bar #company-info {
    margin: 10px;
    padding-left: 0;
  }
}
#container #main #title-bar #company-info .select-campany-info {
  display: inline-block;
}
@media (max-width: 991px) {
  #container #main #title-bar #company-info .select-campany-info {
    display: block;
    margin-bottom: 10px;
  }
}
#container #main #title-bar #company-info .fa {
  padding-left: 10px;
  font-size: 16px;
  width: 30px;
}
#container #main #title-bar #company-info .fa.fa-hospital-o {
  padding-left: 8px;
}
#container #main #title-bar #company-info .fa.fa-user-md {
  padding-left: 8px;
}
@media (max-width: 991px) {
  #container #main #title-bar #company-info {
    float: none;
  }
}
#container #main #title-bar .hidden_box label, #container #main #title-bar .hidden_box #label1 {
  display: none;
}
@media (max-width: 991px) {
  #container #main #title-bar .hidden_box {
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #container #main #title-bar .hidden_box label {
    padding: 6px 10px;
    padding: 3px 12px;
    background-color: #3C3838;
    color: #ffffff;
    border-radius: 11px;
    font-size: 14px;
    display: initial;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #container #main #title-bar .hidden_box label::before {
    content: "Show department selector";
  }
  #container #main #title-bar .hidden_box #label1:checked ~ label {
    background: #efefef;
    color: #494949;
  }
  #container #main #title-bar .hidden_box #label1:checked ~ label::before {
    content: "Hide department selector";
  }
  #container #main #title-bar .hidden_box input {
    display: none;
  }
  #container #main #title-bar .hidden_box .shortcut-container input {
    display: block;
    margin: auto;
  }
  #container #main #title-bar .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  #container #main #title-bar .hidden_box input:checked ~ .hidden_show {
    padding: 20px 0 10px;
    height: auto;
    background-color: #e5e5e5;
    opacity: 1;
    margin-top: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
}
#container #main #company-info select {
  height: 24px;
  width: 150px;
  display: inline-block;
  padding: 0 0;
  font-size: 12px;
}
@media (max-width: 991px) {
  #container #main #company-info select {
    font-size: 14px;
    width: 250px;
  }
}
#container #main .shadow-titlebar {
  height: 14px;
}
@media (max-width: 991px) {
  #container #main .shadow-titlebar {
    display: none;
  }
}
#container #main #main-content {
  background-color: #f0f0f0;
  position: relative;
  min-height: 434px;
  margin-top: -14px;
  padding-top: 10px;
}
@media (max-width: 991px) {
  #container #main #main-content {
    overflow: auto;
  }
}
@media (max-width: 1600px) {
  #container #main #main-content .RadGrid {
    overflow-x: scroll;
    width: auto !important;
  }
}
#container #main #main-content .content-padding-fix {
  padding: 1em 1em 5em 1em;
  margin: 0em 0em 0em 0em;
}
@media (max-width: 991px) {
  #container #main #main-content .content-padding-fix {
    padding: 5px;
  }
}
#container #main #main-content .alert-font-large {
  font-size: 16px;
}
@media (max-width: 991px) {
  #container #main #main-content label {
    font-size: 14px;
  }
  #container #main #main-content p {
    font-size: 14px;
  }
  #container #main #main-content a {
    font-size: 14px;
  }
  #container #main #main-content a.periodselector-btn {
    font-size: 18px;
  }
  #container #main #main-content .RadGrid_WebBlue .rgMasterTable, #container #main #main-content .RadGrid_WebBlue .rgDetailTable, #container #main #main-content .RadGrid_WebBlue .rgGroupPanel table, #container #main #main-content .RadGrid_WebBlue .rgCommandRow table, #container #main #main-content .RadGrid_WebBlue .rgEditForm table, #container #main #main-content .RadGrid_WebBlue .rgPager {
    font-size: 14px;
  }
}
#container #footer {
  background: linear-gradient(#3F4750, #292e33);
  opacity: 0.9;
  height: 40px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
#container #footer .build-number {
  float: left;
  height: 40px;
  padding-top: 2px;
  margin: 12px;
  color: #7c7c7c;
}
#container #footer .footer-icon {
  background: url("../img/footer-logo.png") no-repeat scroll center right transparent;
  height: 40px;
  width: 450px;
  float: right;
  padding-top: 2px;
  margin-right: 10px;
}
#container #footer .footer-icon p {
  color: #e5e5e5;
  margin: 12px 0;
}
@media (max-width: 991px) {
  #container #container {
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  #container #footer {
    display: none;
  }
}
#container .mobile-footer-info {
  padding: 10px;
  text-align: center;
  padding-bottom: 70px;
}
#container .mobile-footer-info p {
  line-height: 14px;
  color: #ffffff;
  font-weight: normal;
  font-size: 11px;
}
#container .mobile-footer-icon {
  background: url(../img/footer-logo.png) no-repeat scroll center transparent;
  height: 40px;
  margin-top: 20px;
}
@media (max-width: 991px) {
  #container #header-surround #header {
    background: #3b4a55;
  }
}
#container #header-surround #header .logo_mobile {
  display: none;
}
@media (max-width: 991px) {
  #container #header-surround #header .logo_mobile {
    display: inline-block;
    margin-left: 40px;
    height: 43px;
  }
}
@media (max-width: 991px) {
  #container #header-surround #header #user-navigation-menu .navbar-nav li .welcome-message {
    display: none;
  }
}
@media (max-width: 991px) {
  #container #header-surround #header #user-navigation-menu .navbar-nav li a {
    border-left: none;
  }
}
@media (max-width: 991px) {
  #container #sidebar {
    /*margin-top: -47px;*/
    z-index: 60;
    height: 100vh;
  }
}
@media (max-width: 991px) {
  #container #sidebar #logo-space {
    background: #3F4750;
  }
}
@media (max-width: 991px) {
  #container #cContent_cContent_divExport {
    display: none;
  }
}
#container .hidden-on-mobile {
  display: none;
}
@media (max-width: 768px) {
  #container .visible-sm {
    display: block !important;
  }
}
@media (max-width: 480px) {
  #container .visible-xs {
    display: block !important;
  }
}
@media (max-width: 991px) {
  #container .bottom-spacer-for-mobile {
    margin-bottom: 100px;
  }
}
#container .mobile-menu #mobile-menu-toggle {
  display: none;
  opacity: 0;
}
#container .mobile-menu #mobile-menu-toggle ~ label {
  display: none;
}
@media (max-width: 991px) {
  #container {
    /* menu */
    /* menu toggle */
  }
  #container ol, #container ul {
    list-style: none;
  }
  #container a {
    text-decoration: none;
  }
  #container .mobile-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    z-index: 1000;
  }
  #container .mobile-menu #navi-mobile {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    cursor: pointer;
    -webkit-transition: 0.25s transform;
    transition: 0.25s transform;
    -webkit-transition-timing-function: cubic-bezier(0.38, 0.52, 0.23, 0.99);
    transition-timing-function: cubic-bezier(0.38, 0.52, 0.23, 0.99);
    opacity: 1;
  }
  #container .mobile-menu #navi-mobile ul {
    margin: 0;
    padding: 0;
  }
  #container .mobile-menu #navi-mobile li {
    list-style: none;
  }
  #container .mobile-menu #mobile-menu-toggle {
    position: absolute;
    display: none;
    opacity: 0;
  }
  #container .mobile-menu #mobile-menu-toggle:checked ~ #navi-mobile {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
  #container .mobile-menu #mobile-menu-toggle ~ label {
    display: block;
    padding: 2px 0.5em;
    cursor: pointer;
    text-align: center;
    color: #5b93c6;
  }
  #container .mobile-menu #mobile-menu-toggle:checked ~ label {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    position: fixed;
    left: -250px;
    z-index: 9999;
  }
  #container .mobile-menu #mobile-menu-toggle ~ label::before {
    font-family: "FontAwesome";
    content: "\f0c9";
    font-size: 2em;
  }
  #container .mobile-menu #mobile-menu-toggle:checked ~ label::before {
    content: "\f00d";
  }
}
@media (max-width: 991px) {
  #container .department-schedule-for-admin {
    margin-bottom: 90px;
  }
}
#container .alert-department-schedule {
  margin-bottom: 20px;
}
#container .alert-department-schedule .fade.show {
  opacity: 1;
}
#container .shadow-bottom {
  position: relative;
  z-index: 30;
}
#container .fix-shadow-bottom-height {
  margin-top: -14px;
}

.TelerikModalOverlay {
  background-color: #111 !important;
}

.RadWindow_Simple.RadWindow {
  border: none;
}
.RadWindow_Simple.RadWindow .rwIframeWrapperIOS {
  overflow: auto;
}
.RadWindow_Simple .rwTable .rwTitlebarControls em {
  color: #2a353d;
  font-size: 18px;
}
.RadWindow_Simple .rwTable .rwTopLeft,
.RadWindow_Simple .rwTable .rwTopRight,
.RadWindow_Simple .rwTable .rwFooterLeft,
.RadWindow_Simple .rwTable .rwTitlebar,
.RadWindow_Simple .rwTable .rwFooterRight,
.RadWindow_Simple .rwTable .rwFooterCenter,
.RadWindow_Simple .rwTable .rwTopResize,
.RadWindow_Simple .rwTable .rwBodyLeft,
.RadWindow_Simple .rwTable .rwBodyRight,
.RadWindow_Simple .rwTable .rwTitleRow,
.RadWindow_Simple .rwTable .rwContentRow,
.RadWindow_Simple .rwTable .rwFooterRow {
  background-color: #fff;
}
.RadWindow_Simple .rwTable .rwStatusbar div {
  background-color: #fff;
}
.RadWindow_Simple .rwTable .rwStatusbarRow .rwCorner {
  background-color: #fff;
}

.verticalview {
  table-layout: fixed;
  min-width: 800px;
}
.verticalview thead th {
  font-weight: normal;
}
.verticalview ﻿.aspNetDisabled {
  color: #18536d !important;
}
.verticalview .verticalviewheader-cell {
  color: #18536d;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #ffffff;
}
.verticalview .verticalviewheader-cell.holiday .verticalview-date {
  background-color: #F5595F;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  position: relative;
}
.verticalview .verticalviewheader-cell.holiday .verticalview-date span {
  margin-left: auto;
  margin-right: 8px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 53px);
  text-align: right;
}
.verticalview .verticalview-day {
  font-size: large;
  padding: 9px 14px 9px 14px;
  color: #5582ad;
  font-size: 16px;
}
.verticalview .verticalview-date {
  padding: 8px 0px 3px 14px;
  font-size: 15px;
  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-bottom: none;
  color: #959595;
}
.verticalview .verticalview-jobtitlerow .verticalview-jobtitlecell {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 4px;
  background-color: #ffffff;
}
.verticalview .verticalview-jobtitlerow .verticalview-jobtitlecell.verticalview-jobtitlecell-actionable {
  cursor: pointer;
}
.verticalview .verticalview-jobtitlerow .verticalview-jobtitlecell.verticalview-jobtitlecell-actionable:hover {
  opacity: 0.8;
}
.verticalview .verticalview-jobtitlerow .verticalview-jobtitlecell .verticalview-jobtitle {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  padding: 4px;
}
@media (max-width: 991px) {
  .verticalview .verticalview-jobtitlerow .verticalview-jobtitlecell .verticalview-jobtitle {
    font-size: 11px;
  }
}
.verticalview .verticalview-shiftcell {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 4px;
  vertical-align: text-top;
  background-color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper {
  margin-bottom: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s ease-in-out;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper:hover {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  margin-right: -1px;
  margin-left: -1px;
  margin-top: -2px;
  padding: 2px 1px 0 1px;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper.verticalview-shadow-shift-am {
  background-color: #eff6fc;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper.verticalview-shadow-shift-pm {
  background-color: #d1dfea;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper.verticalview-shadow-shift-noc {
  background-color: #bcc8d3;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shift {
  margin-bottom: 0;
  box-shadow: none;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shift:hover {
  margin-bottom: 0;
  padding-bottom: 5px;
  box-shadow: none;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shift.verticalview-shadowing-shift::before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: calc(100% + 5px);
  height: 100%;
  background-color: #590000;
  opacity: 0.2;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts {
  padding: 10px;
}
@media (max-width: 1280px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts {
    padding: 3px;
  }
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts {
    padding: 3px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift {
  padding: 5px 10px 5px 15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  margin-bottom: 6px;
  transition: padding margin 0.5s;
  font-size: 11px;
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift {
    padding: 5px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift:last-child {
  margin-bottom: 0;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift:last-child:hover {
  margin-bottom: -2px;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift:hover {
  margin-right: -1px;
  margin-left: -1px;
  margin-top: -2px;
  margin-bottom: 4px;
  padding: 7px 11px 7px 16px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift::before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: calc(100% + 5px);
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift.verticalview-shift-owner::before {
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift .verticalview-employee {
  font-size: 14px;
}
@media (max-width: 1280px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift .verticalview-employee {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift .verticalview-employee {
    font-size: 11px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift .verticalview-trainer {
  font-size: 11px;
}
@media (max-width: 1280px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift .verticalview-trainer {
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shadow-wrapper .verticalview-shadowshifts .verticalview-shift.verticalview-shadowing-shift .verticalview-trainer {
    font-size: 9px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift {
  cursor: pointer;
  position: relative;
  margin-bottom: 6px;
  padding: 5px 10px 5px 15px;
  transition: all 0.5s;
  border-left: 5px solid transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shift {
    padding: 5px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift:hover {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  margin-right: -1px;
  margin-left: -1px;
  margin-top: -2px;
  margin-bottom: 4px;
  padding: 7px 11px 7px 16px;
}
.verticalview .verticalview-shiftcell .verticalview-shift:hover.custom-color {
  position: relative;
}
.verticalview .verticalview-shiftcell .verticalview-shift:hover.custom-color:after {
  right: -4px;
  bottom: 4px;
}
.verticalview .verticalview-shiftcell .verticalview-shift:hover .verticalview-restricted-icon {
  top: 9px;
  left: 6px;
}
@media (max-width: 1710px) {
  .verticalview .verticalview-shiftcell .verticalview-shift:hover .verticalview-statelink {
    right: 1px;
  }
  .verticalview .verticalview-shiftcell .verticalview-shift:hover .verticalview-history-icon {
    right: 4px;
  }
  .verticalview .verticalview-shiftcell .verticalview-shift:hover .verticalview-bonus-icon {
    right: 1px;
  }
  .verticalview .verticalview-shiftcell .verticalview-shift:hover .--icon-order:first-child {
    top: 6px;
  }
  .verticalview .verticalview-shiftcell .verticalview-shift:hover .--icon-order:nth-child(4) {
    top: 21px;
  }
  .verticalview .verticalview-shiftcell .verticalview-shift:hover .--icon-order:nth-child(3) {
    top: 37px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-am {
  background-color: #eff6fc;
  border-left-color: #eff6fc;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-pm {
  background-color: #d1dfea;
  border-left-color: #d1dfea;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-pm .verticalview-employee {
  color: #3c3c3c;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-pm .verticalview-times {
  color: #234665;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-noc {
  background-color: #bcc8d3;
  border-left-color: #bcc8d3;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-noc .verticalview-employee,
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-noc .verticalview-trainer {
  color: #333;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-owner {
  border: 5px solid #f9a11b;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-owner.verticalview-shadowing-shift::before {
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-overtime {
  border-left: 5px solid #f00000;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-fte {
  border-left: 5px solid #ffc600;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open {
  background-color: #33bf20;
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open.verticalview-shift-am {
  background-color: #33bf20;
  border-left-color: #33bf20;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open.verticalview-shift-pm {
  background-color: #2da91c;
  border-left-color: #2da91c;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open.verticalview-shift-noc {
  background-color: #227d15;
  border-left-color: #227d15;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open .verticalview-employee {
  color: #ffffff;
  transition: background-color 0.5s;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open .verticalview-trainer {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open .verticalview-times {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open .verticalview-history-icon {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open .verticalview-restricted-icon {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-open .verticalview-bonus-icon {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa {
  background-color: #5924b0;
  color: #ffffff;
  transition: background-color 0.5s;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa:hover {
  background-color: #441b86 !important;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa.verticalview-shift-am {
  background-color: #5924b0;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa.verticalview-shift-pm {
  background-color: #3d1979;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa.verticalview-shift-noc {
  background-color: #2a1153;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa .verticalview-employee {
  color: #ffffff;
  transition: background-color 0.5s;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa .verticalview-trainer {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa .verticalview-times {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa .verticalview-history-icon {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa .verticalview-restricted-icon {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift.verticalview-shift-nursa .verticalview-bonus-icon {
  color: #ffffff;
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-employee {
  padding: 3px 3px 3px 0;
  font-weight: bold;
  font-size: 16px;
  color: #626262;
  transition: background-color 0.5s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .verticalview .verticalview-shiftcell .verticalview-shift .verticalview-employee {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shift .verticalview-employee {
    font-size: 11px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-trainer {
  padding: 3px 3px 3px 0;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-trainer::before {
  content: "\f234";
  color: #F5595F;
  font-size: 12px;
  font-family: FontAwesome;
  margin-right: 4px;
}
@media (max-width: 1280px) {
  .verticalview .verticalview-shiftcell .verticalview-shift .verticalview-trainer {
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shift .verticalview-trainer {
    font-size: 9px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-times {
  color: #0067bb;
  height: 16px;
  width: fit-content;
}
@media (max-width: 1710px) {
  .verticalview .verticalview-shiftcell .verticalview-shift .verticalview-times {
    height: auto;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-times .verticalview-times-start {
  text-wrap: avoid;
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-times .verticalview-times-dash {
  padding-left: 3pt;
  padding-right: 3pt;
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-times .verticalview-times-end {
  text-wrap: avoid;
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-times .verticalview-times-extra {
  padding-left: 2pt;
}
.verticalview .verticalview-shiftcell .verticalview-shift .verticalview-restricted-icon {
  position: absolute;
  top: 7px;
  left: 5px;
  font-size: 12px;
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-shift .verticalview-restricted-icon {
    position: relative;
    top: initial;
    left: initial;
    text-align: center;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift .--timeoff {
  display: none;
  font-size: 11px;
}
.verticalview .verticalview-shiftcell .verticalview-shift .--timeoff.--pending {
  padding: 1px 12px;
  background-color: #ffd700;
  border: 1px solid #b39700;
}
.verticalview .verticalview-shiftcell .verticalview-shift .--timeoff.--approved {
  padding: 1px 12px;
  background-color: #9fdb81;
  border: 1px solid #72ca46;
}
.verticalview .verticalview-shiftcell .verticalview-shift .--timeoff.--showConflict {
  display: inline;
}
.verticalview .verticalview-shiftcell .verticalview-shift .--absences {
  font-size: 12px;
  line-height: 12px;
}
.verticalview .verticalview-shiftcell .verticalview-shift .--absences .--absence {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 2px 0;
}
.verticalview .verticalview-shiftcell .verticalview-shift .--absences .--absence .--reason {
  border-radius: 4px;
  padding: 3px 4px;
  margin-right: 4px;
  background-color: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  height: auto;
}
.verticalview .verticalview-shiftcell .verticalview-shift.custom-color {
  position: relative;
}
.verticalview .verticalview-shiftcell .verticalview-shift.custom-color:after {
  content: "";
  display: block;
  opacity: 0.8;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  border-left: 10px solid;
  transform: rotate(-2deg);
  height: 14px;
  width: 55px;
  position: absolute;
  right: -5px;
  bottom: 2px;
}
@media (max-width: 1024px) {
  .verticalview .verticalview-shiftcell .verticalview-shift.custom-color:after {
    width: 35px;
    height: 12px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-shift.custom-color-option-1:after {
  background: #fff256;
  border-color: #efdd00;
}
.verticalview .verticalview-shiftcell .verticalview-shift.custom-color-option-2:after {
  background: #f49abf;
  border-color: #ec5593;
}
.verticalview .verticalview-shiftcell .verticalview-shift.custom-color-option-3:after {
  background: #abd474;
  border-color: #87c03b;
}
.verticalview .verticalview-shiftcell .verticalview-shift.custom-color-option-4:after {
  background: #6dd0f7;
  border-color: #24b9f3;
}
@media (max-width: 1710px) {
  .verticalview .verticalview-shiftcell .--icon-order:first-child {
    top: 4px;
  }
  .verticalview .verticalview-shiftcell .--icon-order:nth-child(2) {
    top: 19px;
  }
  .verticalview .verticalview-shiftcell .--icon-order:nth-child(3) {
    top: 35px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-statelink {
  float: right;
  margin-right: 3px;
  font-size: 16px;
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-statelink {
    font-size: 10px;
  }
}
@media (max-width: 1710px) {
  .verticalview .verticalview-shiftcell .verticalview-statelink {
    position: absolute;
    top: 19px;
    right: 0px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-statelink:hover {
  text-decoration: none;
}
.verticalview .verticalview-shiftcell .verticalview-statelink.verticalview-statelink-greenflag {
  color: #33bf20;
}
.verticalview .verticalview-shiftcell .verticalview-statelink.verticalview-statelink-redflag {
  color: #f00000;
}
.verticalview .verticalview-shiftcell .verticalview-history-icon {
  float: right;
  /*margin-right: 3px;*/
  color: #1b7cd4;
  font-size: 16px;
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-history-icon {
    font-size: 10px;
  }
}
@media (max-width: 1710px) {
  .verticalview .verticalview-shiftcell .verticalview-history-icon {
    position: absolute;
    top: 4px;
    right: 3px;
  }
}
.verticalview .verticalview-shiftcell .verticalview-bonus-icon {
  float: right;
  margin-right: 3px;
  color: #118C4F;
  font-size: 14px;
}
@media (max-width: 991px) {
  .verticalview .verticalview-shiftcell .verticalview-bonus-icon {
    font-size: 10px;
  }
}
@media (max-width: 1710px) {
  .verticalview .verticalview-shiftcell .verticalview-bonus-icon {
    position: absolute;
    top: 35px;
    right: 0px;
  }
}
@media (max-width: 1710px) {
  .verticalview .verticalview-times .verticalview-times-start {
    display: block;
  }
  .verticalview .verticalview-times .verticalview-times-dash {
    display: none;
  }
  .verticalview .verticalview-times .verticalview-times-end {
    display: block;
  }
}
@media (max-width: 991px) {
  .verticalview .verticalview-employee {
    font-size: 9px;
  }
  .verticalview .verticalview-times {
    font-size: 9px;
  }
  .verticalview .verticalview-jobtitle {
    padding: 0;
    font-size: 10px;
  }
  .verticalview .verticalview-day {
    font-size: 11px;
  }
  .verticalview .verticalview-date {
    font-size: 10px;
  }
  .verticalview .verticalview-shift {
    padding: 0;
    margin: 3px;
  }
}

.department-schedule-controls {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .department-schedule-controls {
    margin-top: 0;
  }
}
.department-schedule-controls .department-schedule-control-section {
  margin: 0 auto 20px auto;
}
.department-schedule-controls .department-schedule-control-section.jobtitle-filter {
  float: left;
}
@media (max-width: 1199px) {
  .department-schedule-controls .department-schedule-control-section.jobtitle-filter {
    float: none;
    text-align: center;
  }
}
.department-schedule-controls .department-schedule-control-section.export-selector {
  width: 181px;
}
@media (max-width: 1199px) {
  .department-schedule-controls .department-schedule-control-section.export-selector {
    float: none;
  }
}
.department-schedule-controls .exclude-total {
  display: inline-block;
}
.department-schedule-controls .exclude-total label {
  margin-left: 5px;
}

.notes-container .notes-checkbox {
  display: inline-flex;
}
.notes-container .notes-checkbox span {
  display: inline-block;
}
.notes-container .notes-checkbox input[type=checkbox] {
  display: none;
}
.notes-container .notes-checkbox label {
  cursor: pointer;
  text-indent: -9999px;
  width: 26px;
  height: 14px;
  background: grey;
  display: inline-block;
  border-radius: 7px;
  position: relative;
}
.notes-container .notes-checkbox label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.notes-container .notes-checkbox input:checked + label {
  background: #5b93c6;
}
.notes-container .notes-checkbox input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.notes-container .notes-checkbox label:active:after {
  width: 10px;
}
.notes-container .Default .reToolbar li, .notes-container .Default .reSpinBox a, .notes-container .Default.reToolbar .reSeparator,
.notes-container .Default.reToolbar .reGrip, .notes-container .Default .reDialog .reTool, .notes-container .Default .reModule .reTool,
.notes-container .Default .reDialog .reTool:hover, .notes-container .Default .reToolbar .reTool:hover,
.notes-container .Default .reModule .reTool:hover, .notes-container .Default .reToolbar .reTool.reTool_selected,
.notes-container .Default .reToolbar .reTool.reTool_selected:hover, .notes-container .Default .reToolbar .reTool_text:hover,
.notes-container .Default .reToolbar .reTool_text.reTool_selected,
.notes-container .Default .reToolbar .reTool_text.reTool_selected:hover,
.notes-container .Default .reTool .split_arrow, .notes-container .Default .reSplitButton.reTool_text .split_arrow,
.notes-container .Default .reToolbar .reTool_text .split_arrow, .notes-container .Default .reDialog .reTool.reSplitButton,
.notes-container .Default .reModule .reTool.reSplitButton, .notes-container .Default .reDropdown,
.notes-container .Default .reTool_disabled.reDropdown:hover, .notes-container .Default .reResizeCell div,
.notes-container .Default.reInsertTable .reToolbar li .reTool:hover,
.notes-container .Default.RadEditor.reRtl .reDropdown:hover {
  background-image: url(../img/radeditor-background.gif);
}
.notes-container .reTool span, .notes-container .Default.reInsertTable .reTlbVertical ul .reTool_text span,
.notes-container .reToolbar .reTool_text span {
  background-image: url(../img/radeditor-buttons.png);
}
.notes-container .reToolCell .Default .reDropdown, .notes-container .reToolCell .Default .reTool_disabled.reDropdown:hover {
  border: 1px solid #e5e5e5;
}

@media (orientation: landscape) {
  #container .landscape-hidden {
    display: none !important;
  }
}
.display-settings {
  margin-left: 4px;
  margin-right: 20px;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
}
.display-settings .display-setting-checkbox-wrap {
  display: inline-flex;
  align-items: center;
}
.display-settings .display-setting-checkbox-wrap input {
  margin-right: 4px;
}
.display-settings .display-setting-checkbox-wrap label {
  margin-right: 4px;
  width: 65px;
}

.displaysettings-sliding-checkbox .checkbox-fte, .displaysettings-sliding-checkbox .checkbox-overtime, .displaysettings-sliding-checkbox .checkbox-estimate, .displaysettings-sliding-checkbox .checkbox-conflict {
  display: inline-block;
}
.displaysettings-sliding-checkbox .checkbox-fte label, .displaysettings-sliding-checkbox .checkbox-overtime label, .displaysettings-sliding-checkbox .checkbox-estimate label, .displaysettings-sliding-checkbox .checkbox-conflict label {
  cursor: pointer;
  text-indent: -9999px;
  width: 26px;
  height: 14px;
  background: grey;
  display: block;
  border-radius: 7px;
  position: relative;
}
.displaysettings-sliding-checkbox .checkbox-fte label:after, .displaysettings-sliding-checkbox .checkbox-overtime label:after, .displaysettings-sliding-checkbox .checkbox-estimate label:after, .displaysettings-sliding-checkbox .checkbox-conflict label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.displaysettings-sliding-checkbox label {
  display: inline-block;
  width: 60px;
}
.displaysettings-sliding-checkbox input[type=checkbox] {
  display: none;
}
.displaysettings-sliding-checkbox .checkbox-fte input:checked + label {
  background: #ffc600;
}
.displaysettings-sliding-checkbox .checkbox-overtime input:checked + label {
  background: #f00000;
}
.displaysettings-sliding-checkbox .checkbox-estimate input:checked + label {
  background: #5192ca;
}
.displaysettings-sliding-checkbox .checkbox-conflict input:checked + label {
  background: #5b93c6;
}
.displaysettings-sliding-checkbox input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.displaysettings-sliding-checkbox label:active:after {
  width: 10px;
}

/* User Controls */
.adp-consent-needed {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.adp-consent-needed div {
  padding: 5px 0;
  text-align: center;
}
.adp-consent-needed div.half-width {
  width: 60%;
}
.adp-consent-needed i.handshake-graphic {
  /* TODO: Discover or create variable for EasyShifts Blue */
  color: cornflowerblue;
}
.adp-consent-needed i.left-padding {
  margin-left: 10px;
}
.adp-consent-needed i.right-padding {
  margin-right: 10px;
}
.adp-consent-needed .btn-primary {
  padding: 5px 10px 6px 10px;
}

/* SLIDE THREE http://cssdeck.com/labs/css-checkbox-styles */
.departmentsettings .slideThree label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  background: grey;
  display: inline-block;
  border-radius: 9px;
  position: relative;
}
.departmentsettings .slideThree label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.departmentsettings .slideThree input[type=checkbox] {
  display: none;
}
.departmentsettings .slideThree input:checked + label {
  background: #5b93c6;
}
.departmentsettings .slideThree input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.departmentsettings .slideThree label:active:after {
  width: 10px;
}

table.phone-list .btn-remove i {
  font-size: 16px;
}
table.phone-list td {
  vertical-align: middle;
  padding: 5px 10px 5px 0px;
}
table.phone-list .column-locked {
  width: 40px;
}
table.phone-list .column-locked label.icon-locked {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition-duration: 0.3s;
}
table.phone-list .column-locked label.icon-locked:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background-color: #573499;
  color: #ffffff;
}

/* Style for Snooze Notifications*/
.snooze-notifications-container {
  padding: 8px;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap .snooze-notifications-checkbox {
  display: inline-block;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap .snooze-notifications-checkbox label {
  cursor: pointer;
  text-indent: -9999px;
  width: 26px;
  height: 14px;
  background: grey;
  display: block;
  border-radius: 7px;
  position: relative;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap .snooze-notifications-checkbox label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap label {
  display: inline-block;
  font-size: 14px;
  width: 135px;
  margin-bottom: 0;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap input[type=checkbox] {
  display: none;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap .snooze-notifications-checkbox input:checked + label {
  background: #5b93c6;
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.snooze-notifications-container .snooze-notifications-checkbox-wrap label:active:after {
  width: 10px;
}
.snooze-notifications-container .snooze-notifications-config .snooze-notifications-time {
  margin: 8px 0 16px 0;
}
.snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-start, .snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-end, .snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-timezone {
  display: inline-flex;
  align-items: center;
}
.snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-start label, .snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-end label, .snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-timezone label {
  margin-right: 8px;
  margin-bottom: 0;
}
.snooze-notifications-container .snooze-notifications-config .snooze-notifications-time .snooze-notifications-timezone {
  margin-left: 16px;
}
.snooze-notifications-container .snooze-notifications-config .snooze-notifications-time select {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 22px;
  border-radius: 4px;
}

.email-list .rgMasterTable .grid-even-row td span,
.email-list .rgMasterTable .grid-odd-row td span {
  font-size: 16px;
}
.email-list .rgMasterTable .grid-even-row {
  background-color: #fff;
}
.email-list .rgMasterTable .panel-default {
  margin: 20px;
}
.email-list .addemail input.email-input {
  margin-top: 0 !important;
}
.email-list .mobile-number-footer input {
  margin-top: 0 !important;
}
.email-list .mobile-number-footer .addmobilecarrier {
  margin-left: 8px;
}
.email-list fieldset {
  margin-top: 4px;
  padding: 12px;
  border: 1px solid #e5e5e5;
}
.email-list fieldset legend {
  font-size: 14px;
  width: auto;
  border: none;
  margin-bottom: 0;
  color: #494949;
}

.RadGrid.RadGrid_WebBlue.addmobilenumber table .rgFooter td {
  vertical-align: top;
}
.RadGrid.RadGrid_WebBlue.addmobilenumber table .rgRow td a, .RadGrid.RadGrid_WebBlue.addmobilenumber table .rgAltRow td a {
  display: block;
  text-align: left;
}
.RadGrid.RadGrid_WebBlue.addmobilenumber table .rgRow td a.confirmation, .RadGrid.RadGrid_WebBlue.addmobilenumber table .rgAltRow td a.confirmation {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
}
.RadGrid.RadGrid_WebBlue.addmobilenumber table .rgRow td a.btn-link, .RadGrid.RadGrid_WebBlue.addmobilenumber table .rgAltRow td a.btn-link {
  padding-left: 0;
}
.RadGrid.RadGrid_WebBlue.addmobilenumber table .rgRow td .input-default, .RadGrid.RadGrid_WebBlue.addmobilenumber table .rgAltRow td .input-default {
  margin: 10px 0 0;
}

.RadGrid.RadGrid_WebBlue.addemail table .rgFooter td .btn {
  margin-top: 0px;
}

/* Pages */
.page-login body {
  background: #5b93c6;
}
.page-login #container {
  width: auto;
}
.page-login #container .mobile-menu {
  display: none;
}
.page-login #container #main {
  margin-left: 0;
}
.page-login #container #main #main-content {
  min-height: 100%;
  background: #5b93c6;
}
@media (max-width: 991px) {
  .page-login #container #main #main-content .content-padding-fix {
    padding: 10px 5px 10px;
  }
}
.page-login #container #header-surround, .page-login #container #title-bar, .page-login #container #sidebar {
  display: none;
}
.page-login #container #footer .footer-icon {
  float: none;
  margin: auto;
}
@media (orientation: portrait) and (max-width: 767px) {
  .page-login #container {
    min-width: 300px;
  }
  .page-login #container #footer .footer-icon {
    width: 100%;
    text-align: center;
    background: none;
  }
  .page-login #container #footer .footer-icon p {
    font-size: 11px;
  }
}

/* Style for LOGIN page */
.login {
  margin: 0 auto;
  padding: 70px 30px;
  height: 100%;
  text-align: center;
}
.login .server-error {
  margin: 20px auto;
  width: 650px;
  text-align: justify;
  padding: 15px;
  color: #ff3333;
  font-size: 14px;
}
.login .server-error.alert {
  background-color: #ffe6e6;
  border-color: #ff3333;
  color: #ff3333;
}
.login .login-account-merged {
  margin: 15px auto;
  width: 650px;
  font-size: 16px;
}
.login .login-account-merged .fa {
  font-size: 18px;
}
.login .login-form {
  margin: 0 auto;
  color: white;
  width: 650px;
  height: 288px;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #626262;
  border-radius: 5px;
}
.login .login-form h2 {
  color: #ffffff;
  text-shadow: none;
  font-size: 14px;
  float: left;
  line-height: 33px;
  padding-left: 2.5em;
}
.login .login-form h2 span {
  display: inline-block;
}
.login .login-form h2 span.timeout-message {
  color: #ff3333;
  font-weight: bold;
}
.login .login-form fieldset {
  float: right;
  text-transform: uppercase;
  color: white;
  height: 188px;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #e5e5e5;
  padding: 50px 30px;
  box-shadow: -5px 0px 5px -3px #21211f;
  -moz-box-shadow: -5px 0px 5px -3px #21211f;
  -webkit-box-shadow: -5px 0px 5px -3px #21211f;
}
@media (max-width: 576px) {
  .login .login-form fieldset {
    height: 250px;
  }
}
.login .login-form .logo-box {
  float: left;
  width: 260px;
  padding: 60px 0 0 0;
}
.login .login-form .logo-box img {
  text-align: center;
  padding: 0 0 0 30px;
}
.login .login-form .logo-box .logo {
  display: block;
}
.login .login-form .logo-box .ltc-logo {
  display: none;
  height: 90px;
}
.login .login-form a.forgot-password-link {
  text-transform: none;
  text-align: center;
  color: #5b93c6;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.login .login-form input[type=text],
.login .login-form input[type=password] {
  border: 0;
  padding: 10px;
  font-size: 1.6em;
  font-family: Arial, sans-serif;
  color: #494949;
  border: solid 1px #ccc;
  margin: 10px 0 0px 0;
  width: 300px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.login .login-form .login-error {
  display: none;
}
.login .login-form .login-error[style*=visible] + input, .login .login-form .login-error[style*=visible] + select, .login .login-form .login-error[style*=visible] + textarea {
  background-color: #f5cdd1;
  border: 1px solid #e0636e;
}
.login .login-form input[type=submit] {
  display: inline-block;
  width: 300px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 14px;
  outline: none;
  background-color: #5b93c6;
  color: #ffffff;
  margin: 20px 0 0 0px;
  border: none;
  text-transform: uppercase;
  font-size: 20px;
  background-image: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 1px -1px #21211f;
  -moz-box-shadow: 0px 2px 1px -1px #21211f;
  -webkit-box-shadow: 0px 2px 1px -1px #21211f;
  transition: all 0.3s;
}
.login .login-form input[type=submit]:hover {
  background-color: #e0636e;
  color: #ffffff;
}
.login .login-form input[type=submit]:before, .login .login-form input[type=submit]:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  transition: all 0.3s;
}
.login .login-validation-summary {
  font-size: 20px;
  color: #ff3333;
}
@media (orientation: portrait) and (max-width: 767px) {
  .login {
    padding: 0;
  }
  .login .login-form {
    width: 100%;
    height: auto;
  }
  .login .login-form h2 {
    float: none;
    padding: 0;
    text-align: center;
    margin-top: 0;
  }
  .login .login-form fieldset {
    float: none;
    width: 100%;
    padding: 0;
    box-shadow: none;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .login .login-form fieldset > div {
    padding-left: 10px;
    padding-right: 10px;
  }
  .login .login-form fieldset input[type=password], .login .login-form fieldset input[type=text] {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .login .login-form fieldset input[type=submit] {
    width: 100%;
    margin: 23px auto;
  }
  .login .login-form .logo-box {
    width: 100%;
    float: none;
    padding-top: 10px;
  }
  .login .login-form .logo-box img {
    padding: 10px 0 0 0;
    display: block;
    margin: 0 auto;
  }
}

.restore-password {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.restore-password .description {
  font-size: 16px;
  margin-bottom: 30px;
  width: fit-content;
}
.restore-password .restore-password-input {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.restore-password .restore-password-input.--login-id {
  margin-bottom: 17px;
}
.restore-password .restore-password-input .--input {
  border: 0;
  padding: 10px;
  font-size: 1.6em;
  font-family: Arial, sans-serif;
  color: #494949;
  border: solid 1px #ccc;
  margin: 10px 0 0px 0;
  width: 300px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.restore-password .--wrap {
  display: flex;
  flex-direction: column;
  width: 628px;
}
.restore-password .--or {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.6em;
  color: #626262;
}
.restore-password .btn-submit {
  display: inline-block;
  margin: 20px auto;
  width: 300px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 14px;
  outline: none;
  background-color: #e0636e;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  font-size: 20px;
  background-image: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 1px -1px #21211f;
  -moz-box-shadow: 0px 2px 1px -1px #21211f;
  -webkit-box-shadow: 0px 2px 1px -1px #21211f;
  transition: all 0.3s;
}
.restore-password .btn-submit:hover {
  background-color: #d83846;
  color: #ffffff;
}
.restore-password .btn-submit:before, .restore-password .btn-submit:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  transition: all 0.3s;
}

.grecaptcha-badge {
  bottom: 40px !important;
}

#main-content .loginwizard {
  margin-bottom: 70px;
}
#main-content .loginwizard .required-field-indicator {
  font-size: 18px;
}
#main-content .loginwizard .isRequired {
  display: flex;
  color: #F5595F;
  font-size: 13px;
}
#main-content .loginwizard .isRequired span {
  margin-left: auto;
}
#main-content .loginwizard h2 {
  color: #5b93c6;
}
#main-content .loginwizard h2.login-wizard-h2 {
  color: #626262;
  border-bottom: solid 1px #e5e5e5;
  font-size: 17px;
  margin-top: 32px;
}
#main-content .loginwizard #terms-icon_privacy {
  padding-top: 0px;
  padding-left: 60px;
  line-height: 30px;
}
#main-content .loginwizard .alert-danger {
  background: none;
  border: none;
}
#main-content .loginwizard .login-step-validation-summary.alert-danger {
  background: #f2dede;
  border: #ebccd1;
}
#main-content .loginwizard .login-step-validation-summary.alert-danger li {
  list-style: circle;
}
#main-content .loginwizard label {
  font-size: 13px;
  padding-left: 5px;
}
#main-content .loginwizard .username-loginwizard .form-control {
  width: 50%;
}
#main-content .loginwizard .btn {
  margin: 0 5px;
}
#main-content .loginwizard .change-password-form .alert {
  display: none;
}
#main-content .loginwizard .changepassword-loginwizard h2 {
  display: none;
}
#main-content .loginwizard .changepassword-loginwizard .alert {
  margin-bottom: 12px;
  margin-top: 12px;
}
#main-content .loginwizard .changepassword-loginwizard .form-control {
  width: 100%;
}
#main-content .loginwizard .changepassword-loginwizard .change-password-form .alert {
  display: none;
}
#main-content .loginwizard .changepassword-loginwizard .change-password-form .form-group .alert {
  display: block;
}
#main-content .loginwizard .changepassword-loginwizard .change-password-form .col-md-6, #main-content .loginwizard .changepassword-loginwizard .change-password-form .col-sm-6, #main-content .loginwizard .changepassword-loginwizard .change-password-form .col-xs-12 {
  padding-right: 0;
  padding-left: 0;
}
#main-content .loginwizard .panel.panel-default {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
#main-content .loginwizard .panel.panel-default > .panel-heading {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}
#main-content .loginwizard .panel.panel-default .panel-title {
  margin: 0;
  width: auto;
  padding: 0;
  background: none;
  text-align: left;
  color: #626262;
  border-bottom: solid 1px #e5e5e5;
  font-size: 17px;
  margin-top: 32px;
}
#main-content .loginwizard .panel.panel-default .panel-body {
  padding-top: 0;
}
#main-content .login-wizard-validation-error {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #F5595F;
  color: #ffffff;
  border-radius: 4px;
}
#main-content .login-wizard-validation-error::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #F5595F;
}

#terms-of-use {
  color: #494949;
  text-align: left;
  font-family: Arial, Tahoma, Verdana, sans-serif;
}
#terms-of-use .section {
  font-size: 13px;
  line-height: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  clear: both;
  margin-bottom: 15px;
}
#terms-of-use .section span {
  font-weight: bold;
}
#terms-of-use .section h3 {
  font-weight: bold;
}
#terms-of-use .section_content {
  line-height: 18px;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
}
#terms-of-use .section_content ol {
  padding-left: 10px;
}
#terms-of-use .section_content ol li {
  padding-top: 5px;
  list-style-type: decimal-leading-zero;
}

.login-wizard-termsofuse {
  margin: 32px 0;
}
.login-wizard-termsofuse .termsofuse-text {
  font-size: 14px;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-checkbox {
  display: inline-block;
  width: 20px;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap {
  display: block;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap .termsofuse-text {
  display: inline-block;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap label.termsofuse-label {
  padding: 0;
  padding-left: 0 !important;
  display: inline-block;
  color: #5b93c6;
  text-decoration: underline;
  margin-left: 0;
  font-size: 14px !important;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap .termsofuse-check {
  display: none;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap .termsofuse-label {
  display: block;
  margin-bottom: 1px;
  padding: 10px;
  cursor: pointer;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap .termsofuse-content {
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: 0.5s;
  visibility: hidden;
  display: none;
}
.login-wizard-termsofuse .login-wizard-termsofuse-checkbox .termsofuse-wrap .termsofuse-check:checked + .termsofuse-label + .termsofuse-content {
  height: auto;
  display: block;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}
.login-wizard-termsofuse .termsofuse-warning-style {
  top: 20px;
}
.login-wizard-termsofuse .termsofuse-content #terms-icon_privacy {
  color: #5b93c6;
}
.login-wizard-termsofuse .termsofuse-content #terms-of-use .section h3 {
  color: #94b8da;
}

.login-wizard-termsofuse-update .login-wizard-termsofuse-checkbox .termsofuse-contents-wrap {
  display: block;
}
.login-wizard-termsofuse-update .login-wizard-termsofuse-checkbox .termsofuse-contents-wrap .termsofuse-check, .login-wizard-termsofuse-update .login-wizard-termsofuse-checkbox .termsofuse-contents-wrap .termsofuse-label {
  display: none;
}
.login-wizard-termsofuse-update .login-wizard-termsofuse-checkbox .termsofuse-wrap {
  display: flex;
  align-items: center;
}
.login-wizard-termsofuse-update .login-wizard-termsofuse-checkbox .termsofuse-wrap .termsofuse-checkbox {
  margin-right: 8px;
}
.login-wizard-termsofuse-update .termsofuse-warning-style {
  top: 20px;
}
.login-wizard-termsofuse-update .termsofuse-content #terms-icon_privacy {
  color: #5b93c6;
}
.login-wizard-termsofuse-update .termsofuse-content #terms-of-use .section h3 {
  color: #94b8da;
}

@media (max-width: 991px) {
  .page-default #container #main #title-bar {
    position: initial;
    height: auto;
  }
  .page-default #container #main #title-bar .hidden_box label {
    display: none;
  }
  .page-default #container #main #title-bar .hidden_box .hidden_show {
    padding: 20px 0 10px;
    height: auto;
    background-color: none;
    opacity: 1;
    margin-top: 10px;
    border-radius: 4px;
    box-shadow: none;
  }
}
.adp-api-fail-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.adp-api-fail-message div {
  text-align: center;
}
.adp-api-fail-message div.header {
  font-size: 18px;
  font-weight: bold;
}
.adp-api-fail-message i.frown-graphic {
  /* TODO: Provide a more contextually correct variable name */
  color: #D55D35;
}
.adp-api-fail-message a {
  color: #5b93c6;
}

/* Style for Personal Schedule page */
#main #main-content .personal-scheduler {
  min-width: 758px;
}
#main #main-content .personal-scheduler .holiday-relocated-container .rsDateBox {
  overflow: hidden;
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler {
    margin-bottom: 70px;
  }
}
#main #main-content .personal-scheduler .RadScheduler, #main #main-content .personal-scheduler .rsPmnthView {
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
}
#main #main-content .personal-scheduler .RadScheduler th, #main #main-content .personal-scheduler .rsPmnthView th {
  border-right-color: #626262 !important;
}
#main #main-content .personal-scheduler .RadScheduler td, #main #main-content .personal-scheduler .rsPmnthView td {
  border-right-color: #626262 !important;
  border-bottom: 1px solid #626262 !important;
}
#main #main-content .personal-scheduler .personalschedule-week-selector {
  border: 1px solid #bbbbbb;
  border-bottom: none;
  background-color: #ffffff;
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}
#main #main-content .personal-scheduler .personalschedule-week-selector .personalschedule-week-selector-month {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
#main #main-content .personal-scheduler .personalschedule-week-selector a.periodselector-btn {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #cddeed;
  border-radius: 100px;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  cursor: pointer;
  font-size: 18px;
}
#main #main-content .personal-scheduler .personalschedule-week-selector a.periodselector-btn i {
  color: #222222;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
#main #main-content .personal-scheduler .personalschedule-week-selector a.periodselector-btn i.fa-chevron-left {
  margin-left: -3px;
  margin-top: 3px;
}
#main #main-content .personal-scheduler .personalschedule-week-selector a.periodselector-btn i.fa-chevron-right {
  margin-right: -2px;
  margin-top: 3px;
}
#main #main-content .personal-scheduler .personalschedule-week-selector a.periodselector-btn:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background-color: #94b8da;
}
#main #main-content .personal-scheduler .personalschedule-week-selector span {
  font-weight: 400;
  font-size: 26px;
  line-height: 16px;
  color: #626262;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-1 .jobtitle-filter {
  padding: 0 0 32px 0;
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .well {
    width: 100vw;
  }
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker {
  display: flex;
  align-items: center;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker .limit-shifts {
  display: inline-block;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker .limit-shifts label {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker .limit-shifts .select-default {
  display: inline-block;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker .limit-shifts select {
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker .limit-shifts select:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
#main #main-content .personal-scheduler .personal-schedule-contents .personal-schedule-contents-2 .select-worker #filter {
  display: inline-block;
  margin-left: 8px;
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler .week-selector {
    width: 100vw;
  }
}
#main #main-content .personal-scheduler .week-selector .personalschedule-monthyearpicker {
  vertical-align: initial;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsHorizontalHeaderTable th {
  color: #3C3838;
  border: 1px solid;
  border-color: #626262 #3C3838 #626262 #888888 !important;
  background: none;
  background-color: #626262;
  color: #ffffff;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsAptContent span {
  color: #eeeeee;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsAptContent .personal-schedule-calendar-jobtitle {
  display: block;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsAptContent .personal-schedule-calendar-jobtitle {
    font-size: 10px;
    padding-right: 20px;
  }
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsAptContent .personal-schedule-calendar-time {
  display: inline-flex;
  padding-bottom: 2px;
}
@media (min-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsAptContent .personal-schedule-calendar-time div:first-child::after {
    white-space: pre-wrap;
    content: " - ";
    display: inline-block;
  }
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut {
  position: initial;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid {
  position: initial;
  border: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn {
  position: initial;
  border: none;
  margin: 0;
  background: none;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent {
  border: none;
  position: static;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  padding: 2px 0 2px 8px;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .restricted-icon {
  color: #ffffff;
  display: inline-block;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .restricted-icon:before {
  content: "\f023";
  font-family: FontAwesome;
  display: inline-block;
}
@media (min-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-green:before, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-red:before {
    padding-left: 5px;
  }
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent {
  border: none;
  padding-left: 4px;
  padding-bottom: 3px;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane {
  font-size: 24px;
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .fa-plane {
    font-size: 18px;
  }
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 8px;
  height: 30px;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span {
  color: #626262;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time {
  font-size: 10px;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-time div {
  align-items: baseline;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents span.personal-schedule-calendar-jobtitle {
  text-shadow: none;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .fa-plane {
  color: #ffd700;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptContent {
  background: #dbf2d0;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptContent .fa-plane {
  color: #81d059;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .fa-plane {
  color: #ff6347;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .fa-plane {
  color: #c9c9c9;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptContent {
  background: #d0e2f2;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptContent .fa-plane {
  color: #5997d0;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-emerald .rsAptContent {
  background: #7fd1ce;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-emerald .rsAptContent .fa-plane {
  color: #308783;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-moss .rsAptContent {
  background: #89acb3;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-moss .rsAptContent .fa-plane {
  color: #405d63;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-blue .rsAptContent {
  background: #5d90bb;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-blue .rsAptContent .fa-plane {
  color: #264259;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mauve .rsAptContent {
  background: #9f8fad;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mauve .rsAptContent .fa-plane {
  color: #52455e;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-rose .rsAptContent {
  background: #cda2ae;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-rose .rsAptContent .fa-plane {
  color: #8c4a5d;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-salmon .rsAptContent {
  background: #fcd2d6;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-salmon .rsAptContent .fa-plane {
  color: #f34255;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-orange .rsAptContent {
  background: #e7a189;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-orange .rsAptContent .fa-plane {
  color: #b24825;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mandarin .rsAptContent {
  background: #efc798;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mandarin .rsAptContent .fa-plane {
  color: #ce7e20;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-burnt .rsAptContent {
  background: #ac8a5d;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-burnt .rsAptContent .fa-plane {
  color: #4a3a26;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mint .rsAptContent {
  background: #d5e2d4;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mint .rsAptContent .fa-plane {
  color: #7ba37a;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-kurenai .rsAptContent {
  background: #ea6282;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-kurenai .rsAptContent .fa-plane {
  color: #9e1536;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-red.crayola .rsAptContent {
  background: #f5839b;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-red.crayola .rsAptContent .fa-plane {
  color: #ce1138;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-nakabeni .rsAptContent {
  background: #eca2b3;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-nakabeni .rsAptContent .fa-plane {
  color: #cc294e;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-akebono .rsAptContent {
  background: #fbe3df;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-akebono .rsAptContent .fa-plane {
  color: #ec6c55;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-old.rose .rsAptContent {
  background: #e7c8c9;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-old.rose .rsAptContent .fa-plane {
  color: #b75f60;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-burnt.orange .rsAptContent {
  background: #ff822e;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-burnt.orange .rsAptContent .fa-plane {
  color: #943b00;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-orange.peel .rsAptContent {
  background: #ffca82;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-orange.peel .rsAptContent .fa-plane {
  color: #e88600;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-dark.goldenrod .rsAptContent {
  background: #d5bb87;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-dark.goldenrod .rsAptContent .fa-plane {
  color: #907133;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-copper .rsAptContent {
  background: #d3b398;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-copper .rsAptContent .fa-plane {
  color: #94663e;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-kenpohzome .rsAptContent {
  background: #8c6c38;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-kenpohzome .rsAptContent .fa-plane {
  color: #1f180c;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-davys.grey .rsAptContent {
  background: #878787;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-davys.grey .rsAptContent .fa-plane {
  color: #3b3b3b;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-rikyunezumi .rsAptContent {
  background: #a5ada8;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-rikyunezumi .rsAptContent .fa-plane {
  color: #58615b;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-manatee .rsAptContent {
  background: #d6d5dd;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-manatee .rsAptContent .fa-plane {
  color: #858099;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-yanagizome .rsAptContent {
  background: #c3d2b1;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-yanagizome .rsAptContent .fa-plane {
  color: #789555;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-aomidori .rsAptContent {
  background: #11ffdb;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-aomidori .rsAptContent .fa-plane {
  color: #007765;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mizu .rsAptContent {
  background: #cde9ee;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mizu .rsAptContent .fa-plane {
  color: #5bb6c7;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-tsuyukusa .rsAptContent {
  background: #86cded;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-tsuyukusa .rsAptContent .fa-plane {
  color: #1d8cbd;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-blue.sapphire .rsAptContent {
  background: #569cb5;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-blue.sapphire .rsAptContent .fa-plane {
  color: #23444f;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-konjyo .rsAptContent {
  background: #1d54df;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-konjyo .rsAptContent .fa-plane {
  color: #0b2158;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-tetsukon .rsAptContent {
  background: #4c3c8f;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-tetsukon .rsAptContent .fa-plane {
  color: #130f23;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.appointment-enabled {
  cursor: pointer;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.appointment-enabled .rsAptOut .rsAptMid .rsAptIn .rsAptContent:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.holiday .rsAptOut .rsAptMid .rsAptIn .rsAptContent {
  background-color: #F5595F;
  color: #ffffff;
}
#main #main-content .personal-scheduler .RadScheduler_Default .rsApt.holiday .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time {
  display: none;
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsContentTable a.rsDateHeader {
    font-size: 12px !important;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut {
    margin: 0;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid {
    background: none !important;
    border: none;
    left: 0;
    right: 2px;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn {
    background: none !important;
    border: none;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent {
    position: relative;
    padding-left: 5px;
    border: none;
    left: 0px;
  }
}
@media (max-width: 1024px) and (max-width: 320px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent {
    padding-left: 3px;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent span:first-child {
    /*display: none;*/
    text-shadow: 1px 1px 3px #272727;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time {
    display: inline-block;
    line-height: 13px;
    max-width: 80px;
  }
}
@media (max-width: 1024px) and (max-width: 567px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time {
    max-width: 53px;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time div:first-child {
    font-weight: bold;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-green, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-red {
    position: absolute;
    top: 1px;
    right: 2px;
    width: 19px;
    overflow: hidden;
  }
}
@media (max-width: 1024px) and (max-width: 567px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-green, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-red {
    top: 3px;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-green:before, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .flag-red:before {
    font-size: 10px;
    width: 10px;
    overflow: hidden;
    margin-left: 4px;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div {
    flex-direction: row;
    justify-content: center;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent div .timeoff-contents {
    margin: 0;
    margin-left: 4px;
    height: 44px;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-jobtitle, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-jobtitle {
    display: block;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time {
    display: inline-flex;
  }
}
@media (max-width: 1024px) and (max-width: 567px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time {
    display: block;
  }
}
@media (max-width: 1024px) and (max-width: 320px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 567px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time div:first-child::after, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time div:first-child::after, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time div:first-child::after, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time div:first-child::after, #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptOut .rsAptMid .rsAptIn .rsAptContent .personal-schedule-calendar-time div:first-child::after {
    content: none;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-pending .fa-plane {
    color: #ffd700;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptContent {
    background: #ccecbd;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved .rsAptContent .fa-plane {
    color: #81d059;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-rejected .fa-plane {
    color: #ff6347;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-canceled .fa-plane {
    color: #c9c9c9;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptContent {
    background: #bdd5ec;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-vacation .rsAptContent .fa-plane {
    color: #5997d0;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-emerald .rsAptContent {
    background: #6ccac7;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-emerald .rsAptContent .fa-plane {
    color: #308783;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-moss .rsAptContent {
    background: #7aa1a9;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-moss .rsAptContent .fa-plane {
    color: #405d63;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-blue .rsAptContent {
    background: #4c84b3;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-blue .rsAptContent .fa-plane {
    color: #264259;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mauve .rsAptContent {
    background: #9281a2;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mauve .rsAptContent .fa-plane {
    color: #52455e;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-rose .rsAptContent {
    background: #c5919f;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-rose .rsAptContent .fa-plane {
    color: #8c4a5d;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-salmon .rsAptContent {
    background: #fbbac1;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-salmon .rsAptContent .fa-plane {
    color: #f34255;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-orange .rsAptContent {
    background: #e29074;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-orange .rsAptContent .fa-plane {
    color: #b24825;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mandarin .rsAptContent {
    background: #ebbb82;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mandarin .rsAptContent .fa-plane {
    color: #ce7e20;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-burnt .rsAptContent {
    background: #9f7d51;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-burnt .rsAptContent .fa-plane {
    color: #4a3a26;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mint .rsAptContent {
    background: #c6d7c5;
  }
  #main #main-content .personal-scheduler .RadScheduler_Default .rsApt.timeoff-approved-mint .rsAptContent .fa-plane {
    color: #7ba37a;
  }
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler .RadScheduler_Default .restricted-icon {
    margin-right: 2px;
    margin-top: 12px;
    text-shadow: 1px 1px 3px #272727;
    font-size: 12px;
  }
}
#main #main-content .personal-scheduler .RadScheduler_Default .holiday-relocated-container .rsDateBox {
  background-color: #fcd1d3;
  display: flex;
}
#main #main-content .personal-scheduler .RadScheduler_Default .holiday-relocated-container .rsDateBox .holiday-relocated {
  margin-left: auto;
  margin-right: 4px;
}
#main #main-content .personal-scheduler .history-icon {
  color: #fff;
  float: right;
  font-size: 13px;
  position: absolute;
  top: 5px;
  right: 7px;
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .history-icon {
    font-size: 10px;
    top: initial;
    bottom: 16px;
    right: 4px;
    text-shadow: 1px 1px 3px #272727;
  }
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler .history-icon {
    bottom: 17px;
  }
}
#main #main-content .personal-scheduler .secondaryassignee-icon {
  color: #fff;
  float: right;
  font-size: 12px;
  position: absolute;
  bottom: 2px;
  right: 5px;
}
@media (max-width: 1024px) {
  #main #main-content .personal-scheduler .secondaryassignee-icon {
    font-size: 10px;
    top: initial;
    bottom: 4px;
    right: 2px;
    text-shadow: 1px 1px 3px #272727;
  }
}
@media (max-width: 567px) {
  #main #main-content .personal-scheduler .secondaryassignee-icon {
    bottom: 4px;
    right: 2px;
  }
}
@media (max-width: 1024px) {
  #main #main-content .personal-schedule-contents {
    display: flex;
    flex-direction: column;
  }
  #main #main-content .personal-schedule-contents .personal-schedule-contents-1 {
    order: 1;
  }
  #main #main-content .personal-schedule-contents .personal-schedule-contents-2 {
    order: 2;
  }
}
#main #main-content .export-selector-wrap {
  display: flex;
  flex-direction: row-reverse;
  float: right;
}
@media (max-width: 567px) {
  #main #main-content .export-selector-wrap {
    width: 100vw;
  }
}
@media (max-width: 1024px) {
  #main #main-content .export-selector-wrap {
    float: none;
    margin-left: auto;
    width: 250px;
  }
}
#main #main-content .export-selector-wrap .export-selector {
  display: flex;
  justify-content: center;
}
#main #main-content .export-selector-wrap .export-selector .select-default {
  height: 24px;
}
#main #main-content .export-selector-wrap .btn {
  margin: 0 4px;
}
#main #main-content .legend.legend-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#main #main-content .legend.legend-list .legend-title {
  display: inline;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: inherit;
  color: #626262;
  border: 0;
}
#main #main-content .legend.legend-list span {
  float: left;
  margin-bottom: 32px;
  margin-right: 8px;
}
#main #main-content .legend.legend-list .pending {
  background-color: #ffd700;
}
#main #main-content .legend.legend-list .approved {
  background-color: #9fdb81;
}
#main #main-content .legend.legend-list .rejected {
  background-color: #ff6347;
}
#main #main-content .legend.legend-list .canceled {
  background-color: #c9c9c9;
}
#main #main-content .legend.legend-list .vacation {
  background-color: #81b0db;
}
#main #main-content .legend.legend-list .color-emerald {
  background-color: #3EACA8;
}
#main #main-content .legend.legend-list .color-moss {
  background-color: #547A82;
}
#main #main-content .legend.legend-list .color-blue {
  background-color: #355C7D;
}
#main #main-content .legend.legend-list .color-mauve {
  background-color: #6C5B7B;
}
#main #main-content .legend.legend-list .color-rose {
  background-color: #AA5F74;
}
#main #main-content .legend.legend-list .color-salmon {
  background-color: #F67280;
}
#main #main-content .legend.legend-list .color-orange {
  background-color: #D55D35;
}
#main #main-content .legend.legend-list .color-mandarin {
  background-color: #E19740;
}
#main #main-content .legend.legend-list .color-burnt {
  background-color: #6C5537;
}
#main #main-content .legend.legend-list .color-mint {
  background-color: #99B898;
}
#main #main-content .legend.legend-list .color-kurenai {
  background-color: #CB1B45;
}
#main #main-content .legend.legend-list .color-red.crayola {
  background-color: #ed254e;
}
#main #main-content .legend.legend-list .color-nakabeni {
  background-color: #db4d6d;
}
#main #main-content .legend.legend-list .color-akebono {
  background-color: #f19483;
}
#main #main-content .legend.legend-list .color-old.rose {
  background-color: #c78283;
}
#main #main-content .legend.legend-list .color-burnt.orange {
  background-color: #c75000;
}
#main #main-content .legend.legend-list .color-orange.peel {
  background-color: #ff9f1c;
}
#main #main-content .legend.legend-list .color-dark.goldenrod {
  background-color: #b68f40;
}
#main #main-content .legend.legend-list .color-copper {
  background-color: #b57f50;
}
#main #main-content .legend.legend-list .color-kenpohzome {
  background-color: #43341b;
}
#main #main-content .legend.legend-list .color-davys.grey {
  background-color: #545454;
}
#main #main-content .legend.legend-list .color-rikyunezumi {
  background-color: #707c74;
}
#main #main-content .legend.legend-list .color-manatee {
  background-color: #a09cb0;
}
#main #main-content .legend.legend-list .color-yanagizome {
  background-color: #91ad70;
}
#main #main-content .legend.legend-list .color-aomidori {
  background-color: #00aa90;
}
#main #main-content .legend.legend-list .color-mizu {
  background-color: #81c7d4;
}
#main #main-content .legend.legend-list .color-tsuyukusa {
  background-color: #2ea9df;
}
#main #main-content .legend.legend-list .color-blue.sapphire {
  background-color: #326273;
}
#main #main-content .legend.legend-list .color-konjyo {
  background-color: #113285;
}
#main #main-content .legend.legend-list .color-tetsukon {
  background-color: #261e47;
}
#main #main-content .legend.legend-list .timeoff-legend-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  row-gap: 12px;
  justify-items: stretch;
}
#main #main-content .legend.legend-list .timeoff-legend-wrap .timeoff-calendar-col {
  display: grid;
  grid-template-columns: 15px auto;
  column-gap: 10px;
  justify-items: stretch;
}
#main #main-content .legend.legend-list .timeoff-legend-wrap .timeoff-calendar-col .colorBox {
  display: inline-flex;
  margin-top: 1px;
}
#main #main-content .legend.legend-list .timeoff-legend-wrap .timeoff-calendar-col span {
  margin: 0;
  display: inline-flex;
  line-height: 1.5;
}
#main #main-content .departments-in-facility .--facility-name {
  display: flex;
  flex-direction: row;
}
#main #main-content .departments-in-facility .--facility-name .--name {
  font-weight: bold;
  margin-right: 8px;
  margin-left: 4px;
  align-items: center;
}
#main #main-content .departments-in-facility .--facility-name .active-departments span {
  float: none;
}
#main #main-content .departments-in-facility .--facility-name .active-departments .--active {
  color: #5b93c6;
}
#main #main-content .departments-in-facility .--facility-name .legend-list__title {
  position: inherit;
}
#main .departments-in-facility {
  display: block;
  margin-top: 10px;
}
#main .departments-in-facility:first-child {
  margin-top: 0;
}
#main .--border-left {
  border-left: 1px solid #b0b0b0;
}
#main .grid-personal-calander-list-view {
  margin-top: 0;
}

.HideTextInput {
  display: none !important;
}

.RadScheduler .rsMonthView {
  overflow-x: scroll;
}
.RadScheduler .rsMonthView .rsWrap {
  height: 71px !important;
}
.RadScheduler .rsMonthView .rsWrap.rsDateWrap {
  height: 14px !important;
}
.RadScheduler .rsMonthView .--facility-name {
  border-top: 1px solid #acacac;
  width: calc(100% - 8px);
  padding-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RadScheduler .rsMonthView .--department-name {
  padding-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .RadScheduler .rsMonthView .rsWrap {
    height: 80px !important;
  }
  .RadScheduler .rsMonthView .rsWrap.rsDateWrap {
    height: 14px !important;
  }
}
@media (max-width: 567px) {
  .RadScheduler .rsMonthView .rsWrap {
    height: 80px !important;
  }
  .RadScheduler .rsMonthView .rsWrap.rsDateWrap {
    height: 14px !important;
  }
  .RadScheduler .rsMonthView .rsWrap.rsLastWrap {
    height: 80px !important;
  }
  .RadScheduler .rsMonthView .rsApt {
    height: 58px !important;
  }
}

.legend-list {
  line-height: 2;
}
.legend-list input[type=checkbox] {
  display: none;
}
.legend-list__title {
  position: relative;
  display: block;
  cursor: pointer;
}
.legend-list__title:first-child {
  margin-top: 0;
}
.legend-list__title::after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  margin-left: 8px;
  color: #5b93c6;
  font-size: 14px;
  transition: all 0.4s ease-out;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
input[type=checkbox]:checked + .legend-list__title::after {
  content: "\f077";
}
.legend-list__title .--expand-label {
  display: inline-block;
  color: #5b93c6;
  margin-left: 8px;
}
.legend-list__title .--close-label {
  display: none;
  color: #5b93c6;
  margin-left: 8px;
}
input[type=checkbox]:checked + .legend-list__title .--expand-label {
  display: none;
}
input[type=checkbox]:checked + .legend-list__title .--close-label {
  display: inline-block;
}
.legend-list__content {
  overflow: hidden;
  transition: max-height 0.4s ease-out 0.2s, line-height 0.4s ease-out 0s;
  max-height: 30px;
  border-top: none;
  opacity: 1;
  margin: 0;
}
.legend-list__content .timeoff-calendar-col-wrap {
  opacity: 0;
  transition: opacity 0.4s 0.3s;
}
input[type=checkbox]:checked + .legend-list__title + .legend-list__content {
  overflow-y: scroll;
  line-height: 2;
  opacity: 1;
  max-height: 300px;
  height: auto;
}
input[type=checkbox]:checked + .legend-list__title + .legend-list__content .timeoff-calendar-col-wrap {
  opacity: 1;
}

.department-list {
  line-height: 2;
  margin-top: 10px;
}
.department-list input[type=checkbox] {
  display: none;
}
.department-list__title {
  position: relative;
  display: block;
  cursor: pointer;
}
.department-list__title .--title {
  display: inline;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: inherit;
  color: #626262;
  border: 0;
}
.department-list__title:first-child {
  margin-top: 0;
}
.department-list__title::after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  margin-left: 4px;
  color: #5b93c6;
  font-size: 14px;
  transition: all 0.3s ease-out;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
input[type=checkbox]:checked + .department-list__title::after {
  content: "\f077";
}
.department-list__title .--expand-label {
  display: inline-block;
  color: #5b93c6;
  margin-left: 8px;
}
.department-list__title .--close-label {
  display: none;
  color: #5b93c6;
  margin-left: 8px;
}
input[type=checkbox]:checked + .department-list__title .--expand-label {
  display: none;
}
input[type=checkbox]:checked + .department-list__title .--close-label {
  display: inline-block;
}
.department-list__content {
  overflow: hidden;
  transition: all 0.3s ease-out 0s;
  max-height: 87px;
  border-top: none;
  opacity: 1;
  margin: 0;
}
.department-list__content .timeoff-calendar-col-wrap {
  opacity: 0;
  transition: opacity 0.3s 0.3s;
}
input[type=checkbox]:checked + .department-list__title + .department-list__content {
  overflow-y: scroll;
  line-height: 2;
  opacity: 1;
  max-height: 300px;
  height: auto;
  margin: 0;
}
input[type=checkbox]:checked + .department-list__title + .department-list__content .timeoff-calendar-col-wrap {
  opacity: 1;
}

/* Style for StaffingDetails page */
.page-staffing-details.no-periods-warning-showing #staffing-details-header {
  margin-top: 0;
}
.page-staffing-details.no-periods-warning-showing #container #main #main-content {
  width: 100%;
}
.page-staffing-details.no-periods-warning-showing #container #main #main-content h2.alert {
  margin-top: 50px;
  margin-bottom: 0;
}
.page-staffing-details.no-periods-warning-showing #container #sidebar {
  margin-top: 183px;
}
.page-staffing-details #header-surround,
.page-staffing-details #title-bar,
.page-staffing-details #footer {
  display: none;
  visibility: hidden;
}
.page-staffing-details .shadow-bottom.shadow-titlebar {
  display: none;
}
.page-staffing-details #container {
  display: inline-block !important;
  min-width: 100%;
  height: 43px;
  position: relative;
  z-index: 30;
}
.page-staffing-details #container #sidebar {
  margin-top: 100px;
  width: 50px;
}
@media (max-width: 991px) {
  .page-staffing-details #container #sidebar {
    margin-top: initial;
    width: 100%;
  }
}
.page-staffing-details #container #sidebar #logo-space .menu-icon {
  visibility: visible;
}
.page-staffing-details #container #sidebar #logo-space .menu-icon .fa {
  font-size: 20px;
  margin: 14px 17px;
  color: #5b93c6;
}
.page-staffing-details #container #sidebar .menu-label {
  display: none;
  opacity: 0;
}
@media (max-width: 991px) {
  .page-staffing-details #container #sidebar .menu-label {
    display: inline-block;
    opacity: 1;
  }
}
.page-staffing-details #container #sidebar:hover {
  width: 200px;
  z-index: 9999;
}
@media (max-width: 991px) {
  .page-staffing-details #container #sidebar:hover {
    width: 100%;
  }
}
.page-staffing-details #container #sidebar:hover .menu-label {
  opacity: 1;
  display: inline-block;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: inline-block;
    opacity: 0;
  }
  100% {
    display: inline-block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: inline-block;
    opacity: 0;
  }
  100% {
    display: inline-block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: inline-block;
    opacity: 0;
  }
  100% {
    display: inline-block;
    opacity: 1;
  }
}
.page-staffing-details #container #sidebar:hover #nav .menu li.menu-header-divider {
  visibility: visible;
}
.page-staffing-details #container #sidebar #nav {
  margin-top: 1px;
}
.page-staffing-details #container #sidebar #nav .menu li.menu-header-divider {
  display: list-item;
  visibility: hidden;
  height: 41px;
}
@media (max-width: 991px) {
  .page-staffing-details #container #sidebar #nav .menu li.menu-header-divider {
    display: none;
  }
}
.page-staffing-details #container #sidebar #logo-space {
  display: none;
}
@media (max-width: 991px) {
  .page-staffing-details #container #sidebar #logo-space {
    display: block;
  }
}
.page-staffing-details #container #main {
  margin-left: 0;
}
.page-staffing-details #container #main #main-content {
  margin-top: 0;
  padding-top: 0;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
}
.page-staffing-details #container #main #main-content .content-padding-fix {
  padding: 0;
  margin: 0;
}
.page-staffing-details .btn.btn-close {
  position: absolute;
  top: 7px;
  right: 6px;
}

.staffing-details {
  /* Custom table layout styles */
  /* Popovers */
  /* Shift history */
  /* Hide Popover content */
}
.staffing-details .tabs-container div.RadTabStrip {
  margin: 0;
}
.staffing-details #staffing-details-header {
  position: relative;
  background: linear-gradient(#495c6a, #2a353d);
  height: 86px;
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-header {
    background: #3b4a55;
    height: 188px;
  }
}
@media (max-width: 320px) {
  .staffing-details #staffing-details-header {
    height: 190px;
  }
}
.staffing-details #staffing-details-header label {
  color: #ffffff;
}
.staffing-details #staffing-details-header .job-title-filter-label {
  color: #ffffff;
}
.staffing-details #staffing-details-header .header-logo-container {
  height: 86px;
  width: 186px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-header .header-logo-container {
    height: 43px;
    width: 85px;
    position: initial;
    vertical-align: top;
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-header .header-logo-container .logo-wrap {
    display: none;
  }
}
.staffing-details #staffing-details-header .header-logo-container .logo-wrap .logo {
  display: block;
  margin-top: 6px;
  margin-left: 6px;
}
.staffing-details #staffing-details-header .header-logo-container .logo-wrap .ltc-logo {
  display: none;
  margin-top: 6px;
  margin-left: 6px;
}
.staffing-details #staffing-details-header .header-logo-container .logo_mobile {
  display: none;
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-header .header-logo-container .logo_mobile {
    display: inline-block;
    margin-left: 40px;
    height: 43px;
  }
}
.staffing-details #staffing-details-header .staffing-details-title-mobile {
  display: none;
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-header .staffing-details-title-mobile {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
  }
  .staffing-details #staffing-details-header .staffing-details-title-mobile span {
    vertical-align: middle;
    line-height: 43px;
  }
}
.staffing-details #staffing-details-header .header-content-container {
  position: absolute;
  left: 186px;
  top: 0;
  padding: 10px;
  width: 100%;
  width: calc(100vw - 230px);
  max-width: 1734px;
}
@media (max-width: 768px) {
  .staffing-details #staffing-details-header .header-content-container {
    width: 100vw;
    position: initial;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .staffing-details #staffing-details-header .header-content-container .week-selector select {
    width: 130px !important;
  }
}
@media (max-width: 320px) {
  .staffing-details #staffing-details-header .header-content-container .week-selector select {
    width: 103px !important;
  }
}
.staffing-details #staffing-details-header .header-content-container .divider {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #626262;
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-header .header-content-container .job-title-filter-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .staffing-details #staffing-details-header .header-content-container .job-title-filter-wrap .job-title-filter {
    margin-bottom: 10px;
  }
  .staffing-details #staffing-details-header .header-content-container .job-title-filter-wrap .job-title-filter label {
    float: none;
    width: initial;
    display: inline-block;
    margin-right: 5px;
  }
  .staffing-details #staffing-details-header .header-content-container .job-title-filter-wrap .job-title-filter .job-title-filter-label {
    float: none;
    width: initial;
    display: inline-block;
    margin-right: 5px;
  }
}
.staffing-details #staffing-details-header .header-content-container hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #626262;
}
.staffing-details #staffing-details-header .header-content-container .display-settings {
  margin-right: 20px;
  display: inline-block;
  float: right;
}
.staffing-details #staffing-details-header .header-content-container .display-settings .display-setting-checkbox-wrap > label {
  width: auto;
}
.staffing-details #staffing-details-header .header-content-container .display-settings br {
  display: none;
}
@media (max-width: 768px) {
  .staffing-details #staffing-details-header .header-content-container .display-settings {
    float: none;
  }
}
@media (max-width: 768px) {
  .staffing-details #staffing-details-header .header-content-container a.download {
    float: none !important;
    margin-left: 5px;
    margin-right: 5px;
    display: none;
  }
}
.staffing-details #staffing-details-header .header-content-container .job-title-filter {
  padding-left: 10px;
  display: inline-block;
}
.staffing-details #staffing-details-header .header-content-container .job-title-filter label {
  margin-top: 4px;
  display: block;
  float: left;
  margin-right: 3px;
  width: 80px;
}
.staffing-details #staffing-details-header .header-content-container .job-title-filter .job-title-filter-label {
  margin-top: 4px;
  display: block;
  float: left;
  margin-right: 3px;
  width: 80px;
}
.staffing-details #staffing-details-header .header-content-container .job-title-filter .RadComboBox {
  margin-right: 2px;
}
.staffing-details #staffing-details-header .header-content-container .displaysettings-sliding-checkbox span {
  color: #ffffff;
}
.staffing-details #staffing-details-content-area {
  margin-left: 51px;
  position: relative;
}
.staffing-details #staffing-details-content-area .RadGrid.RadGrid_WebBlue {
  margin-top: 0;
}
.staffing-details #staffing-details-content-area #fixed-column-clone {
  left: -8px;
}
@media (max-width: 991px) {
  .staffing-details #staffing-details-content-area {
    margin-left: 15px;
  }
  .staffing-details #staffing-details-content-area #fixed-column-clone {
    top: 202px !important;
  }
}
.staffing-details #staffing-details-content-area .text-center {
  margin: 0 !important;
  text-align: center;
}
.staffing-details #staffing-details-content-area .right-border {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.staffing-details #staffing-details-content-area .fa {
  font-size: 16px;
}
.staffing-details #staffing-details-content-area .footer a {
  color: #3C3838;
}
.staffing-details #staffing-details-content-area .over-regular {
  border-left: #ffc600 4px solid;
}
.staffing-details #staffing-details-content-area .over-regular .footer td {
  padding-left: 4px;
}
.staffing-details #staffing-details-content-area .overtime {
  border-left: #F5595F 4px solid;
}
.staffing-details #staffing-details-content-area .overtime .footer td {
  padding-left: 4px;
}
.staffing-details .fixed-employee-column {
  position: fixed;
  left: 0;
  display: inline-block;
  width: auto;
  margin-top: 1px;
  z-index: 2000;
}
.staffing-details .fixed-employee-column.vertical-scrolling {
  z-index: 2000;
}
.staffing-details .fixed-employee-column.vertical-scrolling.rgMasterTable {
  margin-top: 126px;
}
.staffing-details .fixed-employee-column.vertical-scrolling thead {
  z-index: 2000;
}
.staffing-details .fixed-employee-column.vertical-scrolling th.col-empl {
  position: fixed;
  top: 0;
  left: -2px;
  padding-top: 21px;
}
.staffing-details .RadGrid.RadGrid_WebBlue {
  border: none;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable {
  table-layout: auto !important;
  border-spacing: 6px;
  background-color: #f0f0f0;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable.vertical-scrolling {
  margin-top: 58px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-odd-row td.col-empl, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-odd-row td.col-note, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-odd-row td.col-jt, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-odd-row td.col-stat, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-even-row td.col-empl, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-even-row td.col-note, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-even-row td.col-jt, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow.grid-even-row td.col-stat {
  background-color: #dfeaf4;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable tr.rgSelectedRow td.col-note {
  padding-right: 0 !important;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable thead {
  z-index: 1000;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td {
  text-align: center;
  vertical-align: middle;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th {
  position: sticky;
  top: 0;
  z-index: 8000;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-empl {
  min-width: 129px;
  width: 129px;
  min-height: 58px;
  height: 58px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: sticky;
  left: 0;
  z-index: 8000;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-empl:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-empl a {
  font-weight: bold;
  display: block;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-jt {
  min-width: 100px;
  width: 100px;
  min-height: 150px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-jt a {
  font-weight: bold;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-note {
  min-width: 100px;
  width: 100px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: none;
  z-index: 7000;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-note:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable th.col-stat {
  min-width: 70px;
  width: 70px;
  padding: 3px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-jt, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-stat {
  border-bottom: 1px solid #ccc;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl {
  min-width: 129px;
  width: 129px;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  align-items: flex-end;
  display: table-cell;
  text-align: left;
  vertical-align: baseline;
  position: sticky;
  left: 0;
  z-index: 7000;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a {
  display: block;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a.notes-link {
  display: inline-flex;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a.jobtitles-link {
  display: inline-flex;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a.contacts-link {
  display: inline-flex;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a.aspNetDisabled {
  cursor: inherit;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a.employeename-link {
  font-size: 14px;
  text-decoration: underline;
  color: #5b93c6;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a.open-link {
  font-size: 14px;
  color: #626262;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl a:hover {
  text-decoration: none;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-empl .fa {
  color: #7a7a7b;
}
--has-shift-link .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-jt {
  min-width: 100px;
  width: 100px;
  min-height: 150px;
  border: none;
  color: #626262;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note {
  min-width: 100px;
  width: 100px;
  padding: 0 0 22px 0;
  border: none;
  position: relative;
  vertical-align: top;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 5000;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note {
  display: flex;
  justify-content: center;
  position: relative;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note:not(.am-shift-wrapper):not(.pm-shift-wrapper):not(.noc-shift-wrapper):not(.over-regular):not(.overtime):not(.timeoff) {
  position: absolute;
  bottom: 0;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note:hover {
  cursor: pointer;
  /*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note a:hover {
  text-decoration: none;
  color: #5b93c6;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note tbody {
  width: 100%;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .body td {
  vertical-align: middle;
  font-size: 11px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note tr, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note td {
  border: none;
  text-align: center;
  vertical-align: bottom;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note tr.footer td {
  display: block;
  padding-left: 4px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note tr.footer td a .fa {
  color: #bad1e7;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note tr.footer td a .fa:hover {
  color: #e0636e;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .job-title, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .time, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .body, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .footer {
  color: #626262;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .job-title {
  font-weight: bold;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .job-title td {
  padding-left: 3px !important;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .time {
  font-size: 12px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .time td {
  display: flex;
  align-items: center;
  padding-left: 3px;
  padding-right: 3px !important;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .time span {
  font-weight: bold;
  color: #5b93c6;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .time span:nth-child(2) {
  color: #3d7ab1;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .time .--to {
  width: 6px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .availability {
  font-size: 12px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .availability td {
  display: flex;
  align-items: center;
  padding-left: 3px;
  padding-right: 3px !important;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff {
  background-color: #32b16c !important;
  margin-bottom: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding-bottom: 3px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff .job-title {
  font-weight: bold;
  color: #ffffff;
  display: flex;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff .job-title span {
  display: block;
  padding-top: 4px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff .time {
  display: none;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff .body a {
  color: #ffffff;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff td {
  text-align: left;
  padding-left: 3px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff .footer a {
  padding: 3px 0 0 0;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.timeoff .history-link {
  color: #ffffff;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper {
  margin-bottom: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper:hover, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper:hover, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper span, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper span, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper span {
  display: block;
  padding-top: 4px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper .job-title, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper .time, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper .body, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper .job-title, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper .time, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper .body, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper .job-title, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper .time, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper .body {
  display: flex;
  justify-content: flex-start;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper .body, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper .body, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper .body {
  min-height: 0;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper .body td, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper .body td, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper .body td {
  padding: 4px 0;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper {
  background-color: #eff6fc;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.am-shift-wrapper .footer {
  color: #4793d9;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper {
  background-color: #d1dfea;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.pm-shift-wrapper .footer {
  color: #4b7ca5;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper {
  background-color: #bcc8d3;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.noc-shift-wrapper .footer {
  color: #4d6276;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note.bordered-note .body td {
  padding: 4px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .footer .history-link {
  position: absolute;
  top: 4px;
  right: 2px;
  padding-right: 3px;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .footer .history-link:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f05a";
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note .footer a:hover {
  text-decoration: underline;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-note .shift-note:not(.am-shift-wrapper):not(.pm-shift-wrapper):not(.noc-shift-wrapper):not(.over-regular):not(.overtime) .footer {
  display: block;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable td.col-stat {
  min-width: 70px;
  width: 70px;
  font-size: 18px;
  color: #494949;
  background-color: #5b93c6 !important;
  color: #ffffff;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-odd-row td.col-empl, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-odd-row td.col-note, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-odd-row td.col-jt, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-odd-row td.col-stat {
  background-color: #f9f9f9;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-even-row td.col-empl, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-even-row td.col-note, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-even-row td.col-jt, .staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .grid-even-row td.col-stat {
  background-color: #f9f9f9;
}
.staffing-details .RadGrid.RadGrid_WebBlue .rgMasterTable .footer a {
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.staffing-details .popover-title {
  display: none;
}
.staffing-details .popover-content {
  padding-top: 0;
}
.staffing-details .contacts-link, .staffing-details .notes-link, .staffing-details .jobtitles-link {
  width: 20px;
  display: block;
  margin-right: 8px;
  margin-top: 8px;
}
.staffing-details div.note-popover-content {
  word-break: break-all;
}
.staffing-details table.contacts .name {
  font-weight: bold !important;
  width: 75px;
}
.staffing-details table.contacts td {
  height: 20px;
}
.staffing-details .shift-history-item {
  border: 1px dashed #c0c0c0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 3px;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.staffing-details .shift-history-title {
  display: block !important;
}
.staffing-details div.contacts, .staffing-details div.notes-popover, .staffing-details .history, .staffing-details .alljobtitles {
  display: none !important;
}

.popover .popover-inner .popover-title {
  padding: 0;
}
.popover .popover-inner p {
  margin: 0;
}

@media (max-width: 1600px) {
  .page-staffing-details #container #main #main-content .RadGrid {
    overflow-x: unset;
  }
}
/* -----Month Selector in MonthSelector.ascs and TradeShift.aspx---- */
.HideTextInput {
  display: none !important;
}

/* Hide current time slot selection */
.rsMonthView .rsAptCreate {
  background-image: inherit !important;
  background: inherit !important;
}

/* Do not show underlining on day header text */
.rsMonthView .rsDateBox a:hover {
  cursor: default !important;
  text-decoration: none !important;
}

.rsMonthView .rsDateBox a {
  cursor: default !important;
  text-decoration: none !important;
}

/* Set minimum height of day */
.rsMonthView .rsRow {
  height: 60px !important;
}

/* Style for Staff Scheduling page */
.page-staff-scheduling .header-controls {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  .page-staff-scheduling .header-controls.--selector {
    flex-direction: column;
  }
}
.page-staff-scheduling .header-controls label {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .page-staff-scheduling .header-controls label.selector-label {
    width: 80px;
  }
}
.page-staff-scheduling .header-controls .header-form {
  display: flex;
  align-items: center;
}
.page-staff-scheduling .--selector-wrap {
  margin-right: 16px;
}
@media (max-width: 991px) {
  .page-staff-scheduling .--selector-wrap {
    margin-bottom: 8px;
  }
}
.page-staff-scheduling .spacer {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .page-staff-scheduling .spacer {
    display: none;
  }
}
.page-staff-scheduling .employee-info {
  display: block;
  margin-top: 4px;
  text-wrap: wrap;
}
.page-staff-scheduling .addl-info {
  color: #626262;
  display: none;
  margin-top: 8px;
}
.page-staff-scheduling .addl-info .--phone, .page-staff-scheduling .addl-info .--note {
  font-weight: bold;
  color: #767676;
}
.page-staff-scheduling .grid-container.show-expanded .addl-info {
  display: block;
}
.page-staff-scheduling .grid-container .employee-id {
  display: none;
}
.page-staff-scheduling .RadGrid.RadGrid_WebBlue {
  overflow-x: scroll;
  width: auto !important;
}
.page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgRow td, .page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgAltRow td {
  padding: 8px;
  text-wrap: nowrap;
}
.page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgRow td:nth-child(2), .page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgAltRow td:nth-child(2) {
  color: black;
  position: sticky;
  background-color: #ffffff;
  border-right: #a2a2a2 solid 1px;
  top: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgRow td:nth-child(5), .page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgAltRow td:nth-child(5) {
  border-right: #a2a2a2 solid 2px;
}
.page-staff-scheduling .RadGrid.RadGrid_WebBlue .rgAltRow td:nth-child(2) {
  background-color: #e5e5e5;
  border-right: #a2a2a2 solid 1px;
}
.page-staff-scheduling .RadGrid.RadGrid_WebBlue th:nth-child(2) {
  background-color: #626262;
  border-right: #a2a2a2 solid 1px;
  position: sticky;
  top: 0;
  left: 0;
}
.page-staff-scheduling li.rcbDisabled.rcbSeparator {
  opacity: 1;
  padding-left: 29px;
}
.page-staff-scheduling li.rcbDisabled.rcbSeparator .rcbCheckBox {
  display: none;
}
.page-staff-scheduling li.rcbDisabled.rcbSeparator label {
  font-weight: bold;
}

/* Style for MyAccount*/
@media (max-width: 991px) {
  .myaccount.container-fluid {
    padding: 0;
  }
}
.myaccount label {
  width: auto;
}
.myaccount .list-group {
  margin-bottom: 0;
}
.myaccount .list-group .grid-even-row {
  background-color: #e5e5e5;
}
.myaccount .list-group .list-group-item {
  border: none;
}
.myaccount .list-group .list-group-item label {
  color: #626262;
  margin-top: 5px;
}
.myaccount .mergeaccounts {
  font-size: 14px;
}
.myaccount .mergeaccounts .merge-accounts-message {
  margin-bottom: 16px;
  color: #626262;
}
.myaccount .mergeaccounts label {
  width: 90px;
  font-size: 14px;
}
.myaccount .mergeaccounts .form-control {
  width: 50%;
  display: inline-block;
  margin: 10px 0;
}

/* Style for ViewReport page */
.view-report-container .container-fluid {
  padding: 0;
}
.view-report-container .container-fluid .row:first-child {
  margin-top: 0;
}
.view-report-container .report-filter .filter {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .view-report-container .report-filter .filter {
    flex-direction: column;
  }
  .view-report-container .report-filter .filter a.btn {
    margin-left: 0;
    margin-bottom: 24px;
  }
}
.view-report-container .report-filter .date {
  margin-right: 20px;
  margin-bottom: 15px;
  display: inline-flex;
}
.view-report-container .report-filter .date label {
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 8px;
}
.view-report-container .report-filter a {
  text-decoration: none;
}
.view-report-container .exclude label {
  color: #494949;
  margin: 0 8px 0 0;
}
.view-report-container .exclude .report-exclude-checkbox {
  display: flex;
  justify-content: center;
}
.view-report-container .exclude .report-exclude-checkbox table tbody tr {
  display: inline-block;
}
.view-report-container .exclude .report-exclude-checkbox table tbody tr td {
  display: inline-block;
  margin-bottom: 8px;
}
.view-report-container .exclude .report-exclude-checkbox table tbody tr td label {
  margin-left: 8px;
  margin-right: 32px;
}
.view-report-container .exclude .report-sort-radiobutton {
  display: flex;
  align-items: center;
}
.view-report-container .exclude .report-sort-checkbox {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.view-report-container .exclude .report-sort-checkbox span {
  margin: 0 16px 0 0;
  font-size: 14px;
}
@media (max-width: 567px) {
  .view-report-container .exclude .report-sort-checkbox {
    flex-direction: column;
    align-items: flex-start;
  }
}
.view-report-container .exclude .report-sort-checkbox input[type=checkbox], .view-report-container .exclude .report-sort-checkbox input[type=radio] {
  margin-top: 0;
}
.view-report-container .exclude .report-sort-checkbox label {
  width: 100%;
  margin-left: 8px;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
  width: 100%;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group span, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past span {
  width: 50%;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group label, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  background: grey;
  display: inline-block;
  border-radius: 9px;
  position: relative;
  top: 2px;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group label:after, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group input[type=checkbox], .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past input[type=checkbox] {
  display: none;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group input:checked + label, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past input:checked + label {
  background: #5192ca;
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group input:checked + label:after, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-group label:active:after, .view-report-container .exclude .report-sort-checkbox .report-sort-checkbox-past label:active:after {
  width: 10px;
}
.view-report-container .sort label {
  margin-left: 8px;
}
.view-report-container .ActiveLink::before {
  content: "\f0ed";
  font-family: FontAwesome;
  color: #5b93c6;
  margin: 0 5px 0 0;
  font-size: 13px;
}
.view-report-container a {
  font-size: 13px;
  text-decoration: underline;
}
.view-report-container a.DisabledLink {
  color: #888888;
}
.view-report-container a.ActiveLink {
  color: #3d7ab1;
}
.view-report-container .DisabledLink::before {
  content: "\f0ed";
  font-family: FontAwesome;
  color: #888888;
  margin: 0 5px 0 0;
  font-size: 13px;
}
.view-report-container .ReportToolbar {
  background-image: none !important;
  background-color: #e5e5e5;
  border-color: #cccccc !important;
}
@media (max-width: 991px) {
  .view-report-container {
    overflow-x: hidden;
  }
  .view-report-container .report-wrap .report-header {
    flex-direction: column;
  }
  .view-report-container .report-wrap .report-header .report-header-title {
    padding: 20px;
  }
  .view-report-container .report-wrap .report-header .report-header-organization-data {
    padding: 20px;
  }
  .view-report-container .report-wrap .report-container .report-container-header {
    flex-direction: column;
  }
  .view-report-container .report-wrap .report-container .report-container-header .report-container-header-total {
    margin-left: 0;
  }
  .view-report-container .report-wrap .report-container .report-container-header .report-container-date {
    margin-left: 0;
  }
}

.report-page-tabs .RadTabStrip {
  margin-bottom: 30px;
  box-shadow: none;
  position: relative;
  z-index: 50;
}
.report-page-tabs .RadTabStrip .rtsLevel1 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL li a {
  text-decoration: none;
  padding: 12px 16px;
  font-size: 14px;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL li a.iseldermark-tab {
  padding: 2px 1px;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI {
  display: inline-block;
  font-size: 14px;
  color: #3C3838;
  border-bottom: 3px solid transparent;
  padding: 12px 16px;
  font-size: 14px;
  cursor: pointer;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink {
  padding: 0;
  border: none;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsOut {
  padding-right: 0;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsOut .rtsIn {
  padding: 0;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI:hover, .report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI:focus {
  text-decoration: none;
  background-color: #e0e0e0;
  color: #000000;
  border-bottom: 3px solid #626262;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected {
  border-bottom: 3px solid #00629E;
  color: #00629E;
  font-weight: bold;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected span {
  color: #00629E;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected:hover {
  background: transparent;
  cursor: default;
}
.report-page-tabs .RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected:hover .rtsLink {
  cursor: default;
}
.report-page-tabs .RadTabStrip .rtsLevel2 {
  border-bottom: 1px solid #d5d5d5;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL {
  padding: 0;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI {
  float: none;
  display: inline-flex;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI {
  display: inline-block;
  padding: 0;
  font-size: 14px;
  color: #626262;
  border-bottom: 3px solid transparent;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI .rtsLink {
  padding: 0;
  border: none;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI .rtsOut {
  padding: 0;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI .rtsOut .rtsIn {
  padding: 0;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI a {
  color: #626262;
  text-decoration: none;
  padding: 12px 20px;
  display: inline-block;
  font-size: 14px;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI:hover, .report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI:focus {
  text-decoration: none;
  background-color: #e0e0e0;
  color: #3C3838;
  border-bottom: 3px solid #626262;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI:hover a, .report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI:focus a {
  color: #3C3838;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI.rtsSelected {
  border-bottom: 3px solid #5b93c6;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI.rtsSelected a {
  color: #5b93c6;
  font-weight: bold;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI.rtsSelected .fa {
  color: #5b93c6;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI.rtsSelected:hover {
  background: transparent;
  cursor: default;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI.rtsSelected:hover .rtsLink {
  cursor: default;
}
.report-page-tabs .RadTabStrip .rtsLevel2 .rtsUL .rtsLI.rtsSelected:hover .rtsLink a {
  cursor: default;
}

.report-wrap {
  background-color: #f8f8f8;
  margin-bottom: 40px;
  padding-bottom: 36px;
  border-radius: 0;
  position: relative;
}
.report-wrap .report-header {
  margin: -19px -19px 0 -19px;
  background-color: #5b93c6;
  color: #ffffff;
  display: flex;
  flex-direction: row;
}
.report-wrap .report-header .row {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.report-wrap .report-header .report-header-title {
  font-size: 35px;
  padding: 35px;
  padding-left: 48px;
  display: flex;
  align-items: center;
}
.report-wrap .report-header .report-header-organization-data {
  background-color: #4182bc;
  padding: 35px;
}
.report-wrap .report-header .report-header-organization-data .report-header-date {
  margin-top: 10px;
  color: #cddeed;
}
.report-wrap .daily-staffing-summary-report-header,
.report-wrap .daily-apn-summary-report-header {
  background-color: #8793a1;
  color: #ffffff;
  display: flex;
  flex-direction: row;
}
.report-wrap .daily-staffing-summary-report-header .row,
.report-wrap .daily-apn-summary-report-header .row {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.report-wrap .daily-staffing-summary-report-header .report-header-title,
.report-wrap .daily-apn-summary-report-header .report-header-title {
  font-size: 18px;
  padding: 35px;
  padding-left: 48px;
  display: flex;
  align-items: center;
}
.report-wrap .daily-staffing-summary-report-header .report-header-organization-data,
.report-wrap .daily-apn-summary-report-header .report-header-organization-data {
  background-color: #55606d;
  padding: 15px 35px 35px;
  font-size: 14px;
}
.report-wrap .daily-staffing-summary-report-header .report-header-organization-data .report-header-date,
.report-wrap .daily-apn-summary-report-header .report-header-organization-data .report-header-date {
  color: #ffffff;
  font-size: 14px;
}
.report-wrap .daily-staffing-summary-report-header .report-header-organization-data.end-day,
.report-wrap .daily-apn-summary-report-header .report-header-organization-data.end-day {
  background-color: #3F4750;
}
.report-wrap .daily-staffing-summary-report-header .report-header-organization-data .data-day-label,
.report-wrap .daily-apn-summary-report-header .report-header-organization-data .data-day-label {
  background-color: #c0c7ce;
  font-size: 14px;
  width: 160px;
  text-align: center;
  position: relative;
  left: -35px;
  top: -15px;
}
.report-wrap .report-container {
  margin-top: 32px;
}
.report-wrap .report-container .report-container-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.report-wrap .report-container .report-container-header .report-container-header-total {
  font-size: 26px;
  margin-left: 28px;
}
.report-wrap .report-container .report-container-header .report-container-header-total .report-container-header-total-hours {
  font-weight: bold;
}
.report-wrap .report-container .report-container-header .report-container-date {
  margin-left: auto;
  color: #959595;
}
.report-wrap .report-container .report-container-grid {
  margin-top: 36px;
}
.report-wrap .report-container .report-container-grid .report-container-grid-header {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
  padding: 0 16px 8px 32px;
  font-size: 14px;
  color: #959595;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .report-wrap .report-container .report-container-grid .report-container-grid-header {
    padding-left: 16px;
  }
}
.report-wrap .report-container .report-container-grid .report-container-grid-header .report-container-grid-header-name {
  width: 70%;
  text-align: left;
}
.report-wrap .report-container .report-container-grid .report-container-grid-header .report-container-grid-header-hours {
  width: 30%;
  text-align: left;
  margin-right: 32px;
  text-align: right;
}
@media (max-width: 991px) {
  .report-wrap .report-container .report-container-grid .report-container-grid-header .report-container-grid-header-hours {
    margin-right: 0;
  }
}
.report-wrap .report-container .report-container-grid .report-container-grid-body .report-container-group-name {
  font-size: 26px;
  color: #2a353d;
  padding-top: 15px;
  border-bottom-color: #2a353d;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.report-wrap .report-container .report-container-grid .report-container-grid-body .report-container-grid-body-data {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  font-size: 14px;
  background-color: #ffffff;
  color: #626262;
  min-height: 20px;
  padding: 16px;
  border: 1px solid #e5e5e5;
}
.report-wrap .report-container .report-container-grid .report-container-grid-body .report-container-grid-body-data .report-container-grid-body-data-name {
  width: 70%;
  text-align: left;
  margin-left: 16px;
}
@media (max-width: 991px) {
  .report-wrap .report-container .report-container-grid .report-container-grid-body .report-container-grid-body-data .report-container-grid-body-data-name {
    margin-left: 0;
  }
}
.report-wrap .report-container .report-container-grid .report-container-grid-body .report-container-grid-body-data .report-container-grid-body-data-hours {
  width: 30%;
  text-align: left;
  margin-right: 32px;
  text-align: right;
}
@media (max-width: 991px) {
  .report-wrap .report-container .report-container-grid .report-container-grid-body .report-container-grid-body-data .report-container-grid-body-data-hours {
    margin-right: 0;
  }
}
.report-wrap .report-container .report-container-grid .report-container-grid-total {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  font-size: 18px;
  background-color: #f2f7fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 20px;
  padding: 16px;
  border: none;
  font-weight: bold;
}
.report-wrap .report-container .report-container-grid .report-container-grid-total .report-container-grid-total-label {
  width: 70%;
  text-align: left;
  margin-left: 16px;
  color: #626262;
}
@media (max-width: 991px) {
  .report-wrap .report-container .report-container-grid .report-container-grid-total .report-container-grid-total-label {
    margin-left: 0;
  }
}
.report-wrap .report-container .report-container-grid .report-container-grid-total .report-container-grid-total-label label {
  font-weight: bold;
}
.report-wrap .report-container .report-container-grid .report-container-grid-total .report-container-grid-total-hours {
  width: 30%;
  text-align: left;
  color: #626262;
  margin-right: 32px;
  text-align: right;
}
@media (max-width: 991px) {
  .report-wrap .report-container .report-container-grid .report-container-grid-total .report-container-grid-total-hours {
    margin-right: 0;
  }
}
.report-wrap .report-container .report-container-grouped-total {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 20px;
  padding: 16px;
  border: none;
  font-weight: bold;
  margin-bottom: 30px;
}
.report-wrap .report-container .report-container-grouped-total .report-container-grid-total-label {
  width: 70%;
  text-align: left;
  margin-left: 16px;
  color: #626262;
}
.report-wrap .report-container .report-container-grouped-total .report-container-grid-total-label label {
  font-weight: bold;
}
.report-wrap .report-container .report-container-grouped-total .report-container-grid-total-hours {
  width: 30%;
  text-align: left;
  color: #626262;
}
.report-wrap .report-footer {
  display: none;
}

.employees-missing-kronos-ids-container {
  padding: 0 15px;
}

/* Style for NotificationList*/
/* Style for Department Settings*/
@media (max-width: 991px) {
  .department-setting-wrap {
    overflow: scroll;
  }
}

@media (max-width: 991px) {
  .departmentsettings {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .departmentsettings .pull-right {
    float: none !important;
    display: inline-block;
  }
  .departmentsettings .departmentsettings-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.departmentsettings label {
  font-size: 14px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .departmentsettings label {
    width: calc(100% - 135px);
  }
}
.departmentsettings span {
  font-size: 14px;
  color: #5b93c6;
  padding-right: 20px;
}
@media (max-width: 991px) {
  .departmentsettings span {
    padding-right: 0;
  }
}
.departmentsettings .alert {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
}

.iseldermark-label {
  display: inline-block;
}

@media (max-width: 991px) {
  #department-setting-wrap {
    overflow: scroll;
  }
}
#department-setting-wrap .department-account-invoices {
  margin-top: 15px;
}
#department-setting-wrap .eldermark-import .panel.panel-default .panel-title.panel-setting {
  width: 320px;
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select .RadUpload {
  width: initial;
  margin-right: 10px;
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select .RadUpload li {
  margin: 0;
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select .ruFileWrap {
  height: 24px;
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select .ruFileWrap .ruFakeInput.radPreventDecorate {
  display: block;
  width: 200px;
  height: 20px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select .eldermark-import-upload-button-wrap {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  #department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-upload-select .eldermark-import-upload-button-wrap {
    margin-top: 8px;
  }
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-averaging-method label {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 991px) {
  #department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-averaging-method label {
    font-size: 14px;
  }
}
#department-setting-wrap .eldermark-import .eldermark-import-controls .eldermark-import-averaging-method select {
  width: 150px;
  display: inline-block;
  height: 24px;
  padding: 1px 12px;
}

.editrole {
  padding: 0 40px;
}
.editrole input.form-control {
  display: inline-block;
  width: 90%;
}
.editrole .checkbox label {
  padding-left: 0;
  line-height: 20px;
}
.editrole h3 {
  font-size: 17px;
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.timeclock-settings {
  margin-top: 15px;
}
.timeclock-settings h2 {
  margin-bottom: 0;
}
.timeclock-settings .timeclock-settings-controls .timeclock-settings-save-button {
  display: flex;
  padding-bottom: 12px;
}
.timeclock-settings .timeclock-settings-controls .timeclock-settings-control {
  display: flex;
  justify-content: space-between;
}
.timeclock-settings .--checkbox {
  width: 160px;
}
.timeclock-settings .--add-btn a {
  margin: 0;
}

.residex-export {
  margin-top: 15px;
}
.residex-export .panel.panel-default .panel-title {
  width: 240px;
}
.residex-export .panel.panel-default .residex-export-download-button {
  text-align: right;
  margin-top: 24px;
}

.facility-geocode-primary-location-container {
  display: flex;
  flex-direction: row;
}
.facility-geocode-primary-location-container .facility-geocode-primary-location-label {
  color: #626262;
  font-size: 14px;
  font-weight: bold;
}
.facility-geocode-primary-location-container .facility-geocode-primary-location-map {
  margin-left: auto;
}

.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue {
  border: none;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table tr {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table td {
  margin: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .grid-even-row {
  background-color: #ffffff;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm {
  border: none;
  padding: 0;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm table, .setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm tbody {
  display: block;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm tr {
  box-shadow: none;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm tr td {
  padding: 0;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm tr td:first-child {
  display: none;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm .geocode-edit-container {
  display: flex;
  flex-direction: row;
}
.setting-timeclock-geocodes-container .RadGrid.RadGrid_WebBlue .geocode-table .rgEditForm .geocode-edit-container .geocode-map {
  margin-left: auto;
  height: 500px !important;
  width: 400px !important;
}
.setting-timeclock-geocodes-container .geocode-header {
  display: flex;
  flex-direction: row;
}
.setting-timeclock-geocodes-container .geocode-header .header-title {
  font-size: 26px;
  color: #5b93c6;
}
.setting-timeclock-geocodes-container .geocode-header .buttons-container {
  margin-left: auto;
}
.setting-timeclock-geocodes-container .geocode-header .btn-delete {
  color: #e0636e;
}
.setting-timeclock-geocodes-container .geocode-information-container {
  display: flex;
  flex-direction: row;
}
.setting-timeclock-geocodes-container .geocode-information-container .geocode-info {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.setting-timeclock-geocodes-container .geocode-information-container .geocode-info .geocode-label {
  width: 160px;
  display: inline-flex;
  color: #626262;
  font-weight: bold;
}
.setting-timeclock-geocodes-container .geocode-information-container .geocode-map {
  margin-left: auto;
}

/* Style for COPE Data */
.page-cope-common select, .page-cope-common input {
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 0 0;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.page-cope-common select:hover, .page-cope-common input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.page-cope-common.cope-jobtitle-setting select {
  width: auto !important;
}

.page-cope-data .cope-data-header .cope-page-title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 26px;
  line-height: inherit;
  color: #3C3838;
  border: none;
}
.page-cope-data .grid-toolbar {
  display: flex;
}
.page-cope-data .header-wrap {
  display: flex;
  flex-direction: column;
}
.page-cope-data .header-wrap .header-form-group {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.page-cope-data .header-wrap .header-form-group .job-title-filter {
  display: flex;
  align-items: center;
}
.page-cope-data .header-wrap .header-form-group .header-form-item-label {
  font-size: 14px;
}
.page-cope-data .header-wrap .header-form-group label {
  display: inline-block;
}
.page-cope-data .bulleted {
  padding-left: 1.2em;
}
.page-cope-data .cope-grid-header {
  margin-top: 20px;
}
.page-cope-data .cope-eventlog-grid {
  min-width: 900px;
}
.page-cope-data .cope-eventlog-grid table tbody td {
  vertical-align: top;
  padding: 0px 15px;
}
.page-cope-data .cope-eventlog-grid table tbody td div {
  margin: 10px 0;
}
.page-cope-data .cope-eventlog-grid table tbody td.cope-vieweventlog-message {
  padding: 10px 15px;
}
.page-cope-data .cope-eventlog-grid table tbody td.cope-vieweventlog-message textarea {
  border-radius: 4px;
  padding: 8px;
  background-color: #000;
  color: #ffffff;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 11px;
  overflow-y: scroll;
  height: 34px;
  width: 100%;
  min-width: 200px;
  resize: vertical;
}
.page-cope-data .cope-eventlog-grid table tbody td.cope-vieweventlog-message textarea.long-message {
  height: 400px;
}
.page-cope-data .json-wrap {
  height: 100px;
  overflow-y: scroll;
  position: relative;
}
.page-cope-data .json-wrap.json-fullscreen {
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  padding: 100px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-cope-data .json-wrap.json-fullscreen .toggle-fullscreen {
  position: fixed;
  right: 120px;
  top: 120px;
}
.page-cope-data .json-wrap.json-fullscreen pre {
  background-color: #fff;
  height: 100%;
}
.page-cope-data .json-wrap .toggle-fullscreen {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
}

.page-cope-site-setting .manual-projections-input-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cope-data-users ul {
  padding-left: 8px;
}
.cope-data-users .list-group {
  margin-bottom: 4px;
}
.cope-data-users .list-group .list-group-item {
  width: 110px;
  padding: 2px 4px;
  margin-top: 4px;
}

.cope-configration-container .range-container {
  display: flex;
  flex-direction: row;
  align-items: self-start;
}
@media (max-width: 991px) {
  .cope-configration-container .range-container {
    flex-direction: column;
  }
}
.cope-configration-container .range-container .range-wrap {
  margin-right: 20px;
}
.cope-configration-container .range-container .range-wrap .compliance-label {
  line-height: 28px;
  font-size: 14px;
  margin-left: 20px;
  color: #383838;
}
.cope-configration-container .range-container .range-wrap .--percent {
  display: flex;
  align-items: center;
}
.cope-configration-container .range-container .range-wrap .--percent .input-wrap {
  width: 100px;
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  height: 28px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.cope-configration-container .range-container .range-wrap .--percent .input-wrap.--min {
  background-color: #e0636e;
  color: #ffffff;
}
.cope-configration-container .range-container .range-wrap .--percent .input-wrap.--max {
  background-color: #33bf20;
  color: #ffffff;
}
.cope-configration-container .range-container .range-wrap .--percent .RadInput {
  margin-right: 4px;
  height: 28px;
  width: 100px !important;
}
.cope-configration-container .range-container .range-wrap .--percent .RadInput .riTextBox.riEnabled {
  height: 28px;
}

/* Style for COPE ManageScholar*/
/*COPE Colors*/
/*
$cope-color-primary: #10175f;
$cope-color-secondary: #00aef5;
$cope-color-secondary-hover: #007eb1;
$cope-color-background-color: #f0f7f9;
$cope-color-tertiary: #6ebe48;
*/
.cope-report-page .header-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1280px) {
  .cope-report-page .header-wrap {
    flex-direction: column;
    align-items: baseline;
  }
}
.cope-report-page .header-wrap .page-setting {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  color: #5b93c6;
  font-size: 14px;
}
@media (max-width: 1280px) {
  .cope-report-page .header-wrap .page-setting {
    margin-top: 20px;
  }
}
.cope-report-page .header-wrap .page-setting .setting-label {
  color: #626262;
  margin-right: 4px;
}
.cope-report-page .--subtitle .grad-year-select {
  margin-left: auto;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cope-report-page .--subtitle .mode-type-select {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cope-report-page .--subtitle .--select-wrap {
  font-size: 14px;
}
.cope-report-page .--subtitle .--select-wrap span {
  margin-right: 4px;
  color: #494949;
}
.cope-report-page .--subtitle .--select-wrap select {
  width: 130px;
}
.cope-report-page .divider {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.cope-report-page .--italic {
  font-style: italic;
}
.cope-report-page .on-chart-filter .btn {
  border-color: transparent;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  margin: 4px 2px;
  border-radius: 4px;
  box-shadow: 0 4px #7c7c7c;
  position: relative;
  transition: 0s box-shadow, 0.2s top, 0.4s background;
}
.cope-report-page .on-chart-filter .btn:hover {
  opacity: 0.8;
}
.cope-report-page .on-chart-filter .btn:active {
  box-shadow: none;
  top: 4px;
}
.cope-report-page .on-chart-filter .btn-disabled {
  background-color: #cccccc;
  color: #ffffff;
}
.cope-report-page .chart-container {
  grid-column: 1/5;
}
@media (max-width: 1920px) {
  .cope-report-page .chart-container {
    grid-column: 1/7;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .chart-container {
    grid-column: 1/13;
  }
}
.cope-report-page .shift-statistics-grid-container {
  grid-column: 5/9;
}
@media (max-width: 1920px) {
  .cope-report-page .shift-statistics-grid-container {
    grid-column: 7/13;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .shift-statistics-grid-container {
    grid-column: 1/13;
  }
}
.cope-report-page .scholar-statistics-container {
  grid-column: 9/13;
}
@media (max-width: 1920px) {
  .cope-report-page .scholar-statistics-container {
    grid-column: 1/13;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .scholar-statistics-container {
    grid-column: 1/13;
  }
}
.cope-report-page .panel.panel-default .panel-title {
  background-color: #10175f;
  width: fit-content;
  padding: 0 16px;
}
.cope-report-page .panel.panel-default .panel-title.heading-cope-total {
  background-color: #0078a9;
  color: #ffffff;
}
.cope-report-page .panel.panel-default.panel-cope-total {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.24);
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid {
  text-align: right;
  margin: 0 16px;
  font-size: 14px;
  column-gap: 0;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid div {
  padding: 4px 8px;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid div.--label {
  border-bottom: 1px solid #bbbbbb;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid div.--data {
  border-bottom: 1px solid #bbbbbb;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid .col-1-4 {
  grid-column: 1/4;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid .col-4-7 {
  grid-column: 4/7;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid .col-7-10 {
  grid-column: 7/10;
}
.cope-report-page .panel.panel-default.panel-cope-total .total-grid .col-10-13 {
  grid-column: 10/13;
}
.cope-report-page .panel.panel-default.panel-cope-total .--first-col {
  font-weight: bold;
  text-align: left;
}
.cope-report-page .panel.panel-default.panel-cope-total .--header-label {
  font-weight: bold;
  margin-bottom: 4px;
  border-bottom-color: #2a353d;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.cope-report-page .panel.panel-default.panel-cope-total .manual-projections-grid .--data {
  color: #5b93c6;
}
.cope-report-page .panel.panel-default.panel-cope-total .--select-month {
  text-align: right;
  font-size: 14px;
}
.cope-report-page .panel.panel-default.panel-cope-total .--select-month .select-default {
  color: #494949;
}
.cope-report-page .chart-container .chart-wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1920px) {
  .cope-report-page .chart-container .chart-wrap {
    flex-direction: row;
  }
}
.cope-report-page .chart-container .chart-wrap .chart {
  position: relative;
  height: 600px;
  width: 100%;
}
@media (max-width: 1920px) {
  .cope-report-page .chart-container .chart-wrap .chart {
    width: calc(100% - 200px);
  }
}
.cope-report-page .chart-container .chart-wrap .chart .legend-bottom {
  position: absolute;
  bottom: 20px;
  left: 0;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line {
  width: 100%;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line {
  position: absolute;
  display: inline-flex;
  left: 0;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  color: #959595;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line.fte-0 {
  bottom: 50px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line.fte-10 {
  bottom: 150px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line.fte-20 {
  bottom: 250px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line.fte-30 {
  bottom: 350px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line.fte-40 {
  bottom: 450px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-grid-line .line.fte-50 {
  bottom: 550px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group {
  display: flex;
  width: 100px;
  flex-direction: row;
  position: absolute;
  bottom: 0;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .month-data .fte-month-name {
  position: absolute;
  bottom: 20px;
  width: 100px;
  text-align: center;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .month-data .fte-hour-total {
  position: absolute;
  width: 100px;
  text-align: center;
  margin-bottom: 4px;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .hour-type-data {
  position: absolute;
  width: 70px;
  margin: 0 15px;
  z-index: 10;
  cursor: pointer;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .hour-type-data:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .hour-type-data .tooltip-text {
  opacity: 0;
  left: 50%;
  bottom: -6px;
  visibility: hidden;
  position: relative;
  transform: translateX(-50%);
  display: inline-block;
  padding: 5px;
  white-space: nowrap;
  font-size: 10.5px;
  line-height: 1.3;
  background: #333;
  color: #fff;
  border-radius: 3px;
  transition: 0.3s ease-in;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .hour-type-data .tooltip-text:before {
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-bottom: 7px solid #333;
}
.cope-report-page .chart-container .chart-wrap .chart .chart-group .fte-target-line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  z-index: 100;
  background-color: #ffc600;
}
.cope-report-page .chart-container .chart-wrap .lagend-container {
  width: 100%;
  margin-left: 0;
}
@media (max-width: 1920px) {
  .cope-report-page .chart-container .chart-wrap .lagend-container {
    width: 180px;
    margin-left: auto;
  }
}
.cope-report-page .chart-container .chart-wrap .lagend-container .legend {
  margin-bottom: 4px;
  display: inline-flex;
  align-items: center;
  width: 175px;
}
@media (max-width: 1920px) {
  .cope-report-page .chart-container .chart-wrap .lagend-container .legend {
    display: flex;
    width: auto;
  }
}
.cope-report-page .chart-container .chart-wrap .lagend-container .legend .colorBox {
  display: inline-flex;
}
.cope-report-page .chart-container .chart-wrap .lagend-container .legend .fte-target-line-legend {
  height: 2px;
  width: 15px;
  margin-right: 10px;
  background-color: #ffc600;
}
.cope-report-page .chart-container .fte-targets-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
  margin: 15px;
}
.cope-report-page .chart-container .fte-targets-grid .monthly-target {
  text-align: right;
}
.cope-report-page .chart-container .fte-targets-grid .monthly-target.--header-label {
  font-weight: bold;
}
.cope-report-page .chart-container .fte-targets-grid .monthly-target.--data {
  color: #5b93c6;
}
.cope-report-page .scholar-statistics-grid {
  text-align: right;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}
.cope-report-page .scholar-statistics-grid .scholar-statistics-grid-left {
  grid-column: 1/3;
}
@media (max-width: 1920px) {
  .cope-report-page .scholar-statistics-grid .scholar-statistics-grid-left {
    grid-column: 1/2;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .scholar-statistics-grid .scholar-statistics-grid-left {
    grid-column: 1/3;
  }
}
.cope-report-page .scholar-statistics-grid .scholar-statistics-grid-right {
  grid-column: 1/3;
}
@media (max-width: 1920px) {
  .cope-report-page .scholar-statistics-grid .scholar-statistics-grid-right {
    grid-column: 2/3;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .scholar-statistics-grid .scholar-statistics-grid-right {
    grid-column: 1/3;
  }
}
.cope-report-page .scholar-statistics-grid .grid-header-wrap {
  height: 24px;
  margin-bottom: 4px;
  background-color: #f2f7fb;
  border: 1px solid #e5e5e5;
  color: #494949;
  font-weight: bold;
  column-gap: 0;
}
.cope-report-page .scholar-statistics-grid .grid-header-wrap div {
  align-self: center;
  padding: 0 16px 0 0;
}
.cope-report-page .scholar-statistics-grid .grid-data-wrap {
  margin-bottom: 4px;
  background-color: #ffffff;
  color: #626262;
  border: 1px solid #e5e5e5;
  column-gap: 0;
}
.cope-report-page .scholar-statistics-grid .grid-data-wrap div {
  align-self: center;
  padding: 1px 16px 1px 0;
}
.cope-report-page .scholar-statistics-grid .grid-total-wrap {
  height: 24px;
  background-color: #f2f7fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-weight: bold;
  column-gap: 0;
}
.cope-report-page .scholar-statistics-grid .grid-total-wrap div {
  align-self: center;
  padding: 4px 16px 4px 0;
}
.cope-report-page .scholar-statistics-grid .--label, .cope-report-page .scholar-statistics-grid .--total {
  font-weight: bold;
}
.cope-report-page .--data-grid-scroll {
  overflow: auto;
}
.cope-report-page .--data-grid-scroll .--data-grid-min-width {
  min-width: 1680px;
}
.cope-report-page .--data-grid-scroll td:not(.--first-col), .cope-report-page .--data-grid-scroll th:not(.--first-col) {
  text-align: right;
}
.cope-report-page .--data-grid-scroll .shifting-compliance-tracker-wrap td:not(.--text-right), .cope-report-page .--data-grid-scroll .shifting-compliance-tracker-wrap th:not(.--text-right) {
  text-align: left;
}
.cope-report-page .hours-statistics-by-department-grid {
  display: flex;
  flex-direction: row;
}
.cope-report-page .--grid-group-wrap .--group-title {
  font-size: 14px;
  line-height: inherit;
  color: #005376;
  height: 50px;
}
.cope-report-page .--grid-group-wrap .--group-title.--projected-number-of-attended-shifts-title {
  width: 140px;
  white-space: normal;
}
.cope-report-page .--grid-group-wrap .--group-grid table th {
  min-width: 100px;
  text-wrap: nowrap;
}
.cope-report-page .--grid-group-wrap .--group-grid table th.--future {
  color: #94b8da;
}
.cope-report-page .--grid-group-wrap .--group-grid table td {
  min-width: 100px;
  text-align: right;
}
.cope-report-page .--grid-group-wrap .--group-grid table td.--future {
  color: #5b93c6;
}
.cope-report-page .--grid-group-wrap .--group-grid table td.--first-col {
  text-align: left;
}
.cope-report-page .--grid-group-wrap .--group-grid table .--rotation-type-label {
  width: 363px;
  min-width: 300px;
  max-width: 363px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cope-report-page .--grid-group-wrap .--group-grid table .--up {
  color: #33bf20;
  transform: rotate(-45deg);
}
.cope-report-page .--grid-group-wrap .--group-grid table .--down {
  color: #f00000;
  transform: rotate(45deg);
}
.cope-report-page .--grid-group-wrap .--group-grid .RadGrid.RadGrid_WebBlue {
  margin-top: 0;
}
.cope-report-page .--grid-group-wrap.--trends-per-department-group .--group-grid table th, .cope-report-page .--grid-group-wrap.--trends-per-department-group .--group-grid table td {
  min-width: 138px;
  text-align: center;
}
.cope-report-page .--grid-group-wrap.--attendanc-percentage-per-department-group .--not-reached {
  color: #F5595F;
}
.cope-report-page .shifting-compliance-tracker-container ul {
  margin: auto;
  text-align: left;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap {
  display: flex;
  flex-direction: row;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .RadGrid.RadGrid_WebBlue {
  margin-top: 0;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap {
  margin: 16px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1920px) {
  .cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap {
    flex-direction: column;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap {
    flex-direction: column;
  }
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .pie-chart {
  position: relative;
  width: 240px;
  min-height: 240px;
  border-radius: 50%;
  margin: 0;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  margin: 0 0 0 30px;
}
@media (max-width: 1920px) {
  .cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data {
    margin: 30px 0 0 0;
  }
}
@media (max-width: 1280px) {
  .cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data {
    margin: 30px 0 0 0;
  }
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data .--legend {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  color: #5b93c6;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data .--legend .--label-wrap {
  display: flex;
  flex-direction: row;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data .--legend .--label-wrap .--legend-label {
  width: 128px;
  color: #494949;
}
.cope-report-page .shifting-compliance-tracker-container .shifting-compliance-tracker-wrap .piechart-container .chart-wrap .--legend-data .--legend .--legend-color {
  border: solid 1px #626262;
  height: 8px;
  width: 48px;
}
.cope-report-page .cope-floor-hs-color {
  background-color: #3c78d8;
}
.cope-report-page .cope-floor-hs-scheduled-color {
  background-color: #7ba8ed;
}
.cope-report-page .cope-floor-jhs-color {
  background-color: #5a97ce;
}
.cope-report-page .cope-floor-jhs-scheduled-color {
  background-color: #9fc5e8;
}
.cope-report-page .cope-floor-cn-color {
  background-color: #578d99;
}
.cope-report-page .cope-floor-cn-scheduled-color {
  background-color: #a2c4c9;
}
.cope-report-page .cope-blank-color {
  background-color: #980000;
}
.cope-report-page .cope-projects-color {
  background-color: #674ea7;
}
.cope-report-page .cope-projects-projected-color {
  background-color: #c6bbdd;
}
.cope-report-page .cope-leadership-office-color {
  background-color: #6aa84f;
}
.cope-report-page .cope-leadership-home-color {
  background-color: #93c47d;
}
.cope-report-page .cope-leadership-projected-color {
  background-color: #b0d1a3;
}
.cope-report-page .cope-training-color {
  background-color: #a64d79;
}
.cope-report-page .cope-training-projected-color {
  background-color: #d5a6bd;
}
.cope-report-page .cope-meeting-color {
  background-color: #f9cb9c;
}
.cope-report-page .cope-other-color {
  background-color: #999999;
}
.cope-report-page .cope-fte-target-color {
  background-color: #ffc600;
}
.cope-report-page .--disabled {
  background-color: #cccccc;
}
.cope-report-page .cope-Compliant-color {
  color: #228c13;
}
.cope-report-page .cope-PartiallyCompliant-color {
  color: #ffc600;
}
.cope-report-page .cope-NotCompliant-color {
  color: #f17d7e;
}
.cope-report-page .cope-NotShifting-color {
  color: #cf383e;
}
.cope-report-page .cope-NotActive-color {
  color: #333333;
}
.cope-report-page .--statistics .RadGrid {
  margin-top: 0px;
  overflow-x: hidden !important;
}
.cope-report-page .--statistics .RadGrid .rgFooter {
  color: #fff !important;
}

.RadGrid_WebBlue .rgMasterTable, .RadGrid_WebBlue .rgDetailTable, .RadGrid_WebBlue .rgGroupPanel table, .RadGrid_WebBlue .rgCommandRow table, .RadGrid_WebBlue .rgEditForm table, .RadGrid_WebBlue .rgPager table {
  font-size: 12px;
  line-height: 16px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td {
  padding-top: 4px;
  padding-bottom: 3px;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
  padding-top: 5px;
  padding-bottom: 4px;
  text-align: left;
  font-weight: normal;
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td, .RadGrid .rgFilterRow > td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
  padding-left: 7px;
  padding-right: 7px;
}

.RadGrid_WebBlue td {
  border-color: #fff #fff #fff #dae2e8;
}

.RadGrid_WebBlue .rgRow > td, .RadGrid_WebBlue .rgAltRow > td, .RadGrid_WebBlue .rgEditRow > td, .RadGrid_WebBlue .rgFooter > td {
  border-style: solid;
  border-width: 0 1px 1px;
}

.RadGrid .rgAltRow > td:first-child, .RadGrid .rgRow > td:first-child {
  border-left-color: transparent;
}

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
  border-collapse: separate;
  border-spacing: 0;
}

.RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgEditRow, .RadGrid .rgFooter, .RadGrid .rgGroupHeader {
  height: 36px;
  height: calc(1.42857143em + 16px);
}

.RadComboBox {
  width: 12em;
  line-height: 1.42857143;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

html .RadComboBox_Office2007 .rcbReadOnly {
  background: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

html .RadComboBox_Office2007 .rcbReadOnly {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  font-size: 14px;
  border-radius: 4px;
  padding: 0 8px;
}

.RadComboBox .rcbActionButton {
  padding: 4px;
  width: 1.42857143em;
  height: 1.42857143em;
  color: inherit;
  border-width: 0 0 0 1px;
  border-style: solid;
  box-sizing: content-box;
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0;
  font: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  outline: 0;
}

.RadGrid .rgFilterRow input {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}

html .RadComboBox_Office2007 .rcbActionButton {
  background: transparent;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: none;
  color: inherit;
  background: 0;
  border-width: 0;
  outline: 0;
}

.RadComboBox .rcbInner {
  padding: 4px 2em 4px 10px;
  border-width: 1px;
  border-style: solid;
  background-repeat: repeat-x;
  background-position: 0 0;
  display: block;
  position: relative;
}

.RadGrid_WebBlue .rgFilterRow {
  background: #dae2e8;
}

.RadGrid .rgFilterRow > td {
  padding-top: 3px;
  padding-bottom: 2px;
}

.piechart {
  width: 240px;
  height: 240px;
  background: #FC5B3F;
  margin: 10px auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transform: rotate(108deg);
}
.piechart .pie-wrap {
  width: 480px;
  height: 480px;
  position: absolute;
  top: -120px;
  left: -120px;
}
.piechart .pie-wrap div {
  width: 480px;
  height: 480px;
}
.piechart .pie-wrap div .pie {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 27%;
  font-size: 12px;
  text-align: center;
  z-index: 9999;
  color: #fff;
}
.piechart .pie-wrap div .pie-span {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: solid transparent;
  border-width: 240px;
  position: relative;
  transform-origin: 50% 100%;
}

/* Style for Manage Scholars */
.page-cope-manage-scholars .cope-scholars-header .cope-page-title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 26px;
  line-height: inherit;
  color: #3C3838;
  border: none;
}
.page-cope-manage-scholars .bulleted {
  padding-left: 1.2em;
}
.page-cope-manage-scholars .RadGrid.RadGrid_WebBlue {
  width: auto !important;
  overflow-x: scroll;
}

/* Style for Department Schedules*/
.departmentscheduleconflicts legend {
  margin-top: 20px;
}
.departmentscheduleconflicts table th {
  padding: 5px 10px;
  background-color: #626262;
  color: #ffffff;
}
.departmentscheduleconflicts table tbody tr.grid-odd-row {
  background-color: #e5e5e5;
}
.departmentscheduleconflicts table tbody tr.grid-even-row {
  background-color: white;
}
.departmentscheduleconflicts table tbody tr td {
  padding: 10px;
}
.departmentscheduleconflicts table tbody tr td hr {
  margin: 5px 0;
  border-top: solid 1px #a2a2a2;
}

.template-schedule-horizontal .RadScheduler_Default .rsArrowRight,
.department-schedule-horizontal .RadScheduler_Default .rsArrowRight,
.department-schedule-premium-periods .RadScheduler_Default .rsArrowRight {
  cursor: default;
}
.template-schedule-horizontal .RadScheduler_Default a, .template-schedule-horizontal .RadScheduler_Default span,
.department-schedule-horizontal .RadScheduler_Default a,
.department-schedule-horizontal .RadScheduler_Default span,
.department-schedule-premium-periods .RadScheduler_Default a,
.department-schedule-premium-periods .RadScheduler_Default span {
  color: #000000;
}
.template-schedule-horizontal .RadScheduler_Default .rsAptOut,
.department-schedule-horizontal .RadScheduler_Default .rsAptOut,
.department-schedule-premium-periods .RadScheduler_Default .rsAptOut {
  cursor: pointer;
}
.template-schedule-horizontal .RadScheduler_Default .am-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .am-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .am-shift .rsAptMid {
  background: #eff6fc;
}
.template-schedule-horizontal .RadScheduler_Default .am-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .am-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .am-shift .rsAptMid .rsAptIn {
  background: #eff6fc;
}
.template-schedule-horizontal .RadScheduler_Default .am-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .am-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .am-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #eff6fc;
}
.template-schedule-horizontal .RadScheduler_Default .pm-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .pm-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .pm-shift .rsAptMid {
  background: #d1dfea;
}
.template-schedule-horizontal .RadScheduler_Default .pm-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .pm-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .pm-shift .rsAptMid .rsAptIn {
  background: #d1dfea;
}
.template-schedule-horizontal .RadScheduler_Default .pm-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .pm-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .pm-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #d1dfea;
}
.template-schedule-horizontal .RadScheduler_Default .noc-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .noc-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .noc-shift .rsAptMid {
  background: #bcc8d3;
}
.template-schedule-horizontal .RadScheduler_Default .noc-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .noc-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .noc-shift .rsAptMid .rsAptIn {
  background: #bcc8d3;
}
.template-schedule-horizontal .RadScheduler_Default .noc-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .noc-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .noc-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #bcc8d3;
}
.template-schedule-horizontal .RadScheduler_Default .fte-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .fte-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .fte-shift .rsAptMid {
  background: #ffc600;
}
.template-schedule-horizontal .RadScheduler_Default .fte-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .fte-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .fte-shift .rsAptMid .rsAptIn {
  background: #ffc600;
}
.template-schedule-horizontal .RadScheduler_Default .fte-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .fte-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .fte-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #ffc600;
}
.template-schedule-horizontal .RadScheduler_Default .overtime-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .overtime-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .overtime-shift .rsAptMid {
  background: #f00000;
}
.template-schedule-horizontal .RadScheduler_Default .overtime-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .overtime-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .overtime-shift .rsAptMid .rsAptIn {
  background: #f00000;
}
.template-schedule-horizontal .RadScheduler_Default .overtime-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .overtime-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .overtime-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #f00000;
}
.template-schedule-horizontal .RadScheduler_Default .premium-period a,
.department-schedule-horizontal .RadScheduler_Default .premium-period a,
.department-schedule-premium-periods .RadScheduler_Default .premium-period a {
  display: none;
}
.template-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .premium-period .rsAptMid {
  background: #3d7ab1;
}
.template-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .premium-period .rsAptMid .rsAptIn {
  background: #3d7ab1;
}
.template-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .premium-period .rsAptMid .rsAptIn .rsAptContent {
  background: #3d7ab1;
}
.template-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-horizontal .RadScheduler_Default .premium-period .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-premium-periods .RadScheduler_Default .premium-period .rsAptMid .rsAptIn .rsAptContent span {
  color: #ffffff;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift a, .template-schedule-horizontal .RadScheduler_Default .open-shift span,
.department-schedule-horizontal .RadScheduler_Default .open-shift a,
.department-schedule-horizontal .RadScheduler_Default .open-shift span,
.department-schedule-premium-periods .RadScheduler_Default .open-shift a,
.department-schedule-premium-periods .RadScheduler_Default .open-shift span {
  color: #000000;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .open-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .open-shift .rsAptMid {
  background: #33bf20;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .open-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .open-shift .rsAptMid .rsAptIn {
  background: #33bf20;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .open-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .open-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #33bf20;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.pm-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .open-shift.pm-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.pm-shift .rsAptMid {
  background: #2da91c;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.pm-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .open-shift.pm-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.pm-shift .rsAptMid .rsAptIn {
  background: #2da91c;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .open-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #2da91c;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.noc-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .open-shift.noc-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.noc-shift .rsAptMid {
  background: #227d15;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.noc-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .open-shift.noc-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.noc-shift .rsAptMid .rsAptIn {
  background: #227d15;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .open-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #227d15;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift .rsAptMid {
  background: #5924b0;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn {
  background: #5924b0;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #5924b0;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent a, .template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent a,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent a,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift .rsAptMid .rsAptIn .rsAptContent span {
  color: #ffffff;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid {
  background: #3d1979;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn {
  background: #3d1979;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #3d1979;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent a, .template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent a,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent a,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.pm-shift .rsAptMid .rsAptIn .rsAptContent span {
  color: #ffffff;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid {
  background: #2a1153;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn {
  background: #2a1153;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent {
  background: #2a1153;
}
.template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent a, .template-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent a,
.department-schedule-horizontal .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent span,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent a,
.department-schedule-premium-periods .RadScheduler_Default .open-shift.nursa-shift.noc-shift .rsAptMid .rsAptIn .rsAptContent span {
  color: #ffffff;
}
.template-schedule-horizontal .horizontal-schedule-jobtitle-header,
.department-schedule-horizontal .horizontal-schedule-jobtitle-header,
.department-schedule-premium-periods .horizontal-schedule-jobtitle-header {
  color: #ffffff;
}
.template-schedule-horizontal .--assignee-wrap,
.department-schedule-horizontal .--assignee-wrap,
.department-schedule-premium-periods .--assignee-wrap {
  display: flex;
  height: 20px;
  align-items: center;
}
.template-schedule-horizontal .--assignee-wrap .fa-lock,
.department-schedule-horizontal .--assignee-wrap .fa-lock,
.department-schedule-premium-periods .--assignee-wrap .fa-lock {
  margin-right: 4px;
  height: 9px;
}
.template-schedule-horizontal .--assignee-wrap .secondary-assignee,
.department-schedule-horizontal .--assignee-wrap .secondary-assignee,
.department-schedule-premium-periods .--assignee-wrap .secondary-assignee {
  margin-left: 4px;
}
.template-schedule-horizontal .--assignee-wrap .secondary-assignee .fa,
.department-schedule-horizontal .--assignee-wrap .secondary-assignee .fa,
.department-schedule-premium-periods .--assignee-wrap .secondary-assignee .fa {
  margin-right: 0px;
  margin-left: 4px;
  color: #e0636e;
}

.spreadsheetview-shift-overtime {
  color: #f00000;
}

.spreadsheetview-shift-fte {
  color: #ffc600;
}

.DayItem br:first-child {
  display: none;
}

.horizontal-view-btn-wrap {
  display: flex;
  align-items: center;
}
.horizontal-view-btn-wrap .print-btn {
  margin-left: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

.horizontal-department-schedule-day-wrap .rsHorizontalHeaderWrapper .rsHorizontalHeaderTable th {
  font-size: 10px;
}

.manage-schedules-header {
  display: flex;
  flex-direction: row;
}
.manage-schedules-header .schedule-years {
  margin-left: auto;
}

.panel-hidden {
  display: none;
}

.grid-department-view-actions .rmText {
  padding-right: 0 !important;
}

.department-schedule-spreadsheet .DayHeader br {
  display: none;
}
.department-schedule-spreadsheet thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.page-grid-department-view {
  max-width: 1200px;
}
.page-grid-department-view .RadGrid {
  width: auto;
}
.page-grid-department-view .RadGrid table .grid-odd-row:hover, .page-grid-department-view .RadGrid table .grid-even-row:hover {
  background: #cddeed;
}
.page-grid-department-view .RadGrid table .grid-odd-row input[type=checkbox], .page-grid-department-view .RadGrid table .grid-even-row input[type=checkbox] {
  margin-left: 5px;
}
.page-grid-department-view .RadGrid table .grid-odd-row.grid-view-shift-open {
  background-color: #2eae1d;
  color: #ffffff;
}
.page-grid-department-view .RadGrid table .grid-odd-row.grid-view-shift-open .btn-link {
  color: #ffffff;
}
.page-grid-department-view .RadGrid table .grid-odd-row.grid-view-shift-open:hover {
  background: #279319;
}
.page-grid-department-view .RadGrid table .grid-even-row.grid-view-shift-open {
  background-color: #2eae1d;
  color: #ffffff;
}
.page-grid-department-view .RadGrid table .grid-even-row.grid-view-shift-open .btn-link {
  color: #ffffff;
}
.page-grid-department-view .RadGrid table .grid-even-row.grid-view-shift-open:hover {
  background: #279319;
}
.page-grid-department-view .RadGrid table input[type=checkbox] {
  transform: scale(1.3);
  accent-color: #e0636e;
}
.page-grid-department-view .RadButton_Default.rbButton {
  background-image: none;
  padding: 4px 8px;
  min-width: 40px;
  width: 103px !important;
  border-radius: 0;
}
.page-grid-department-view .RadButton_Default.rbButton.rbHovered {
  background-image: none;
}
.page-grid-department-view .grid-view-btn-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page-grid-department-view .grid-view-btn-wrap .btn.btn-primary {
  margin: 0;
}
.page-grid-department-view .grid-view-btn-wrap .action-btn-wrap {
  margin-left: auto;
}

.rmVertical.rmGroup.rmLevel1 {
  cursor: pointer;
  background: none;
  background-color: #e0636e;
  border-color: #dc4e5a;
  border-width: 1px;
  color: #ffffff;
  transition-duration: 0.3s !important;
}
.rmVertical.rmGroup.rmLevel1:hover {
  background-color: #573499;
  border-color: #4c2e86;
}
.rmVertical.rmGroup.rmLevel1 .rmItem.rmFirst.rmLast.rmTemplate {
  width: 100px !important;
}
.rmVertical.rmGroup.rmLevel1 .rmText {
  padding: 0 8px;
  background-image: none;
}

.eldermark-progress {
  height: 2px;
  background: #ffffff;
  border-radius: 0;
  box-shadow: none;
  margin: 32px 0 20px;
  overflow: visible;
  position: relative;
}
.eldermark-progress::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  left: 0%;
  top: -2px;
}
.eldermark-progress::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  right: 0%;
  top: -2px;
}
.eldermark-progress .eldermark-center-circle {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  right: 50%;
  top: -3px;
}
.eldermark-progress .eldermark-progress-bar {
  box-shadow: none;
  border-radius: 0;
  position: relative;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
  z-index: 10;
}
.eldermark-progress .eldermark-progress-bar::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  border: solid 2px #ffffff;
  position: absolute;
  right: -5px;
  top: -6px;
}
.eldermark-progress .eldermark-progress-bar .eldermark-progress-value {
  width: 38px;
  height: 16px;
  line-height: 15px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-weight: 700;
  color: #547b82;
  text-align: center;
  position: absolute;
  bottom: 13px;
  right: -16px;
}
.eldermark-progress .eldermark-progress-bar .eldermark-progress-value::after {
  content: "";
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -5px;
  left: 40%;
}
.eldermark-progress.eldermark-quality-level-1 .eldermark-progress-bar:after {
  background: #32b16c;
}
.eldermark-progress.eldermark-quality-level-2 .eldermark-progress-bar:after {
  background: #ffc501;
}
.eldermark-progress.eldermark-quality-level-3 .eldermark-progress-bar:after {
  background: #e1636e;
}
.eldermark-progress .eldermark-need {
  padding-top: 8px;
  font-weight: normal;
  font-size: 11px;
  color: #d6e4e6;
}

.eldermark-counter .eldermark-counter-chart {
  display: inline-block;
}
.eldermark-counter .eldermark-counter-chart .eldermark-counter-chart-divider {
  display: block;
  width: 90px;
  margin: 0 auto 5px;
  background: #ffffff;
  height: 1px;
  box-shadow: 0px 1.5px 1px 0px gray;
}
.eldermark-counter .eldermark-counter-chart.eldermark-quality-level-1 {
  background: #32b16c;
}
.eldermark-counter .eldermark-counter-chart.eldermark-quality-level-2 {
  background: #ffc501;
}
.eldermark-counter .eldermark-counter-chart.eldermark-quality-level-3 {
  background: #e1636e;
}
.eldermark-counter .eldermark-counter-data {
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
}
.eldermark-counter .eldermark-counter-data .eldermark-scheduled-hours {
  font-size: 14px;
  color: #888888;
  margin-bottom: 10px;
}
.eldermark-counter .eldermark-counter-data .eldermark-scheduled-hours span {
  display: block;
  font-weight: bold;
}
.eldermark-counter .eldermark-counter-data label {
  font-weight: bold;
}
.eldermark-counter .eldermark-counter-data span.eldermark-counter-quality-count {
  float: right;
  font-weight: bold;
}
.eldermark-counter .eldermark-counter-data .eldermark-counter-quality-level-1 {
  border-left: 3px solid #32b16c;
  padding-left: 5px;
  height: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  font-size: 14px;
}
.eldermark-counter .eldermark-counter-data .eldermark-counter-quality-level-2 {
  border-left: 3px solid #ffc501;
  padding-left: 5px;
  height: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  font-size: 14px;
}
.eldermark-counter .eldermark-counter-data .eldermark-counter-quality-level-3 {
  border-left: 3px solid #e1636e;
  padding-left: 5px;
  height: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  font-size: 14px;
}
.eldermark-counter .acuity-summary-wrap {
  font-size: 14px;
  margin-left: 15px;
}
.eldermark-counter .acuity-summary-wrap div {
  margin-bottom: 4px;
}
.eldermark-counter .acuity-summary-wrap .acuity-summary-label {
  color: #888888;
  display: inline-block;
  width: 125px;
}
.eldermark-counter .acuity-summary-wrap .acuity-summary-value {
  display: inline-block;
  font-weight: bold;
}

.verticalview-bg {
  margin-top: 20px;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  padding: 20px 0;
}
.verticalview-bg .--currentMonth {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 16px;
  align-items: center;
}
.verticalview-bg .--currentMonth a.periodselector-btn {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #cddeed;
  border-radius: 100px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
@media (max-width: 991px) {
  .verticalview-bg .--currentMonth a.periodselector-btn {
    font-size: 18px;
  }
}
.verticalview-bg .--currentMonth a.periodselector-btn:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background-color: #94b8da;
}
.verticalview-bg .--currentMonth a.periodselector-btn i {
  color: #222222;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.verticalview-bg .--currentMonth a.periodselector-btn i.fa-chevron-left {
  margin-left: -3px;
  margin-top: 3px;
}
.verticalview-bg .--currentMonth a.periodselector-btn i.fa-chevron-right {
  margin-right: -2px;
  margin-top: 3px;
}
.verticalview-bg .--currentMonth .aspNetDisabled {
  visibility: hidden;
}
.verticalview-bg .spacer-container {
  margin-left: 11px;
}

/* Style for TemplateShchedule*/
.edittemplate .--btn-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.edittemplate label {
  margin-left: 5px;
  font-size: 14px;
}
.edittemplate table td label {
  margin: 0 5px;
  vertical-align: middle;
  font-size: 12px;
}
.edittemplate .form-horizontal .control-label {
  margin-left: 0;
}
.edittemplate .start-day .start-day-input input {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px;
  display: block;
  width: 100%;
  height: 24px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.edittemplate .start-day .start-day-label {
  font-size: 14px;
  margin: 0 8px;
}
.edittemplate ul.jobtitle-checkbox {
  margin-left: 0;
  padding-left: 0px;
}
.edittemplate ul.jobtitle-checkbox li {
  display: inline-flex;
  margin-bottom: 12px;
}
.edittemplate ul.jobtitle-checkbox li label {
  margin: 0 16px;
}
.edittemplate .btn.btn-primary {
  margin: 0 8px 0 0;
}
.edittemplate .--divider {
  border-top: 1px solid #e5e5e5;
  margin: 24px 0;
}

@media (max-width: 991px) {
  .template-schedules {
    overflow: scroll;
  }
}

.template-schedule-export-selector {
  float: right;
}

.vertical-template-view .save-button-container .btn.btn-primary {
  margin: 0;
}

.template-schedule-horizontal .rsHorizontalHeaderWrapper .rsHorizontalHeaderTable th {
  font-size: 10px;
}

.vertical-template-view .verticalview.affix {
  margin-top: 54px;
}

.week-template-list .delete-button, .week-template-list .edit-button {
  text-decoration: none;
}

.rotations {
  display: flex;
  flex-wrap: wrap;
}
.rotations .job-title-rotation {
  margin-right: 16px;
}

.rotation-clone-btn {
  margin-top: 32px;
}

/* Style for Abailable Shits*/
@media (max-width: 991px) {
  .trade-proposal {
    padding: 0;
  }
}
.trade-proposal .RadGrid.RadGrid_WebBlue {
  border: none;
  background-color: #f0f0f0;
}
.trade-proposal .RadGrid.RadGrid_WebBlue .rgDataDiv {
  height: auto !important;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table h3 {
  margin-bottom: 20px;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table .grid-odd-row {
  background-color: #f0f0f0;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table .grid-even-row {
  background-color: #d7d7d7;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td {
  border: solid 1px #f0f0f0;
  padding: 0px;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td .btn-default {
  color: #626262;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td .well {
  margin-bottom: 5px;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td .alert {
  margin-bottom: 0;
  padding: 19px;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td .fa {
  text-align: center;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td .accept-trade {
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
}
.trade-proposal .RadGrid.RadGrid_WebBlue table td .accept-trade .btn.btn-default {
  margin: 10px 0 0 0;
}
.trade-proposal .rgHeaderWrapper {
  border: none !important;
}

.available-shift-radio-button li {
  font-size: 14px;
}
.available-shift-radio-button li span {
  font-size: 14px;
}
.available-shift-radio-button li .RadAjaxPanel {
  display: inline-block !important;
}

.restricted-shift-proposals {
  max-width: 800px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue {
  background-color: #f8f8f8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 8px;
  border: none;
  border-radius: 4px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table th.rgHeader {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  background-color: #716969;
  border-radius: 4px;
  padding: 0px 25px 2px 25px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table th.rgHeader.shift-header {
  background-color: #716969;
  margin: 4px 8px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .rgRow, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .rgAltRow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 8px;
  padding: 8px;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  display: inline-flex;
  width: calc(100% - 16px);
  height: auto;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .rgRow td, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .rgAltRow td {
  border: none;
  width: 100%;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .grid-even-row {
  background-color: #f0f0f0;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .shift-item .date {
  font-size: 18px;
  color: #3C3838;
  font-weight: bold;
  margin: 12px 0;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .shift-item .time {
  font-size: 26px;
  color: #3C3838;
  font-weight: bold;
  margin-bottom: 12px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .shift-item .jobtitle {
  font-size: 18px;
  color: #626262;
  font-weight: bold;
  margin-bottom: 12px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .shift-item .current-employee {
  font-size: 14px;
  color: #626262;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .shift-item .current-employee .--name {
  color: #5b93c6;
  font-weight: bold;
  margin-left: 8px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .shift-item .current-employee .--name.--open {
  color: #33bf20;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .RadGrid.RadGrid_WebBlue {
  border: none;
  background-color: transparent;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid th.rgHeader {
  display: none;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid th.rgHeader.proposal-header {
  display: inline-block;
  background-color: #8b8282;
  margin-bottom: 4px;
  margin-bottom: 8px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
  margin: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s ease-in-out;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow:hover, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow:hover {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td {
  display: inline-flex;
  border: none;
  align-items: center;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td:last-child, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td:last-child {
  justify-self: end;
  justify-content: end;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td .employee-wrap, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td .employee-wrap {
  display: flex;
  flex-direction: row;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td .employee-wrap .--employee-name, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td .employee-wrap .--employee-name {
  font-size: 14px;
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td .employee-wrap .--comment, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td .employee-wrap .--comment {
  margin-left: 8px;
  color: #494949;
  font-size: 11px;
}
@media (max-width: 991px) {
  .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td .employee-wrap .--comment, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td .employee-wrap .--comment {
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (max-width: 991px) {
  .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgRow td .employee-wrap, .restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .rgAltRow td .employee-wrap {
    flex-direction: column;
  }
}
.restricted-shift-proposals .restricted-shift-proposals-grid.RadGrid.RadGrid_WebBlue table .restricted-shift-proposals-inner-grid .grid-even-row {
  background-color: #e5e5e5;
}

/* Style for Message Board*/
.messageboard .checkbox {
  display: inline-block;
  margin-bottom: 0;
}
.messageboard .checkbox input {
  margin-top: 1px;
  margin: 1px 0 0 3px;
}

@media (max-width: 991px) {
  .messages-section,
.notifications-section {
    padding: 0 5px;
  }
}
.messages-section .loading-mask,
.notifications-section .loading-mask {
  opacity: 0.4;
}

.messages-section .RadTabStrip {
  background-color: transparent;
  border: none;
  margin: 0;
}
.messages-section .RadTabStrip ul.rtsUL {
  padding-left: 0;
}
.messages-section .RadTabStrip .rtsLevel1 {
  box-shadow: none;
}
.messages-section .RadTabStrip .rtsLevel1 .rtsUL .rtsLI {
  display: inline-block;
  width: 49%;
}
@media (max-width: 991px) {
  .messages-section .RadTabStrip .rtsLevel1 .rtsUL .rtsLI {
    width: 48%;
  }
}
.messages-section .RadTabStrip .rtsLevel1 .rtsLink {
  cursor: pointer;
  width: 100%;
  border-bottom: 3px solid #d5d5d5;
}
.messages-section .RadTabStrip .rtsLevel1 .rtsLink.rtsSelected {
  cursor: default;
  border-bottom: 3px solid #00629E;
}
.messages-section .RadTabStrip .rtsLevel1 .rtsLink.rtsSelected:hover {
  background-color: transparent;
}
.messages-section .message-section-area {
  margin-right: 6px;
}
.messages-section .messages-initializing {
  font-size: 36px;
  text-align: center;
  padding: 30px 10px;
}
.messages-section .pagination {
  margin: 20px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages-section .pagination button {
  display: inline-block;
  padding: 0px 9px;
  margin: 0 10px;
  border-radius: 15px;
  background: #626262;
  font-size: 0.875em;
  font-weight: bold;
  text-decoration: none;
  height: 30px;
  width: 30px;
  border: none;
}
.messages-section .pagination button .fa {
  color: #ffffff;
}
.messages-section .pagination button:hover {
  background: #7c7c7c;
}
.messages-section .pagination button:disabled {
  background: #e5e5e5;
}
.messages-section .pagination button:disabled .fa {
  color: white;
}
.messages-section .pagination span.pager-first {
  font-size: 18px;
  font-weight: bold;
  color: #626262;
  margin: 0 10px 0 5px;
}
.messages-section .pagination span.pager-last {
  font-size: 18px;
  font-weight: bold;
  color: #626262;
  margin: 0 5px;
}
.messages-section .pagination span.pager-total {
  font-size: 18px;
  font-weight: bold;
  color: #959595;
  margin: 0 5px;
}
.messages-section h5.message-day {
  margin: 15px 20px 10px;
  color: #949494;
  font-size: 16px;
  /* font-weight: bold; */
}
.messages-section .message {
  padding: 8px;
  background: #fff;
  display: flex;
  align-items: center;
  margin: 3px;
  cursor: pointer;
  font-weight: bold;
  border: 1px solid #f0f0f0;
}
.messages-section .message:first-child {
  margin-top: 0px;
}
.messages-section .message:last-child {
  margin-bottom: 0px;
}
.messages-section .message.is-read {
  font-weight: normal;
  background-color: #e5e5e5;
  color: #8c8c8c;
}
.messages-section .message.is-read:hover .message-btncol button {
  color: #626262;
}
.messages-section .message.is-selected {
  background-color: #ffffcc;
}
.messages-section .message:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  margin-right: 1px;
  margin-left: 1px;
  margin-top: -5px;
  margin-bottom: 0px;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 9px;
  transition: box-shadow 0.3s ease-in-out;
}
.messages-section .message div {
  display: inline-block;
}
.messages-section .message .message-initial {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #5b93c6;
  padding: 5px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  font-size: 18px;
}
.messages-section .message .message-initial.initial-color-group-1 {
  background-color: #588A57;
}
.messages-section .message .message-initial.initial-color-group-2 {
  background-color: #e0636e;
}
.messages-section .message .message-initial.initial-color-group-3 {
  background-color: #965480;
}
.messages-section .message .message-initial.initial-color-group-4 {
  background-color: #5b93c6;
}
.messages-section .message .message-initial.initial-color-group-5 {
  background-color: #495640;
}
.messages-section .message .message-name {
  margin-left: 10px;
  width: 80px;
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.messages-section .message .message-subject {
  margin-left: 10px;
  margin-right: 10px;
  width: 110px;
  min-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.messages-section .message .message-body {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.messages-section .message .message-btncol {
  width: 73px;
  margin-left: auto;
  min-width: 73px;
}
.messages-section .message .message-btncol button {
  float: right;
  font-size: 20px;
  display: inline;
  line-height: 20px;
  width: 60px;
  height: 40px;
  margin-top: -20px;
  margin-bottom: -20px;
}
.messages-section .message .message-btncol button i {
  width: 20px;
}

.notifications-section .notifications-title-spacer {
  height: 40px;
}
.notifications-section .messages-initializing {
  font-size: 36px;
  text-align: center;
  padding: 30px 10px;
}
.notifications-section .pagination {
  margin: 20px 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications-section .pagination button {
  display: inline-block;
  padding: 0px 9px;
  margin: 0 10px;
  border-radius: 15px;
  background: #626262;
  font-size: 0.875em;
  font-weight: bold;
  text-decoration: none;
  height: 30px;
  width: 30px;
  border: none;
}
.notifications-section .pagination button .fa {
  color: #ffffff;
}
.notifications-section .pagination button:hover {
  background: #7c7c7c;
}
.notifications-section .pagination button:disabled {
  background: #e5e5e5;
}
.notifications-section .pagination button:disabled .fa {
  color: white;
}
.notifications-section .pagination span.pager-first {
  font-size: 18px;
  font-weight: bold;
  color: #626262;
  margin: 0 10px 0 5px;
}
.notifications-section .pagination span.pager-last {
  font-size: 18px;
  font-weight: bold;
  color: #626262;
  margin: 0 5px;
}
.notifications-section .pagination span.pager-total {
  font-size: 18px;
  font-weight: bold;
  color: #959595;
  margin: 0 5px;
}
.notifications-section .notification-list {
  margin-top: 25px;
}
.notifications-section .notification {
  border: 1px solid #f0f0f0;
  background-color: #fff;
  min-height: 73px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 10px;
}
.notifications-section .notification.is-read {
  font-weight: normal;
  background-color: #e5e5e5;
  color: #8c8c8c;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.notifications-section .notification.is-selected {
  background-color: #ffffcc;
}
.notifications-section .notification .notification-subjectcol,
.notifications-section .notification .notification-bodycol {
  float: left;
  width: calc(100% - 300px);
}
@media (max-width: 991px) {
  .notifications-section .notification .notification-bodycol {
    width: 75%;
  }
}
.notifications-section .notification .notification-btncol {
  margin-left: auto;
  width: 73px;
}
.notifications-section .notification .notification-btncol button {
  float: right;
  font-size: 20px;
  display: inline;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-bottom: -30px;
  line-height: 20px;
}
.notifications-section .notification .notification-subjectcol {
  width: 160px;
}
@media (max-width: 991px) {
  .notifications-section .notification .notification-subjectcol {
    width: 25%;
  }
}
.notifications-section .notification .notification-subjectcol .notification-subject {
  width: 120px;
  padding: 1px 3px;
  font-weight: normal;
  color: #fff;
  background-color: #333;
  text-align: center;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .notifications-section .notification .notification-subjectcol .notification-subject {
    width: 95%;
    font-size: 11px;
    padding: 0;
  }
}
.notifications-section .notification .notification-subjectcol .notification-subject.week-posted {
  background-color: #e0636e;
}
.notifications-section .notification .notification-subjectcol .notification-subject.week-unposted {
  background-color: #6d3531;
}
.notifications-section .notification .notification-subjectcol .notification-subject.week-activated {
  background-color: #e6911a;
}
.notifications-section .notification .notification-subjectcol .notification-subject.week-deactivated {
  background-color: #473216;
}
.notifications-section .notification .notification-subjectcol .notification-subject.timeoff-request {
  background-color: #43516C;
}
.notifications-section .notification .notification-subjectcol .notification-subject.timeoff-approved {
  background-color: #588A57;
}
.notifications-section .notification .notification-subjectcol .notification-subject.employee-changed {
  background-color: #5b93c6;
}
.notifications-section .notification .notification-subjectcol .notification-subject.shift-created {
  background-color: #2bc42b;
}
.notifications-section .notification .notification-subjectcol .notification-subject.shift-pickedup {
  background-color: #233c75;
}
.notifications-section .notification .notification-subjectcol .notification-subject.shift-upforgrabs {
  background-color: #495640;
}
.notifications-section .notification .notification-subjectcol .notification-subject.shift-upfortrade {
  background-color: #965480;
}
.notifications-section .notification .notification-subjectcol .notification-subject.trade-offered {
  background-color: #0299d6;
}

.compose-btn {
  position: fixed;
  bottom: 90px;
  left: calc(50% + 15px);
  z-index: 100;
}
.compose-btn.compose-sm {
  right: 20px;
  left: unset;
}
.compose-btn a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 48px;
  height: 48px;
  background-color: #e0636e;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-shadow: 1px 1px 6px 1px #9e9e9e;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.compose-btn a .fa {
  font-size: 30px;
  padding: 1px 5px 0 0;
}
.compose-btn a:hover {
  background-color: #573499;
}

@media (max-width: 1200px) {
  .compose-btn {
    right: 20px;
    left: unset;
  }
}
@media (min-width: 1900px) {
  #view-message .row .col-xl-6 {
    width: 50%;
  }
}
#view-message .view-message-wrap {
  font-size: 14px;
  background-color: #ffffff;
  padding: 32px;
}
#view-message .view-message-wrap label {
  color: #626262;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
}
#view-message .view-message-wrap .view-message-sender {
  font-weight: bold;
}
#view-message .view-message-wrap .view-message-sender label {
  font-weight: normal;
}
#view-message .view-message-wrap .view-message-subject {
  font-size: 35px;
  margin-bottom: 18px;
  padding-left: 52px;
}
#view-message .view-message-wrap .view-message-sender-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
}
@media (max-width: 991px) {
  #view-message .view-message-wrap .view-message-sender-info {
    flex-direction: column;
  }
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender {
  font-weight: bold;
  font-size: 18px;
  color: #222222;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender .message-initial {
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #5b93c6;
  padding: 5px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  font-size: 18px;
  margin-right: 16px;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender .message-initial.initial-color-group-1 {
  background-color: #588A57;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender .message-initial.initial-color-group-2 {
  background-color: #e0636e;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender .message-initial.initial-color-group-3 {
  background-color: #965480;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender .message-initial.initial-color-group-4 {
  background-color: #5b93c6;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-sender .message-initial.initial-color-group-5 {
  background-color: #495640;
}
#view-message .view-message-wrap .view-message-sender-info .view-message-date {
  margin-left: 24px;
  color: #888888;
  font-size: 14px;
  margin-right: 50px;
}
#view-message .view-message-wrap .view-message-recipients-wrap.recipients-long .view-message-recipients label {
  display: block;
}
#view-message .view-message-wrap .view-message-recipients {
  width: 100%;
}
#view-message .view-message-wrap .view-message-recipients .tab {
  position: relative;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
#view-message .view-message-wrap .view-message-recipients input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  display: none;
}
#view-message .view-message-wrap .view-message-recipients label {
  position: relative;
  display: block;
  color: #3C3838;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  display: none;
  text-align: right;
}
#view-message .view-message-wrap .view-message-recipients .recipients-list {
  max-height: 36px;
  width: 100%;
  overflow: hidden;
  background: transparent;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  color: #888888;
  padding-left: 52px;
  max-width: calc(100% - 110px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
#view-message .view-message-wrap .view-message-recipients input:checked ~ .recipients-list {
  max-height: 10em;
  white-space: normal;
}
#view-message .view-message-wrap .view-message-recipients label::after {
  width: 105px;
  text-decoration: underline;
  color: #5b93c6;
  text-align: center;
}
#view-message .view-message-wrap .view-message-recipients input[type=checkbox] + label::after {
  content: "+ Show more";
  position: absolute;
  right: 0;
  width: 100px;
}
#view-message .view-message-wrap .view-message-recipients input[type=checkbox]:checked + label::after {
  content: "- Show less";
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link {
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: transparent;
  padding: 4px;
  height: 30px;
  width: 30px;
  color: #cccccc;
  cursor: pointer;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link:hover {
  background-color: #e5e5e5;
  color: #626262;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 12px;
  height: 42px;
  width: 42px;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link.btn-back {
  top: -24px;
  left: 0;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link.btn-back:hover {
  top: -32px;
  left: -6px;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link.btn-reply {
  top: -5px;
  right: 0;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link.btn-reply:hover {
  top: -13px;
  right: -6px;
  padding: 12px 10px;
}
#view-message .view-message-wrap .view-message-tooltip-wrap i.fa {
  font-size: 18px;
}
#view-message .view-message-wrap .view-message-tooltip-wrap i.fa.fa-reply {
  color: #e0636e;
  font-size: 18px;
}
#view-message .view-message-wrap .view-message-body {
  margin-top: 20px;
}
#view-message .view-message-wrap .view-message-body .form-control {
  color: #222222;
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  padding-left: 52px;
}
#view-message .view-message-wrap .view-message-tooltip-wrap {
  display: inline-block;
  position: relative;
  display: inline-block;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .view-message-tooltip {
  position: absolute;
  z-index: 1;
  bottom: -37px;
  visibility: hidden;
  width: auto;
  white-space: nowrap;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 14px;
  transition: opacity 1s;
  text-align: center;
  opacity: 0;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .view-message-tooltip.back-to-messages {
  background-color: #626262;
  color: #ffffff;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .view-message-tooltip.reply-message {
  background-color: #626262;
  color: #ffffff;
  right: 0;
  bottom: -27px;
}
#view-message .view-message-wrap .view-message-tooltip-wrap .btn-link:hover + .view-message-tooltip {
  visibility: visible;
  opacity: 1;
}

/* Style for Reports page */
.report-section {
  margin-bottom: 30px;
}

.report-section ul {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}

.report-section li {
  display: block;
  float: left;
  margin-right: 30px;
  width: 200px;
  margin: 10px 10px 10px 0;
}
.report-section li .list-group-item {
  background-color: #5b93c6;
  border-color: #4887bf;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.report-section li .list-group-item:hover {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #81acd3;
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.report-section li a {
  height: 40px;
  line-height: 38px;
}
.report-section li a i {
  margin-right: 5px;
  color: #ffffff;
}

/*.report-section a
        {
            width: 140px;
        }*/
/* Style for ADP Import Employee */
.page-adp-worker-import .adp-import-header .adp-page-title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 26px;
  line-height: inherit;
  color: #3C3838;
  border: none;
}
.page-adp-worker-import .adp-import-loadingmask {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-adp-worker-import .adp-import-loadingmask p {
  font-size: 36px;
  font-weight: bold;
}
.page-adp-worker-import .adp-alert {
  display: flex;
  font-size: 14px;
  width: fit-content;
  align-items: center;
}
.page-adp-worker-import .adp-alert .fa {
  margin-right: 8px;
}
.page-adp-worker-import .adp-grid-header {
  display: flex;
  justify-content: space-between;
}
.page-adp-worker-import .adp-grid-header .adp-grid-header-title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: inherit;
  color: #626262;
  border: none;
}
.page-adp-worker-import .adp-grid-header .adp-grid-toolbar, .page-adp-worker-import .adp-grid-header .adp-grid-title {
  display: flex;
}
.page-adp-worker-import .adp-grid-header .header-wrap {
  display: flex;
  flex-direction: column;
}
.page-adp-worker-import .adp-grid-header .header-wrap .header-form-group {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.page-adp-worker-import .adp-grid-header .header-wrap .header-form-group .job-title-filter {
  display: flex;
  align-items: center;
}
.page-adp-worker-import .adp-grid-header .header-wrap .header-form-group .header-form-item-label {
  font-size: 14px;
}
.page-adp-worker-import .adp-grid-header .header-wrap .header-form-group label {
  display: inline-block;
}
.page-adp-worker-import .adp-grid-header .header-wrap .--error {
  text-align: right;
  color: #ff3333;
}
.page-adp-worker-import .adp-grid-header .adp-employees-bulk-action-import, .page-adp-worker-import .adp-grid-header .adp-employees-bulk-action-exclude {
  display: none;
}
.page-adp-worker-import input[type=checkbox] {
  transform: scale(1.3);
  accent-color: #e0636e;
}
.page-adp-worker-import .rgRow.grid-odd-row input[type=checkbox], .page-adp-worker-import .rgAltRow.grid-even-row input[type=checkbox] {
  margin-left: 5px;
}

.daily-staffing-summary.container-fluid {
  padding: 0;
}
.daily-staffing-summary .daily-staffing-summary-filters .riLabel {
  color: #494949;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container.panel {
  min-height: 190px;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container {
    flex-direction: column;
  }
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .col-sm-4 {
    width: 33.3333333333%;
  }
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .col-sm-6 {
    width: 50%;
  }
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container label {
  margin-left: 0;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container label.title-label {
  width: 60px;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  background-image: none;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls {
    flex-direction: column;
  }
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 8px;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker .RadPicker {
  display: block !important;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker .rcbInner {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  /*height: 34px;*/
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker .rcbInner.rcbFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker .rcbInner.rcbFocused .rcbActionButton {
  background: transparent;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker .rcbInner.rcbHovered {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-reportpicker .rcbInner.rcbHovered .rcbActionButton {
  background: transparent;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox {
    display: inline-flex;
  }
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox .department-picker {
    width: 100%;
  }
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox .department-picker .daily-staffing-summary-departmentpicker {
  width: 100% !important;
  margin-left: 0;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox .department-picker .daily-staffing-summary-departmentpicker {
    display: inline-flex;
  }
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox .department-picker label {
  text-align: right;
  margin-bottom: 0;
  /*padding-top: 7px;*/
  width: 33.3333333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox .department-picker label {
    padding-top: 0;
    text-align: left;
  }
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-controls-combobox .department-picker .rcbInner {
  float: left;
  position: relative;
  min-height: 1px;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(50% - 30px);
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls > div {
  margin-bottom: 3px;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .riContentWrapper input {
  border-radius: 3px;
  height: 22px;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-employeepicker label,
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-departmentpicker label,
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-jobtitlepicker label,
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-groupbypicker label,
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-controls .daily-staffing-summary-columnpicker label {
  float: none;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-checkbox {
  display: block;
}
.daily-staffing-summary .daily-staffing-summary-filters .daily-staffing-summary-filters-container .daily-staffing-summary-checkbox label {
  margin-left: 8px;
}
.daily-staffing-summary .hide-header {
  font-size: 14px;
}
.daily-staffing-summary .hide-header label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  background: grey;
  display: inline-block;
  border-radius: 9px;
  position: relative;
  top: 2px;
}
.daily-staffing-summary .hide-header label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.daily-staffing-summary .hide-header input[type=checkbox] {
  display: none;
}
.daily-staffing-summary .hide-header input:checked + label {
  background: #5192ca;
}
.daily-staffing-summary .hide-header input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.daily-staffing-summary .hide-header label:active:after {
  width: 10px;
}
.daily-staffing-summary .daily-staffing-summary-update {
  padding-top: 15px;
  padding-bottom: 15px;
}
.daily-staffing-summary .daily-staffing-summary-report.report-wrap {
  padding-bottom: 0;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-facility,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-dayheader,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-department,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-jobtitle,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup {
  padding: 6px;
  text-align: center;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-dayheader {
  font-weight: bold;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-dayheader {
  background-color: #3F4750;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-dayheader div {
  display: inline-block;
  font-size: 20px;
}
.daily-staffing-summary .daily-staffing-summary-report .report-wrap {
  padding-bottom: 0;
  margin-bottom: 0;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-department {
  background-color: #5b93c6;
  color: #fff;
  padding: 8px;
  font-size: 16px;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-jobtitle {
  background-color: #355C7D;
  color: #fff;
  padding: 8px;
  font-size: 16px;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result-container {
  padding: 0 15px 20px 15px;
  background: #fff;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .daily-staffing-summary-secondary-grouping {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-sm-12, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-xs-12, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-sm-6, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-xs-6, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-sm-4, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-xs-4, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-sm-3, .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-result .col-xs-3 {
    width: 100% !important;
  }
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup {
  background-color: #F2F2F1;
  margin-bottom: 3px;
}
@media (min-width: 1300px) {
  .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup {
    font-size: 14px;
  }
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift .daily-staffing-summary-sum,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup .daily-staffing-summary-sum {
  font-size: 16px;
  color: #686868;
  font-weight: bold;
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift .daily-staffing-summary-employee,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup .daily-staffing-summary-employee {
  margin: 5px 0;
  font-size: 14px;
}
@media (min-width: 1300px) {
  .daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift .daily-staffing-summary-employee,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup .daily-staffing-summary-employee {
    font-size: 16px;
  }
}
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shift .daily-staffing-summary-seccondary-assignee,
.daily-staffing-summary .daily-staffing-summary-report .daily-staffing-summary-shiftgroup .daily-staffing-summary-seccondary-assignee {
  margin: 5px 0;
}
@media (max-width: 991px) {
  .daily-staffing-summary .daily-staffing-summary-report {
    overflow-x: hidden;
  }
  .daily-staffing-summary .daily-staffing-summary-report .report-wrap .daily-staffing-summary-report-header {
    flex-direction: column;
  }
  .daily-staffing-summary .daily-staffing-summary-report .report-wrap .daily-staffing-summary-report-header .report-header-title {
    padding: 20px;
  }
  .daily-staffing-summary .daily-staffing-summary-report .report-wrap .daily-staffing-summary-report-header .report-header-organization-data {
    padding: 20px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .page-reports-daily-dhs .daily-dhs-filter {
    flex-direction: column;
  }
  .page-reports-daily-dhs .daily-dhs-filter .col-sm-4 {
    width: 33.3333333333%;
  }
  .page-reports-daily-dhs .daily-dhs-filter .col-sm-6 {
    width: 50%;
  }
}
.page-reports-daily-dhs .daily-dhs-header .daily-dhs-filter {
  width: 100%;
}
@media (max-width: 991px) {
  .page-reports-daily-dhs .daily-dhs-header .daily-dhs-filter {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .page-reports-daily-dhs .daily-dhs-header .daily-dhs-header-contents {
    display: inline-flex;
    width: 100%;
    margin-bottom: 0;
  }
}
.page-reports-daily-dhs .daily-dhs-header .daily-dhs-header-contents label {
  margin-bottom: 0;
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details {
  font-size: 14px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .page-reports-daily-dhs .daily-dhs-header .show-extra-details {
    margin-top: 8px;
    margin-bottom: 16px;
  }
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  background: grey;
  display: inline-block;
  border-radius: 9px;
  position: relative;
  /*margin-top: 8px;*/
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details input[type=checkbox] {
  display: none;
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details input:checked + label {
  background: #5192ca;
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.page-reports-daily-dhs .daily-dhs-header .show-extra-details label:active:after {
  width: 10px;
}
.page-reports-daily-dhs .daily-dhs-update {
  margin-top: 16px;
}
.page-reports-daily-dhs .daily-dhs-body {
  margin-top: 24PX;
}
.page-reports-daily-dhs table {
  /*border: 1px solid lighten($color-neutral, 35%);*/
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: separate;
  border-right: 1px solid #bbbbbb;
}
.page-reports-daily-dhs table td {
  border: 1px solid #FFFFFF;
  padding: 3px 2px;
}
.page-reports-daily-dhs table tbody td {
  font-size: 12px;
  padding: 4px 7px 3px;
  border: 1px solid;
  border-color: #FFFFFF #FFFFFF #bbbbbb #bbbbbb;
}
.page-reports-daily-dhs table thead {
  background: #5b93c6;
  border-bottom: 1px solid #bbbbbb;
}
.page-reports-daily-dhs table thead th {
  color: #3C3838;
  border: 1px solid;
  border-color: #626262 #3C3838 #626262 #888888;
  background: none;
  background-color: #626262;
  color: #ffffff;
  padding: 4px 7px 3px;
}
.page-reports-daily-dhs table thead th:first-child {
  border-left: none;
}
.page-reports-daily-dhs table .shift02 td, .page-reports-daily-dhs table .shift03 td {
  border-top: 1px solid #bbbbbb;
}
.page-reports-daily-dhs .daily-dhs-debug {
  display: none;
}
.page-reports-daily-dhs .show-full-diagnostics .daily-dhs-debug {
  display: block;
}
@media (max-width: 991px) {
  .page-reports-daily-dhs {
    overflow-x: hidden;
  }
  .page-reports-daily-dhs .report-wrap .report-header {
    flex-direction: column;
  }
  .page-reports-daily-dhs .report-wrap .report-header .report-header-title {
    padding: 20px;
  }
  .page-reports-daily-dhs .report-wrap .report-header .report-header-organization-data {
    padding: 20px;
  }
  .page-reports-daily-dhs .report-wrap .report-container .report-container-header {
    flex-direction: column;
  }
  .page-reports-daily-dhs .report-wrap .report-container .report-container-header .report-container-header-total {
    margin-left: 0;
  }
  .page-reports-daily-dhs .report-wrap .report-container .report-container-header .report-container-date {
    margin-left: 0;
  }
}

.adp-export-history-grid .status-Preparing i {
  /*TODO: create variable for gray checkbox color */
  color: gray;
}
.adp-export-history-grid .status-Complete i {
  /*TODO: create variable for green checkbox color */
  color: green;
}
.adp-export-history-grid .status-Failed, .adp-export-history-grid .status-PartiallyFailed {
  color: #ff3333;
}

.page-reports-daily-ampmnoc .daily-apn-summary.container-fluid {
  padding: 0;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters {
  display: flex;
  flex-direction: column;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .riLabel {
  color: #494949;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container {
  display: flex;
  flex-direction: column;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container.panel {
  min-height: 190px;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container {
    flex-direction: column;
  }
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .col-sm-4 {
    width: 33.3333333333%;
  }
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .col-sm-6 {
    width: 50%;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container label {
  margin-left: 0;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container label.title-label {
  width: 60px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  background-image: none;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls {
    flex-direction: column;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls:not(:first-child) label {
  margin-left: 24px;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls:not(:first-child) label {
    margin-left: 0;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox {
    display: inline-flex;
  }
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox .department-picker {
    width: 100%;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox .department-picker .daily-apn-summary-departmentpicker {
  width: 100% !important;
  margin-left: 0;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox .department-picker .daily-apn-summary-departmentpicker {
    display: inline-flex;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox .department-picker label {
  text-align: right;
  margin-bottom: 0;
  /*padding-top: 7px;*/
  width: 33.3333333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox .department-picker label {
    padding-top: 0;
    text-align: left;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-controls-combobox .department-picker .rcbInner {
  float: left;
  position: relative;
  min-height: 1px;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(50% - 30px);
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 3px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker .RadPicker {
  display: block !important;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker .rcbInner {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle {
  margin-top: 8px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  background: grey;
  display: inline-block;
  border-radius: 9px;
  position: relative;
  margin-top: 8px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle input[type=checkbox] {
  display: none;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle input:checked + label {
  background: #5192ca;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-reportpicker.option-toggle label:active:after {
  width: 10px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls > div {
  margin-bottom: 3px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .riContentWrapper input {
  border-radius: 3px;
  height: 22px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-employeepicker label,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-departmentpicker label,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-jobtitlepicker label,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-groupbypicker label,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-filters .daily-apn-summary-filters-container .daily-apn-summary-controls .daily-apn-summary-columnpicker label {
  float: none;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-update {
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report.report-wrap {
  padding-bottom: 0;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-facility,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-dayheader,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-department,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-daysegment,
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-jobtitle {
  padding: 6px;
  text-align: center;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-facility {
  background-color: #3F4750;
  color: #fff;
  padding: 20px 0;
  font-size: 18px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-facility .daily-apn-summary-facility-print {
  display: none;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .report-wrap {
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-jobtitle {
  color: #fff;
  margin-bottom: 3px;
  position: relative;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-jobtitle .daily-apn-summary-jobtitle-background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-jobtitle span {
  z-index: 10;
  position: relative;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-dayheader {
  font-weight: bold;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-daysegment {
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 24px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-dayheader {
  background-color: #3F4750;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-dayheader div {
  display: inline-block;
  font-size: 20px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-result-container {
  padding: 10px 15px 20px 15px;
  background: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-am .daily-apn-summary-daysegment {
  background-color: #5E8ACA;
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-am .daily-apn-summary-shift {
  background-color: #eff6fc;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-am .daily-apn-summary-shift.daily-apn-summary-open {
  background-color: #33bf20;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-am .daily-apn-summary-shift.daily-apn-summary-open .daily-apn-summary-employee {
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-am .daily-apn-summary-shift.daily-apn-summary-open .daily-apn-summary-times {
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-pm .daily-apn-summary-daysegment {
  background-color: #B8D6FE;
  color: #3C3838;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-pm .daily-apn-summary-shift {
  background-color: #d1dfea;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-pm .daily-apn-summary-shift .daily-apn-summary-employee {
  color: #3c3c3c;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-pm .daily-apn-summary-shift.daily-apn-summary-open {
  background-color: #2da91c;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-pm .daily-apn-summary-shift.daily-apn-summary-open .daily-apn-summary-employee {
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-pm .daily-apn-summary-shift.daily-apn-summary-open .daily-apn-summary-times {
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-noc .daily-apn-summary-daysegment {
  background-color: #424952;
  color: #e5e5e5;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-noc .daily-apn-summary-shift {
  background-color: #aec6da;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-noc .daily-apn-summary-shift .daily-apn-summary-employee {
  color: #000;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-noc .daily-apn-summary-shift.daily-apn-summary-open {
  background-color: #279319;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-noc .daily-apn-summary-shift.daily-apn-summary-open .daily-apn-summary-employee {
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-noc .daily-apn-summary-shift.daily-apn-summary-open .daily-apn-summary-times {
  color: #fff;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift {
  background-color: #F2F2F1;
  margin-bottom: 10px;
  padding: 10px 20px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift {
    padding: 5px;
  }
}
@media (min-width: 1300px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift {
    font-size: 14px;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift .daily-apn-summary-employee {
  font-weight: bold;
  margin: 5px 0;
}
@media (min-width: 1300px) {
  .page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift .daily-apn-summary-employee {
    font-size: 16px;
  }
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift .daily-apn-summary-times {
  color: #0067bb;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift .daily-apn-summary-times span:first-child {
  padding-right: 10px;
}
.page-reports-daily-ampmnoc .daily-apn-summary .daily-apn-summary-report .daily-apn-summary-shift .daily-apn-summary-times span:last-child {
  padding-left: 10px;
}
@media (max-width: 991px) {
  .page-reports-daily-ampmnoc .daily-apn-summary {
    overflow-x: hidden;
  }
  .page-reports-daily-ampmnoc .daily-apn-summary .report-wrap .daily-apn-summary-report-header {
    flex-direction: column;
  }
  .page-reports-daily-ampmnoc .daily-apn-summary .report-wrap .daily-apn-summary-report-header .report-header-title {
    padding: 20px;
  }
  .page-reports-daily-ampmnoc .daily-apn-summary .report-wrap .daily-apn-summary-report-header .report-header-organization-data {
    padding: 20px;
    text-align: center;
  }
}

.time-off-export .time-off-export-options {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .time-off-export .time-off-export-options {
    flex-direction: column;
  }
}
.time-off-export .time-off-options-container label {
  margin: 0;
  padding: 0;
  width: 100px;
}
.time-off-export .time-off-options-container .--date-picker, .time-off-export .time-off-options-container .--filter {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
@media (max-width: 1280px) {
  .time-off-export .time-off-options-container .--date-picker, .time-off-export .time-off-options-container .--filter {
    flex-direction: column;
    align-items: start;
  }
}
.time-off-export .time-off-options-container .--filter input[type=checkbox] {
  vertical-align: 0px;
  margin: 0;
}
.time-off-export .time-off-options-container .--policy-name input {
  background: transparent;
  background-color: white;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
.time-off-export .time-off-options-container .--policy-name input:hover {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: white;
}
.time-off-export .time-off-grid-container .--alert-header {
  font-size: 26px;
  margin-top: 20px;
}
.time-off-export .time-off-export-button, .time-off-export .time-off-export-buttony {
  margin-top: 20px;
  text-align: center;
}
.time-off-export .time-off-export-button .btn, .time-off-export .time-off-export-buttony .btn {
  margin: 0;
}
.time-off-export .edit-button {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 20px;
}

@media (min-width: 1600px) {
  .page-reports-payroll .col-xlg-8, .page-reports-payroll .col-xlg-6, .page-reports-payroll col-xlg-4, .page-reports-payroll col-xlg-3 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-reports-payroll .col-xlg-6 {
    width: 50%;
  }
  .page-reports-payroll .col-xlg-3 {
    width: 25%;
  }
  .page-reports-payroll .col-xlg-4 {
    width: 33.3333333333%;
  }
  .page-reports-payroll .col-xlg-8 {
    width: 66.666667%;
  }
}
.page-reports-payroll .--option-header {
  background-color: #b5bbc1;
  color: #ffffff;
  margin: 4px 0 0 0;
  width: auto;
  min-width: 180px;
  max-width: 180px;
  display: inline-block;
  padding: 0px 20px;
  font-size: 12px;
  text-align: center;
}
.page-reports-payroll .--option-header.--option-subtitle {
  margin-bottom: 8px;
}
.page-reports-payroll .payroll-report-page.container-fluid {
  padding: 0;
}
.page-reports-payroll .payroll-report-page .payroll-filters .panel {
  min-height: 334px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .panel .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.page-reports-payroll .payroll-report-page .payroll-filters .time-clock-options-panel {
  margin-top: 15px;
  margin-bottom: 15px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container label, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container label {
  margin-left: 0;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-controls {
  font-size: 14px;
  background-image: none;
}
@media (max-width: 991px) {
  .page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-controls {
    flex-direction: column;
  }
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls .payroll-reportpicker, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-controls .payroll-reportpicker {
  margin-bottom: 8px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls .payroll-rangetype label, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-controls .payroll-rangetype label {
  margin-left: 4px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls.payroll-divider::after, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-controls.payroll-divider::after {
  border-bottom: 1px solid #e5e5e5;
  width: calc(100% - 30px);
  margin: 15px;
  display: inline-block;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-checkbox-wrap, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-checkbox-wrap {
  display: flex;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-checkbox-wrap.pay-detail, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-checkbox-wrap.pay-detail {
  margin-left: 15px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-checkbox-wrap .payroll-checkbox-label, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-checkbox-wrap .payroll-checkbox-label {
  width: 180px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-checkbox-wrap .payroll-checkbox, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-checkbox-wrap .payroll-checkbox {
  margin-right: 5px;
  margin-left: 25px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .auto-apply-breaks-options, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .auto-apply-breaks-options {
  margin-left: 40px;
}
.page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls-combobox, .page-reports-payroll .payroll-report-page .payroll-filters .timeclock-options-container .payroll-controls-combobox {
  margin-bottom: 8px;
}
.page-reports-payroll .payroll-report-page .payroll-update {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .page-reports-payroll .payroll-report-page {
    overflow-x: hidden;
  }
  .page-reports-payroll .payroll-report-page .report-wrap .payroll-report-header {
    flex-direction: column;
  }
  .page-reports-payroll .payroll-report-page .report-wrap .payroll-report-header .report-header-title {
    padding: 20px;
  }
  .page-reports-payroll .payroll-report-page .report-wrap .payroll-report-header .report-header-organization-data {
    padding: 20px;
    text-align: center;
  }
}
.page-reports-payroll .payroll-report-page .auto-apply-breaks-option-label {
  display: inline-block;
  min-width: 170px;
}
@media (max-width: 991px) {
  .page-reports-payroll .payroll-report-page {
    overflow-x: hidden;
  }
  .page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls {
    flex-direction: column;
  }
  .page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls .payroll-reportpicker .wide-radiobutton {
    padding-left: 15px;
  }
  .page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox {
    margin-bottom: 16px;
  }
  .page-reports-payroll .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox .payroll-checkbox-wrap .payroll-checkbox {
    margin-left: 0;
  }
  .page-reports-payroll .payroll-report-page .report-wrap .payroll-report-header {
    flex-direction: column;
  }
  .page-reports-payroll .payroll-report-page .report-wrap .payroll-report-header .report-header-title {
    padding: 20px;
  }
  .page-reports-payroll .payroll-report-page .report-wrap .payroll-report-header .report-header-organization-data {
    padding: 20px;
    text-align: center;
  }
}
.page-reports-payroll .payroll-print {
  display: flex;
  flex-direction: row-reverse;
}
.page-reports-payroll .payroll-print .btn {
  margin-left: 12px;
}
.page-reports-payroll .break-input {
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 0 0;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.page-reports-payroll .break-input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}

.payroll-header-grandtotal .panel {
  background-color: #376d9e;
  min-height: 334px;
}
.payroll-header-grandtotal .panel .panel-heading .panel-title {
  background-color: #ffffff;
  color: #376d9e;
}
.payroll-header-grandtotal .panel .panel-body.payroll-organization {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 16px;
}
.payroll-header-grandtotal .panel .panel-body.payroll-organization .report-header-title {
  font-size: 18px;
}
.payroll-header-grandtotal .panel .panel-body.payroll-organization label {
  color: #ffffff;
  margin: 0;
}
.payroll-header-grandtotal .panel .panel-body.payroll-organization label.data-day-label {
  color: #a7c5e0;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container {
  padding: 5px 15px;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-total-label {
  font-size: 14px;
  text-align: center;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .label-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .label-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .label-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .label-scheduled {
  font-size: 26px;
  color: #a7c5e0;
  text-align: center;
  padding-bottom: 4px;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .label-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .label-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .label-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .label-actual {
  font-size: 42px;
  color: #ffffff;
  text-align: center;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .grandtotal-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .grandtotal-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .grandtotal-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .grandtotal-scheduled {
  height: 42px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: #a7c5e0;
  font-size: 14px;
  margin: 0;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .grandtotal-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .grandtotal-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .grandtotal-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .grandtotal-actual {
  height: 62px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-total-label {
  height: 20px;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-total-label {
  color: #ffffff;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-overtime-label {
  color: #F5595F;
}
.payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime {
  border-right: 1px solid #ffffff;
}
@media (max-width: 991px) {
  .payroll-header-grandtotal .panel .report-header-organization-data {
    float: left;
    position: relative;
    min-height: 1px;
    width: 50%;
    margin: 16px 0;
  }
  .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-label {
    display: none;
  }
  .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration {
    float: left;
    position: relative;
    min-height: 1px;
    width: 33.3333333333%;
  }
  .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .payroll-total-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-regular-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-overtime-label, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .payroll-total-label {
    font-size: 11px;
  }
  .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .label-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .label-scheduled, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .label-scheduled {
    font-size: 11px;
  }
  .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-normal .label-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-overtime .label-actual, .payroll-header-grandtotal .panel .panel-body.payroll-grandtotal-container .payroll-duration .label-actual {
    font-size: 18px;
  }
}

.payroll-report .report-wrap {
  background-color: transparent;
  padding-bottom: 0;
}
.payroll-report label {
  margin-left: 0;
}
.payroll-report .payroll-result-container {
  padding: 0;
  margin-top: 16px;
}
.payroll-report .payroll-result-container .payroll-employee-name {
  display: block;
  width: 100%;
  padding: 8px;
  background-color: #5b93c6;
  color: #ffffff;
  font-size: 18px;
}
.payroll-report .payroll-result-container .payroll-week-times {
  display: flex;
  flex-direction: row;
  margin: 16px 0 0;
  font-size: 18px;
}
.payroll-report .payroll-result-container .payroll-week-times .payroll-times-start::before {
  content: "From";
  color: #626262;
  margin: 0 8px;
  font-size: 14px;
}
.payroll-report .payroll-result-container .payroll-week-times .payroll-times-start::after {
  content: "to";
  color: #626262;
  margin: 0 8px;
  font-size: 14px;
}
.payroll-report .payroll-result-container .payroll-section-header {
  height: 18px;
  margin: 0;
  display: flex;
  align-items: center;
  padding-left: 4px;
  margin-left: -4px;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 4px;
}
.payroll-report .payroll-result-container .payroll-section-header.schedule-header {
  background-color: #494949;
}
.payroll-report .payroll-result-container .payroll-section-header.timeclock-header {
  background-color: #626262;
}
.payroll-report .payroll-result-container .payroll-section-header.timeoff-header {
  background-color: #7c7c7c;
}
.payroll-report .payroll-result-container .payroll-section-header.absences-header {
  background-color: #959595;
}
.payroll-report .payroll-result-container .not-checked .payroll-section-header {
  height: 18px;
  margin: 0;
  display: flex;
  align-items: center;
  padding-left: 4px;
  margin-left: -4px;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 4px;
}
.payroll-report .payroll-result-container .not-checked .payroll-section-header.timeclock-header {
  background-color: #e9e9e9;
}
.payroll-report .payroll-result-container .not-checked .payroll-section-header.timeoff-header {
  background-color: #e9e9e9;
}
.payroll-report .payroll-result-container .not-checked .payroll-section-header.absences-header {
  background-color: #e9e9e9;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift {
  margin-bottom: 8px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap {
  display: flex;
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-dates,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-punch,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-dates,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-dates,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-note,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-reported {
  margin-right: 12px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-dates {
  display: flex;
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-start, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-end {
  display: flex;
  align-items: center;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-start.pay, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-end.pay {
  color: #888888;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-punch {
  display: flex;
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-punch .payroll-punch-in, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-punch .payroll-punch-out {
  display: flex;
  align-items: center;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-dates {
  display: flex;
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-start, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-end {
  display: flex;
  align-items: center;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-dates {
  display: flex;
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-start, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-end {
  display: flex;
  align-items: center;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-reported {
  display: flex;
  align-items: center;
  color: #888888;
  flex-direction: row-reverse;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .payroll-absence-reported {
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift .payroll-week-shift-wrap .description-wrap {
  font-size: 11px;
  padding: 2px 0;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-department {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 24px !important;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-note, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-employee-note, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-manager-note, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .absence-note {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 24px !important;
  height: 28px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-note .fa, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-employee-note .fa, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-manager-note .fa, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .absence-note .fa {
  margin-right: 4px;
  padding-left: 4px;
  color: #626262;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .day-note {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  color: #959595;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .day-note .daynote-icon {
  margin-right: 4px;
  margin-left: 8px;
  padding: 0px 4px;
  background-color: #e5e5e5;
  border-radius: 2px;
  border: 1px solid #c8c8c8;
  font-size: 10px;
  color: #959595;
}
.payroll-report .payroll-result-container .payroll-week-pay-wrap {
  border-top: 1px dashed #c0c0c0;
}
.payroll-report .payroll-result-container .payroll-week-pay-detail .pay-detail-label {
  display: flex;
  align-items: center;
  width: 466px;
}
.payroll-report .payroll-result-container .payroll-week-pay-detail .pay-detail-label .--period-times {
  width: 135px;
}
.payroll-report .payroll-result-container .payroll-week-pay-detail .pay-detail-value {
  display: flex;
  align-items: center;
  color: #888888;
  flex-direction: row-reverse;
  width: 80px;
}
.payroll-report .payroll-result-container .payroll-week-pay-detail .pay-detail-group {
  display: flex;
  flex-direction: row;
  height: 28px;
}
.payroll-report .payroll-result-container .payroll-week-pay-detail .pay-detail-group.total {
  border-top: 1px dashed #c0c0c0;
  padding-top: 4px;
}
.payroll-report .payroll-result-container .payroll-employee, .payroll-report .payroll-result-container .payroll-grand-totals {
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-weeks, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-weeks {
  width: 100%;
  padding: 4px 4px 4px 16px;
  background: #ffffff;
  overflow-x: scroll;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-weeks .payroll-week, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-weeks .payroll-week {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin-bottom: 16px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-weeks .payroll-times-start, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-weeks .payroll-times-start {
  color: #6992be;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-weeks .payroll-times-end, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-weeks .payroll-times-end {
  color: #204893;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals {
  display: flex;
  flex-direction: row;
  font-size: 14px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals span, .payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals span, .payroll-report .payroll-result-container .payroll-employee .grand-totals span, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals span, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals span, .payroll-report .payroll-result-container .payroll-grand-totals .grand-totals span {
  font-size: 14px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap {
  display: flex;
  flex-direction: row;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-dates-space, .payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-dates-space, .payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-dates-space, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-dates-space, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-dates-space, .payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-dates-space {
  display: flex;
  align-items: center;
  width: 282px;
  min-width: 282px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-reported, .payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .payroll-week-shift-wrap .payroll-absence-reported, .payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .grand-totals .payroll-week-shift-wrap .payroll-absence-reported, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-reported, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .payroll-week-shift-wrap .payroll-absence-reported, .payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-absence-reported {
  display: flex;
  align-items: center;
  color: #6f6f6f;
  flex-direction: row-reverse;
  margin-right: 12px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals {
  border-bottom: 1px solid #626262;
  margin-left: -4px;
  padding-left: 4px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-totals label, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-totals label {
  margin-bottom: 0;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals {
  margin-bottom: 8px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .scheduled-employee-total,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .actual-employee-total, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .scheduled-employee-total,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .actual-employee-total {
  margin-top: 4px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .scheduled-employee-total .payroll-week-shift-wrap,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .actual-employee-total .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .scheduled-employee-total .payroll-week-shift-wrap,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .actual-employee-total .payroll-week-shift-wrap {
  background-color: #dce8f3;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  margin-left: -4px;
  padding-left: 4px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .scheduled-employee-total .payroll-week-shift-wrap label,
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .actual-employee-total .payroll-week-shift-wrap label, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .scheduled-employee-total .payroll-week-shift-wrap label,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .actual-employee-total .payroll-week-shift-wrap label {
  margin: 0;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals .actual-employee-total .payroll-week-shift-wrap, .payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals .actual-employee-total .payroll-week-shift-wrap {
  background-color: #b6cfe6;
}
.payroll-report .payroll-result-container .payroll-employee {
  margin-bottom: 8px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  background-color: #f2f7fb;
  margin-left: -4px;
  padding-left: 4px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift.gray-background {
  background-color: #fafafa;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .payroll-week-shift.white-background {
  background-color: #ffffff;
  box-shadow: none;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-department, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-note, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-employee-note, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .shift-manager-note {
  background-color: transparent;
  box-shadow: none;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shifts .day-note {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #e5e5e5;
}
.payroll-report .payroll-result-container .payroll-employee-header {
  display: flex;
  background-color: #ffffff;
  margin-bottom: 4px;
}
.payroll-report .payroll-result-container .payroll-employee-header label {
  margin: 0;
  color: #626262;
}
.payroll-report .payroll-result-container .payroll-employee-header.payroll-week-shifts .payroll-week-shift {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  box-shadow: none;
  margin-bottom: 0;
}
.payroll-report .payroll-result-container .payroll-employee-header.payroll-week-shifts .payroll-week-shift .payroll-shift-overtime span {
  color: #F5595F;
}
.payroll-report .payroll-result-container .payroll-grand-totals {
  padding: 0 4px 0 16px;
  overflow-x: scroll;
}
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals label {
  color: #ffffff;
  margin: 0;
}
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap {
  background-color: #376d9e;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  margin-left: -4px;
  padding-left: 4px;
}
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-week-shift-wrap .payroll-shift-dates-space {
  width: 282px;
  min-width: 282px;
}
@media (max-width: 991px) {
  .payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .actual-grand-total {
    margin-top: 8px;
  }
}
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .actual-grand-total .payroll-week-shift-wrap {
  background-color: #2a5378;
}
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals span {
  margin-left: -4px;
}
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals .payroll-absence-reported {
  color: #ffffff !important;
}
.payroll-report .report-footer {
  display: none;
}

.payroll-report .payroll-result-container .payroll-employee .payroll-week, .payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals, .payroll-report .payroll-result-container .payroll-employee .grand-totals,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-employee-totals,
.payroll-report .payroll-result-container .payroll-employee-header .grand-totals,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-employee-totals,
.payroll-report .payroll-result-container .payroll-week-totals .grand-totals,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals {
  min-width: 1510px;
  width: calc(100% - 11px);
}
@media (max-width: 991px) {
  .payroll-report .payroll-result-container .payroll-employee .payroll-week, .payroll-report .payroll-result-container .payroll-employee .payroll-employee-totals, .payroll-report .payroll-result-container .payroll-employee .grand-totals,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-employee-totals,
.payroll-report .payroll-result-container .payroll-employee-header .grand-totals,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-employee-totals,
.payroll-report .payroll-result-container .payroll-week-totals .grand-totals,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-employee-totals,
.payroll-report .payroll-result-container .payroll-grand-totals .grand-totals {
    min-width: 760px;
  }
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap {
  height: 28px;
  min-height: 28px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap.payroll-week-timeoff-wrap,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap.payroll-week-timeoff-wrap,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap.payroll-week-timeoff-wrap,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap.payroll-week-timeoff-wrap {
  height: auto;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-start, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-end,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-start,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-end,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-start,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-end,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-start,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-dates .payroll-times-end {
  width: 135px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-punch .payroll-punch-in, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-punch .payroll-punch-out,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-punch .payroll-punch-in,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-punch .payroll-punch-out,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-punch .payroll-punch-in,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-punch .payroll-punch-out,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-punch .payroll-punch-in,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-punch .payroll-punch-out {
  width: 135px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-start, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-end,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-start,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-end,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-start,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-end,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-start,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-timeoff-dates .payroll-timeoff-end {
  width: 135px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-start, .payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-end,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-start,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-end,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-start,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-end,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-start,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-absence-dates .payroll-absence-end {
  width: 135px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-type,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-normal,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-regular,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-overtime,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-duration,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-timeoff,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-holiday,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-shift-pay,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-timeoff-state,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-timeoff-type {
  width: 80px;
  min-width: 80px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-subject,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-timeoff-subject {
  width: 120px;
  min-width: 120px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-timeoff-description,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-timeoff-description {
  width: 100%;
  min-width: 120px;
}
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee .payroll-week-shift-wrap .payroll-absence-reported,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-employee-header .payroll-week-shift-wrap .payroll-absence-reported,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-week-totals .payroll-week-shift-wrap .payroll-absence-reported,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-absence-type,
.payroll-report .payroll-result-container .payroll-grand-totals .payroll-week-shift-wrap .payroll-absence-reported {
  width: 160px;
  min-width: 160px;
}

.payroll-report {
  /* custom scrollbar */
}
.payroll-report ::-webkit-scrollbar {
  width: 8px;
}
.payroll-report ::-webkit-scrollbar-track {
  background-color: transparent;
}
.payroll-report ::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 4px;
  border: 6px solid transparent;
  background-clip: content-box;
}
.payroll-report ::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.page-payroll-setting .grid-jobtitles-setting {
  max-width: 1000px;
  min-width: 800px;
}
.page-payroll-setting .grid-employees-setting {
  width: auto !important;
}
.page-payroll-setting .payroll-setting-input {
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 0 0;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.page-payroll-setting .payroll-setting-input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}

.container-wrap {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
  justify-items: stretch;
}

.col-1-7 {
  grid-column: 1/7;
}

.col-7-13 {
  grid-column: 7/13;
}

.col-1-13 {
  grid-column: 1/13;
}

@media (max-width: 1024px) {
  .col-1-7,
.col-7-13 {
    grid-column: 1/13;
  }
}
.page-reports-dailyjournal .month-name {
  margin-top: 12px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #626262;
}
.page-reports-dailyjournal .form-wrap {
  display: flex;
  margin-bottom: 4px;
}
.page-reports-dailyjournal .form-wrap .control-label {
  width: 33%;
  margin-right: 12px;
}
.page-reports-dailyjournal .--journal-input {
  width: 100px;
}
.page-reports-dailyjournal .panel-title.--legend-title {
  width: 200px;
}
.page-reports-dailyjournal .--error-icon-legend {
  display: flex;
  padding: 12px;
}
.page-reports-dailyjournal .--error-icon-legend .--legend {
  border-right: 1px solid #6d6d6d;
  padding-right: 12px;
}
.page-reports-dailyjournal .--error-icon-legend .--legend:last-child {
  border-right: none;
}
.page-reports-dailyjournal .--error-icon-legend .fa {
  font-size: 16px;
  width: 20px;
  text-align: right;
  margin-right: 12px;
  margin-left: 6px;
  color: #626262;
}
.page-reports-dailyjournal .payroll-byday-container {
  overflow: auto;
}
.page-reports-dailyjournal table.payroll-byday-grid {
  border: 1px solid #c0c0c0;
  table-layout: auto;
  background-color: #fff;
}
.page-reports-dailyjournal table.payroll-byday-grid th {
  text-align: center;
  background-color: #626262;
  color: #ffffff;
}
.page-reports-dailyjournal table.payroll-byday-grid tr {
  min-height: 20px;
  height: 20px;
}
.page-reports-dailyjournal table.payroll-byday-grid tr.license-row {
  background-color: #dae2e8;
}
.page-reports-dailyjournal table.payroll-byday-grid tr.license-row td:not(.employee-column):not(.jobtitle-column) {
  text-align: left;
}
.page-reports-dailyjournal table.payroll-byday-grid tr.employee-row.odd {
  background-color: #ffffff;
}
.page-reports-dailyjournal table.payroll-byday-grid tr.employee-row.even {
  background-color: #e5e5e5;
}
.page-reports-dailyjournal table.payroll-byday-grid tr.employee-row.even .employee-column-invalid {
  background-color: #ffcccc;
}
.page-reports-dailyjournal table.payroll-byday-grid tr.employee-row.even .day-column-invalid {
  background-color: #ffcccc;
}
.page-reports-dailyjournal table.payroll-byday-grid th, .page-reports-dailyjournal table.payroll-byday-grid td {
  padding: 2px;
  min-width: 30px;
  border: 1px solid #c0c0c0;
  font-size: 10px;
}
.page-reports-dailyjournal table.payroll-byday-grid th.employee-column, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column {
  width: 140px;
  min-width: 140px;
}
@media (max-width: 1600px) {
  .page-reports-dailyjournal table.payroll-byday-grid th.employee-column, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column {
    min-width: 120px;
    width: 120px;
  }
}
.page-reports-dailyjournal table.payroll-byday-grid th.employee-column.employee-column-invalid, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column.employee-column-invalid {
  color: #ff3333;
  background-color: #ffe6e6;
}
.page-reports-dailyjournal table.payroll-byday-grid th.employee-column.employee-column-invalid .--employee-name-wrap, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column.employee-column-invalid .--employee-name-wrap {
  display: flex;
  align-items: center;
}
.page-reports-dailyjournal table.payroll-byday-grid th.employee-column.employee-column-invalid .--icons-wrap, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column.employee-column-invalid .--icons-wrap {
  margin-left: 4px;
  justify-content: flex-end;
  color: #ff3333;
  font-size: 12px;
}
.page-reports-dailyjournal table.payroll-byday-grid th.employee-column.employee-column-invalid .--icons-wrap .validation-missing-payrollid::after, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column.employee-column-invalid .--icons-wrap .validation-missing-payrollid::after {
  content: "\f059";
  font-family: "FontAwesome";
  margin: 0 2px;
  font-style: normal;
}
.page-reports-dailyjournal table.payroll-byday-grid th.employee-column.employee-column-invalid .--icons-wrap .validation-missing-licensure::after, .page-reports-dailyjournal table.payroll-byday-grid td.employee-column.employee-column-invalid .--icons-wrap .validation-missing-licensure::after {
  content: "\f2c1";
  font-family: "FontAwesome";
  margin: 0 2px;
  font-style: normal;
}
.page-reports-dailyjournal table.payroll-byday-grid th.jobtitle-column, .page-reports-dailyjournal table.payroll-byday-grid td.jobtitle-column {
  width: 100px;
  min-width: 100px;
}
@media (max-width: 1600px) {
  .page-reports-dailyjournal table.payroll-byday-grid th.jobtitle-column, .page-reports-dailyjournal table.payroll-byday-grid td.jobtitle-column {
    min-width: 80px;
    width: 80px;
  }
}
.page-reports-dailyjournal table.payroll-byday-grid th.day-column, .page-reports-dailyjournal table.payroll-byday-grid td.day-column {
  width: 40px;
}
.page-reports-dailyjournal table.payroll-byday-grid th.day-column.day-column-invalid, .page-reports-dailyjournal table.payroll-byday-grid td.day-column.day-column-invalid {
  color: #ff3333;
  background-color: #ffe6e6;
}
.page-reports-dailyjournal table.payroll-byday-grid th.day-column.day-column-invalid .--icons-wrap, .page-reports-dailyjournal table.payroll-byday-grid td.day-column.day-column-invalid .--icons-wrap {
  display: flex;
  justify-content: flex-end;
  color: #ff3333;
  font-size: 12px;
  flex-direction: row;
}
@media (max-width: 1600px) {
  .page-reports-dailyjournal table.payroll-byday-grid th.day-column.day-column-invalid .--icons-wrap, .page-reports-dailyjournal table.payroll-byday-grid td.day-column.day-column-invalid .--icons-wrap {
    flex-direction: column;
    align-items: end;
  }
}
.page-reports-dailyjournal table.payroll-byday-grid th.day-column.day-column-invalid .--icons-wrap .validation-missing-jobtitle::after, .page-reports-dailyjournal table.payroll-byday-grid td.day-column.day-column-invalid .--icons-wrap .validation-missing-jobtitle::after {
  content: "\f0f1";
  font-family: "FontAwesome";
  margin: 0 2px;
  font-style: normal;
}
.page-reports-dailyjournal table.payroll-byday-grid th.day-column.day-column-invalid .--icons-wrap .validation-missing-paytype::after, .page-reports-dailyjournal table.payroll-byday-grid td.day-column.day-column-invalid .--icons-wrap .validation-missing-paytype::after {
  content: "\f0d6";
  font-family: "FontAwesome";
  margin: 0 2px;
  font-style: normal;
}
.page-reports-dailyjournal table.payroll-byday-grid th.day-column.day-column-invalid .--icons-wrap .validation-over24::after, .page-reports-dailyjournal table.payroll-byday-grid td.day-column.day-column-invalid .--icons-wrap .validation-over24::after {
  content: "\f017";
  font-family: "FontAwesome";
  margin: 0 2px;
  font-style: normal;
}
.page-reports-dailyjournal table.payroll-byday-grid th.total-column, .page-reports-dailyjournal table.payroll-byday-grid td.total-column {
  text-align: right;
  font-weight: bold;
}
.page-reports-dailyjournal table.payroll-byday-grid td:not(.employee-column):not(.jobtitle-column) {
  min-width: 40px;
  width: 40px;
  text-align: right;
}
@media (max-width: 1600px) {
  .page-reports-dailyjournal table.payroll-byday-grid td:not(.employee-column):not(.jobtitle-column) {
    min-width: 32px;
    width: 32px;
  }
}
.page-reports-dailyjournal table.payroll-byday-grid th:not(.employee-column):not(.jobtitle-column) {
  min-width: 40px;
  width: 40px;
}
@media (max-width: 1600px) {
  .page-reports-dailyjournal table.payroll-byday-grid th:not(.employee-column):not(.jobtitle-column) {
    min-width: 32px;
    width: 32px;
  }
}
.page-reports-dailyjournal table.payroll-byday-grid tfoot tr {
  background-color: #ffffff !important;
}
.page-reports-dailyjournal table.payroll-byday-grid tfoot td {
  font-weight: bold;
}
.page-reports-dailyjournal table.payroll-byday-grid tfoot td.day-column {
  text-align: right;
}
.page-reports-dailyjournal table.payroll-byday-grid td.day-column {
  text-align: right;
}
.page-reports-dailyjournal .payroll-report-page.container-fluid {
  padding: 0;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .panel {
  min-height: 180px;
  height: calc(100% - 20px);
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .panel .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container div.round-punches {
  margin-left: 12px;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container label {
  margin-left: 0;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls {
  font-size: 14px;
  background-image: none;
}
@media (max-width: 991px) {
  .page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls {
    flex-direction: column;
  }
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls .payroll-reportpicker {
  margin-bottom: 4px;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls .payroll-rangetype label {
  margin-left: 4px;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls.payroll-divider::after {
  border-bottom: 1px solid #e5e5e5;
  width: calc(100% - 30px);
  margin: 15px;
  display: inline-block;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox .payroll-checkbox-wrap {
  display: flex;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox .payroll-checkbox-wrap .payroll-checkbox-label {
  width: 180px;
}
.page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox .payroll-checkbox-wrap .payroll-checkbox {
  margin-right: 5px;
  margin-left: 25px;
}
.page-reports-dailyjournal .payroll-report-page .payroll-update {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .page-reports-dailyjournal .payroll-report-page {
    overflow-x: hidden;
  }
  .page-reports-dailyjournal .payroll-report-page .report-wrap .payroll-report-header {
    flex-direction: column;
  }
  .page-reports-dailyjournal .payroll-report-page .report-wrap .payroll-report-header .report-header-title {
    padding: 20px;
  }
  .page-reports-dailyjournal .payroll-report-page .report-wrap .payroll-report-header .report-header-organization-data {
    padding: 20px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .page-reports-dailyjournal .payroll-report-page {
    overflow-x: hidden;
  }
  .page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls {
    flex-direction: column;
  }
  .page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-controls .payroll-reportpicker .wide-radiobutton {
    padding-left: 15px;
  }
  .page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox {
    margin-bottom: 16px;
  }
  .page-reports-dailyjournal .payroll-report-page .payroll-filters .payroll-filters-container .payroll-filter-checkbox .payroll-checkbox-wrap .payroll-checkbox {
    margin-left: 0;
  }
  .page-reports-dailyjournal .payroll-report-page .report-wrap .payroll-report-header {
    flex-direction: column;
  }
  .page-reports-dailyjournal .payroll-report-page .report-wrap .payroll-report-header .report-header-title {
    padding: 20px;
  }
  .page-reports-dailyjournal .payroll-report-page .report-wrap .payroll-report-header .report-header-organization-data {
    padding: 20px;
    text-align: center;
  }
}
.page-reports-dailyjournal .payroll-print {
  display: flex;
  flex-direction: row-reverse;
}
.page-reports-dailyjournal .payroll-print .btn {
  margin-left: 12px;
}
.page-reports-dailyjournal .grand-total {
  margin-top: 24px;
  font-weight: bold;
}
.page-reports-dailyjournal .grand-total label {
  font-weight: bold;
}

.absence-report .absence-filters.container-wrap {
  column-gap: 0;
}
.absence-report .absence-filters .form-wrap {
  display: flex;
  margin-bottom: 4px;
}
.absence-report .absence-filters .form-wrap .control-label {
  width: 33%;
  margin-right: 12px;
  font-size: 14px;
  padding: 0;
}
.absence-report .absence-filters .form-wrap input, .absence-report .absence-filters .form-wrap label {
  margin: 0;
  padding: 0;
}
.absence-report .absence-filters .report-sort-checkbox {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.absence-report .absence-filters .report-sort-checkbox span {
  margin: 0 16px 0 0;
  font-size: 14px;
}
@media (max-width: 567px) {
  .absence-report .absence-filters .report-sort-checkbox {
    flex-direction: column;
    align-items: flex-start;
  }
}
.absence-report .absence-filters .report-sort-checkbox input[type=checkbox], .absence-report .absence-filters .report-sort-checkbox input[type=radio] {
  margin-top: 0;
}
.absence-report .absence-filters .report-sort-checkbox label {
  width: 100%;
  margin-left: 8px;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
  width: 100%;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group span, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past span {
  width: 50%;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group label, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  background: grey;
  display: inline-block;
  border-radius: 9px;
  position: relative;
  top: 2px;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group label:after, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group input[type=checkbox], .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past input[type=checkbox] {
  display: none;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group input:checked + label, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past input:checked + label {
  background: #5192ca;
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group input:checked + label:after, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-group label:active:after, .absence-report .absence-filters .report-sort-checkbox .report-sort-checkbox-past label:active:after {
  width: 10px;
}
.absence-report .--report-wrap .--employee-absence-list .--employee-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4px;
  background-color: #5b93c6;
  color: #ffffff;
  font-size: 14px;
  padding: 4px 4px 4px 8px;
}
.absence-report .--report-wrap .--employee-absence-list .--employee-wrap .--name {
  margin: 0 8px 0 0;
  font-weight: bold;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 14px;
  background-color: #ffffff;
  color: #626262;
  border-color: #a2a2a2;
  border-bottom: 1px solid #e5e5e5;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 450px;
  padding-left: 12px;
  background-color: #f2f7fb;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-info .--date {
  font-size: 12px;
  color: #626262;
  height: 15px;
  width: 140px;
  padding-right: 4px;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-info .--type {
  font-size: 14px;
  color: black;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 130px);
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-info .--type .--department {
  margin-right: 12px;
  height: 15px;
  font-size: 12px;
  color: #626262;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-info span {
  display: inline-block;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-description {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-start;
  padding: 8px 12px;
}
.absence-report .--report-wrap .--employee-absence-list .absence-container .absence-description .--description {
  font-size: 14px;
  color: #3C3838;
}
.absence-report .report-footer, .absence-report .print-header {
  display: none;
}

.month-view .selected-month {
  color: #626262;
  font-size: 26px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.month-view .selected-month .month-view-datepicker {
  display: flex;
  align-items: center;
}
.month-view .selected-month .month-view-datepicker .--monthpicker {
  display: flex;
}
.month-view .selected-month .month-view-datepicker .RadPicker .rcInputCell {
  display: none;
}
.month-view .calendar {
  max-width: 1480px;
  min-width: 1050px;
  width: 100%;
  font-size: 14px;
}
.month-view .calendar .header {
  color: #5b93c6;
  height: auto;
}
.month-view .calendar .header .schedule-type, .month-view .calendar .header .day-of-week {
  padding: 4px;
}
.month-view .calendar .week-header {
  height: 24px;
  border-right: 1px solid #3C3838;
  border-left: 1px solid #3C3838;
}
.month-view .calendar .week-header .date, .month-view .calendar .week-header .--spacer {
  background-color: #3C3838;
  color: #ffffff;
  height: 24px;
  align-items: center;
  padding: 2px 4px;
}
.month-view .calendar .date.this-day {
  background-color: #234665;
}
.month-view .calendar .day-of-week, .month-view .calendar .shifts-wrap {
  width: 190px;
}
@media (max-width: 1280px) {
  .month-view .calendar .day-of-week, .month-view .calendar .shifts-wrap {
    width: auto;
  }
}
.month-view .calendar .timerange-group {
  padding: 4px;
  color: #3C3838;
  border-right: 1px solid #a5a5a5;
  border-left: 1px solid #a5a5a5;
}
.month-view .calendar .timerange-group:last-child {
  border-bottom: 1px solid #a5a5a5;
}
.month-view .calendar .timerange-group .time-range {
  padding: 5px;
  margin: 1px;
  vertical-align: baseline;
  min-width: 140px;
  width: 140px;
  border-top: solid 1px #8c8c8c;
  border-bottom: solid 1px #8c8c8c;
  border-right: double 3px #3C3838;
  background-color: #cacaca;
}
@media (max-width: 1280px) {
  .month-view .calendar .timerange-group .time-range {
    width: auto;
    font-size: 11px;
    min-width: 110px;
    width: 110px;
  }
}
.month-view .calendar .timerange-group .shifts-wrap {
  padding: 1px;
  border-top: solid 1px #8c8c8c;
  border-bottom: solid 1px #8c8c8c;
  border-right: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
  background-color: #d7d7d7;
  vertical-align: top;
}
.month-view .calendar .timerange-group .shifts-wrap .employee {
  border: solid 1px #bfbfbf;
  padding: 2px 4px;
  margin: 2px;
  background-color: #ffffff;
  height: auto;
  min-height: 25px;
  display: flex;
  align-items: center;
  overflow-wrap: break-word;
  min-height: 25px;
  word-break: break-all;
}
@media (max-width: 1280px) {
  .month-view .calendar .timerange-group .shifts-wrap .employee {
    font-size: 11px;
  }
}
.month-view .calendar .timerange-group .shifts-wrap.this-day {
  background-color: #94b8da;
}
.month-view .calendar .timerange-group .shifts-wrap.not-this-month {
  background-color: #a4a4a4;
  border-top: solid 1px #8c8c8c;
  border-bottom: solid 1px #8c8c8c;
}
.month-view .calendar .timerange-group .shifts-wrap.not-this-month .employee {
  display: none;
}
.month-view .calendar .timerange-group.even .time-range {
  background-color: #d7d7d7;
}
.month-view .calendar .timerange-group.even .shifts-wrap {
  background-color: #e3e3e3;
}
.month-view .calendar .timerange-group.even .shifts-wrap.not-this-month {
  background-color: #b0b0b0;
}
.month-view .calendar .timerange-group.even .shifts-wrap.this-day {
  background-color: #a7c5e0;
}
.month-view .calendar .timerange-group.even.--no-shift {
  background-color: #b0b0b0;
}
.month-view .calendar .timerange-group.--no-shift {
  background-color: #a4a4a4;
}

.RadCalendarMonthView_Default #rcMView_Today {
  background: none;
  padding: 1px 8px 1px 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 12px;
  line-height: 1.428571429;
  cursor: pointer;
}
.RadCalendarMonthView_Default #rcMView_Today:hover {
  background-color: #f0f0f0;
  box-shadow: none;
}
.RadCalendarMonthView_Default #rcMView_OK {
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0 5px;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 1px 8px 1px 8px;
  font-size: 12px;
  line-height: 1.428571429;
  background-color: #e0636e;
  border-color: #dc4e5a;
  color: #ffffff;
}
.RadCalendarMonthView_Default #rcMView_OK:hover {
  background-color: #573499;
  border-color: #4c2e86;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.RadCalendarMonthView_Default #rcMView_Cancel {
  background: none;
  border-color: transparent;
  color: #5b93c6;
  cursor: pointer;
  padding: 1px 8px 1px 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 12px;
  line-height: 1.428571429;
}
.RadCalendarMonthView_Default #rcMView_Cancel:hover {
  background-color: #f0f0f0;
  box-shadow: none;
}
.RadCalendarMonthView_Default td.rcSelected a {
  background: #5b93c6;
  box-shadow: none;
}

@media (max-width: 1780px) {
  .page-time-data .time-data-filter .grid-2-col-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
.page-time-data .time-data-header {
  background-color: #ffffff;
  padding-left: 20px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.page-time-data .time-data-header .time-data-logo {
  display: flex;
  align-items: center;
}
.page-time-data .time-data-header .time-data-organization {
  background-color: #3C3838;
  color: #ffffff;
  padding: 12px 20px;
}
.page-time-data .time-data-header .time-data-organization .organization-label {
  width: 75px;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.page-time-data .time-data-header .time-data-range {
  display: flex;
  flex-direction: column;
  color: #ffffff;
  margin-top: 8px;
}
.page-time-data .time-data-header .time-data-range .report-container-date {
  color: #ffffff;
  display: flex;
}
.page-time-data .time-data-header .report-header-date {
  margin-top: 8px;
}
.page-time-data .time-data-grid .RadGrid.RadGrid_WebBlue {
  margin-top: 0;
  border-top: none;
}
.page-time-data .report-footer {
  display: none;
}

/* Style for COPE ManageScholar*/
/*COPE Colors*/
/*
$cope-color-primary: #10175f;
$cope-color-secondary: #00aef5;
$cope-color-secondary-hover: #007eb1;
$cope-color-background-color: #f0f7f9;
$cope-color-tertiary: #6ebe48;
*/
.cope-dashboard-page .header-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1280px) {
  .cope-dashboard-page .header-wrap {
    flex-direction: column;
    align-items: baseline;
  }
}
.cope-dashboard-page .header-wrap .--chart-label {
  font-size: 26px;
  color: #10175f;
  font-weight: bold;
}
.cope-dashboard-page .header-wrap .page-setting {
  margin-left: auto;
  color: #5b93c6;
  font-size: 14px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}
@media (max-width: 1280px) {
  .cope-dashboard-page .header-wrap .page-setting {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .cope-dashboard-page .header-wrap .page-setting {
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .cope-dashboard-page .header-wrap .page-setting .--divider {
    display: none;
  }
}
.cope-dashboard-page .header-wrap .page-setting .setting-label {
  color: #626262;
  margin-right: 4px;
}
.cope-dashboard-page .header-wrap .page-setting .setting-label .--divider {
  margin: 0 8px;
}
.cope-dashboard-page .header-wrap .select-categories {
  display: flex;
  align-items: center;
  justify-self: end;
}
@media (max-width: 1280px) {
  .cope-dashboard-page .header-wrap .select-categories {
    justify-self: start;
  }
}
.cope-dashboard-page .header-wrap .linechart-categories-checkbox {
  display: flex;
  align-items: center;
}
.cope-dashboard-page .header-wrap .linechart-categories-checkbox input, .cope-dashboard-page .header-wrap .linechart-categories-checkbox label {
  margin: 0;
}
.cope-dashboard-page .header-wrap .--datepicker {
  display: flex;
  align-items: center;
}
.cope-dashboard-page .chart, .cope-dashboard-page .chart-print {
  width: 100%;
  margin: auto;
  position: absolute;
  background-color: #ffffff;
  padding: 16px;
  border: 1px solid #ccc;
}
.cope-dashboard-page .chart .apexcharts-yaxis-title text, .cope-dashboard-page .chart .apexcharts-xaxis-title text, .cope-dashboard-page .chart-print .apexcharts-yaxis-title text, .cope-dashboard-page .chart-print .apexcharts-xaxis-title text {
  font-size: 14px;
}
.cope-dashboard-page .chart .apexcharts-title-text, .cope-dashboard-page .chart-print .apexcharts-title-text {
  font-weight: normal;
  fill: #5b93c6;
}
.cope-dashboard-page .chart-container {
  position: relative;
  height: 385px;
}
.cope-dashboard-page .chart {
  z-index: 100;
}
.cope-dashboard-page .chart-print {
  z-index: 10;
  width: 1030px;
}
.cope-dashboard-page .monthly-ftes-wrap {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #f8f7f7;
  border: 1px solid #ccc;
  overflow-x: scroll;
}
.cope-dashboard-page .monthly-ftes-wrap .monthly-ftes {
  margin: 0 32px;
}
.cope-dashboard-page .monthly-ftes-wrap .monthly-ftes .month {
  color: #626262;
  font-size: 14px;
  white-space: nowrap;
}
.cope-dashboard-page .monthly-ftes-wrap .monthly-ftes .amount {
  color: #3C3838;
  font-size: 26px;
  font-weight: bold;
}
.cope-dashboard-page .monthly-ftes-wrap .monthly-ftes .--month-over-month {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #e5e5e5;
}
.cope-dashboard-page .monthly-ftes-wrap .monthly-ftes .--month-over-month.positive {
  color: #2da91c;
}
.cope-dashboard-page .monthly-ftes-wrap .monthly-ftes .--month-over-month.negative {
  color: #e0636e;
}
.cope-dashboard-page .--subtitle {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 0 4px 0;
  margin-bottom: 16px;
  margin-top: 0;
  font-size: 18px;
  line-height: inherit;
  color: #0078a9;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
}

/* Styles specific to CreateMessage  */
.create-message {
  position: relative;
}
.create-message #message-length-warning {
  font-weight: bold;
  margin-top: 12px;
}
.create-message .domain-unit-selector-container .domain-selector-control .domain-selector {
  float: none;
  height: initial;
  padding: initial;
  display: inline-block;
  padding-right: 7px;
}
@media (max-width: 991px) {
  .create-message .domain-unit-selector-container .domain-selector-control .domain-selector {
    margin-bottom: 8px;
  }
}
.create-message .domain-unit-selector-container .domain-selector-control .domain-selector label {
  margin-bottom: 0;
}
.create-message .domain-unit-selector-container .domain-selector-control .domain-selector span {
  font-size: 14px;
}
@media (max-width: 991px) {
  .create-message .domain-unit-selector-container .domain-selector-control {
    text-align: left;
  }
  .create-message .domain-unit-selector-container .domain-selector-control label {
    width: 120px;
    margin: 0;
  }
  .create-message .domain-unit-selector-container .domain-selector-control .domain-selector-facility-name {
    width: 120px;
    display: inline-block;
  }
}
.create-message .domain-unit-selector-container .domain-selector-control .apply-container {
  float: none;
  display: inline-block;
  padding: 0;
  margin-top: 0;
}
.create-message .recipient-message-wrapper label {
  font-size: 14px;
}
@media (max-width: 991px) {
  .create-message .recipient-message-wrapper label {
    font-size: 14px;
  }
}
.create-message .recipient-message-wrapper label .rlbText {
  font-weight: normal;
}
.create-message .recipient-message-wrapper span {
  font-size: 14px;
  margin: 0px 0 5px 3px;
  display: inline-block;
}
@media (max-width: 991px) {
  .create-message .recipient-message-wrapper span {
    font-size: 14px;
  }
}
.create-message .recipient-message-wrapper span .rlbText {
  font-weight: normal;
}
.create-message .recipient-message-wrapper .message .body {
  margin-bottom: 10px;
  margin-top: 12px;
}
.create-message .recipient-message-wrapper .message .body .form-control {
  padding-top: 8px !important;
}
.create-message .recipient-message-wrapper .message .send-message .btn {
  margin-right: 10px;
}
.create-message .recipient-message-wrapper .message .send-message .alert label {
  margin-top: 0;
}
.create-message .recipient-message-wrapper .message .send-message .alert input {
  margin-top: 0;
}
.create-message .recipient-message-wrapper .recipient-message-title {
  font-weight: normal;
  margin: 8px 0 4px 0px;
  color: #5b93c6;
}
@media (max-width: 767px) {
  .create-message .domain-unit-selector-container {
    height: auto;
  }
  .create-message .destination {
    width: auto;
    height: auto;
    margin: 0;
  }
  .create-message .destination label {
    margin-top: 10px;
  }
  .create-message label {
    width: 130px;
  }
  .create-message .apply-container {
    float: right;
    margin: 15px 5px 5px 0;
  }
  .create-message .message .subject label {
    color: #494949;
    margin-top: 15px;
  }
  .create-message .message .body label {
    color: #494949;
    margin-top: 15px;
  }
  .create-message .message .send-message {
    margin: 10px 0;
  }
}
.create-message .RadListBox_Default .rlbGroup {
  display: block;
  width: 100%;
  line-height: 1.42857;
  font-size: 14px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
@media (max-width: 991px) {
  .create-message .RadListBox_Default .rlbGroup {
    overflow: auto !important;
  }
}
.create-message .RadListBox .rlbList {
  margin-top: 8px;
}

.viewmessage {
  margin: 2em;
  font-size: 16px;
}
@media (max-width: 991px) {
  .viewmessage {
    margin: 5px;
  }
  .viewmessage .well {
    padding: 10px;
  }
}
.viewmessage label {
  width: 5em;
}
.viewmessage .form-control[readonly] {
  background-color: #ffffff;
}

/* Style for Manage Assignments*/
.easyshifts-health-timeline.timeline-container {
  margin: 0;
  min-width: 1700px;
}
.easyshifts-health-timeline .legend-wrap {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 16px;
  color: #626262;
}
.easyshifts-health-timeline .legend-wrap .timeline-legend {
  line-height: 16px;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.easyshifts-health-timeline .legend-wrap .timeline-legend span {
  line-height: 16px;
}
.easyshifts-health-timeline .legend-wrap .timeline-legend::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.easyshifts-health-timeline .legend-wrap .color-scheduled::before {
  background-color: #a9d4e8;
}
.easyshifts-health-timeline .legend-wrap .color-worked::before {
  background-color: #5b93c6;
}
.easyshifts-health-timeline .legend-wrap .color-worked-overtime::before {
  background-color: #F5595F;
}
.easyshifts-health-timeline .legend-wrap .color-scheduled-future::before {
  background-color: #626262;
}
.easyshifts-health-timeline .legend-wrap .color-not-worked-time::before {
  background-color: #a2a2a2;
}
.easyshifts-health-timeline .timeline-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.easyshifts-health-timeline .timeline-group .base-wrap {
  padding: 18px 32px;
  background-color: #f2f7fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.easyshifts-health-timeline .timeline-group .base-wrap.employee-wrap {
  background-color: #ffffff;
}
.easyshifts-health-timeline .timeline-group .employee-wrap {
  width: 370px;
  color: #5b93c6;
  margin-right: 10px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-data {
  margin-bottom: 12px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-data .employee-name {
  font-size: 32px;
  line-height: 32px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-data .employee-jobtitle {
  font-size: 16px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-shifts {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-shifts .time {
  font-size: 28px;
  color: #0067bb;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-shifts .date {
  font-size: 14px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .employee-shifts .date-divider {
  width: 50px;
  font-size: 28px;
  text-align: center;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .working-hours-wrap {
  color: #626262;
  font-size: 14px;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .working-hours-wrap .working-hours-label {
  width: 160px;
  display: block;
}
.easyshifts-health-timeline .timeline-group .employee-wrap .working-hours-wrap .hours-wrap {
  display: flex;
  flex-direction: row;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap.header {
  margin-bottom: 4px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .client-name {
  color: #666;
  font-size: 12px;
  width: 180px;
  line-height: 24px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline {
  display: flex;
  flex-direction: row;
  position: relative;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .hour {
  width: 88px;
  font-size: 11px;
  color: #626262;
  height: 24px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .hour:nth-child(odd) {
  background-color: #ffffff;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .hour:nth-child(even) {
  background-color: #ededed;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .hour.overtime {
  color: #F5595F;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline.hours .hour {
  background-color: transparent;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline {
  position: absolute;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .shift {
  height: 16px;
  margin-top: 4px;
  position: absolute;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .scheduled-shifts {
  background-color: #a9d4e8;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .scheduled-shifts.future {
  background-color: #626262;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .worked-hours-timeline {
  background-color: #3ea2d1;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .overtime-hours-timeline {
  background-color: #F5595F;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .not-worked-hours-timeline {
  background-color: #a2a2a2;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .shift-timeline .scheduled-shift-hours {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 4px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap .timeline .actual-time {
  position: absolute;
  display: block;
  background-color: #ffd800;
  width: 2px;
  height: 36px;
  top: -6px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap:nth-child(2) .timeline .actual-time .circle {
  position: relative;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap:nth-child(2) .timeline .actual-time .circle::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffd800;
  left: -3px;
  top: -6px;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap:last-child .timeline .actual-time .circle {
  position: relative;
}
.easyshifts-health-timeline .timeline-group .employee-timeline .timeline-wrap:last-child .timeline .actual-time .circle::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffd800;
  left: -3px;
  bottom: -42px;
}
.easyshifts-health-timeline .timeline-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
.easyshifts-health-timeline .timeline-header .btn-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 32px;
}
.easyshifts-health-timeline .timeline-header .btn-wrap .refresh {
  font-size: 14px;
}
.easyshifts-health-timeline .timeline-header .btn-wrap .refresh .fa {
  margin-right: 8px;
}
.easyshifts-health-timeline .timeline-header .btn-wrap .last-refresh {
  margin-right: 24px;
  font-size: 14px;
  color: #626262;
}
.easyshifts-health-timeline .timeline-header .timeline-today label {
  font-size: 28px;
  color: #888888;
}

.location-container {
  margin: 0;
  padding: 0;
}
.location-container .location-map {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-top: 52px;
}

.spacer-container {
  padding: 0;
}

/* Style for Manage Assignments*/
.location-container {
  /*Bugfix for select input*/
}
.location-container .location-container-wrap.row {
  margin-top: 0;
}
.location-container .RadComboBox_Office2007 {
  width: auto !important;
}

@media (max-width: 991px) {
  #main-content .manage-time-off {
    overflow: scroll;
  }
}
#main-content .manage-time-off .time-off-request-button {
  margin-top: 16px;
}
#main-content .manage-time-off .time-off-request-button a {
  margin: 0;
}
#main-content .manage-time-off .time-off-filter .time-off-divider {
  border-top: 1px solid #e5e5e5;
  margin: 24px 0;
}
#main-content .manage-time-off .time-off-filter label {
  margin-left: 0;
}
#main-content .manage-time-off .time-off-date-filter {
  margin-top: 24px;
}
#main-content .manage-time-off .timeoff-access-container {
  margin-top: 2px;
  display: inline-flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  #main-content .manage-time-off .timeoff-access-container {
    flex-wrap: wrap;
    margin-top: 24px;
  }
}
#main-content .manage-time-off .timeoff-access-container .time-off-coworker {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#main-content .manage-time-off .timeoff-access-container .checkbox-timeoff {
  display: inline-block;
}
#main-content .manage-time-off .timeoff-access-container .checkbox-timeoff label {
  cursor: pointer;
  text-indent: -9999px;
  width: 26px;
  height: 14px;
  background: grey;
  display: block;
  border-radius: 7px;
  position: relative;
}
#main-content .manage-time-off .timeoff-access-container .checkbox-timeoff label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.3s;
}
#main-content .manage-time-off .timeoff-access-container .checkbox-timeoff input:checked + label {
  background: #5b93c6;
}
#main-content .manage-time-off .timeoff-access-container label {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  margin-right: 8px;
}
@media (max-width: 320px) {
  #main-content .manage-time-off .timeoff-access-container label {
    width: 80%;
  }
}
#main-content .manage-time-off .timeoff-access-container input[type=checkbox] {
  display: none;
}
#main-content .manage-time-off .timeoff-access-container input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
#main-content .manage-time-off .timeoff-access-container label:active:after {
  width: 10px;
}
@media (max-width: 991px) {
  #main-content .manage-time-off .timeoff-access-container .access-time-off-requests {
    width: 100%;
  }
}
#main-content .manage-time-off .time-off-type .access-time-off-requests {
  display: flex;
  align-items: center;
}
#main-content .manage-time-off .time-off-type label {
  width: auto;
  margin: 0;
}
#main-content .manage-time-off .timeoff-calendar .states {
  margin-top: 12px;
}
@media (max-width: 991px) {
  #main-content .manage-time-off .timeoff-calendar .states .row {
    margin-right: 0;
    margin-left: 0;
  }
  #main-content .manage-time-off .timeoff-calendar .states .row .col-lg-2,
#main-content .manage-time-off .timeoff-calendar .states .row .col-md-4,
#main-content .manage-time-off .timeoff-calendar .states .row .col-sm-12 {
    padding-right: 0;
    padding-left: 0;
  }
}
#main-content .manage-time-off .timeoff-calendar .list {
  margin-right: 10px;
  margin-bottom: 10px;
}
#main-content .manage-time-off .timeoff-calendar .week-selector .monthselector-monthyearselector {
  vertical-align: initial;
}
#main-content .manage-time-off .timeoff-calendar .time-off-calender-container .time-off-calender-status {
  font-weight: bold;
}
#main-content .manage-time-off .timeoff-calendar .time-off-calender-container .time-off-calender-time .time-off-calender-start-time:after {
  white-space: pre-wrap;
  content: " - ";
  display: inline-block;
}
@media (max-width: 991px) {
  #main-content .manage-time-off .timeoff-calendar .time-off-calender-container .time-off-calender-time .time-off-calender-start-time {
    display: block;
  }
}
@media (max-width: 991px) {
  #main-content .manage-time-off .timeoff-calendar .rsAptContent {
    padding-left: 3px;
  }
}
#main-content .manage-time-off .time-off-color-setting .RadGrid.RadGrid_WebBlue {
  border: none;
}
#main-content .manage-time-off .time-off-color-setting .RadGrid.RadGrid_WebBlue .rgEditForm {
  border: none;
}
#main-content .manage-time-off .time-off-color-setting .RadGrid.RadGrid_WebBlue .rgMasterTable {
  border: solid 1px #dae2e8;
}
#main-content .manage-time-off .btn.btn-primary {
  margin: 0;
}
#main-content .manage-time-off .adp-timeoff .adp-timeoff-btn-wrap {
  display: flex;
}
#main-content .manage-time-off .adp-timeoff .adp-oid {
  margin: 12px 0;
}
#main-content .manage-time-off .adp-timeoff .adp-oid .oid-label {
  font-size: 14px;
  margin-left: 20px;
  display: inline-flex;
}
#main-content .manage-time-off .adp-timeoff .adp-oid input {
  background: transparent;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
#main-content .manage-time-off .adp-timeoff .adp-oid input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
#main-content .manage-time-off .adp-timeoff input {
  font-family: FontAwesome;
}
#main-content .manage-time-off .legend-content {
  width: 50%;
}
@media (max-width: 1930px) {
  #main-content .manage-time-off .legend-content {
    width: 66%;
  }
}
@media (max-width: 1290px) {
  #main-content .manage-time-off .legend-content {
    width: 100%;
  }
}
#main-content .manage-time-off .legend {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#main-content .manage-time-off .legend span {
  margin: 0;
}
#main-content .manage-time-off .legend .pending {
  background-color: #ffd700;
}
#main-content .manage-time-off .legend .approved {
  background-color: #9fdb81;
}
#main-content .manage-time-off .legend .rejected {
  background-color: #ff6347;
}
#main-content .manage-time-off .legend .canceled {
  background-color: #c9c9c9;
}
#main-content .manage-time-off .legend .vacation {
  background-color: #81b0db;
}
#main-content .manage-time-off .legend .color-emerald {
  background-color: #3EACA8;
}
#main-content .manage-time-off .legend .color-moss {
  background-color: #547A82;
}
#main-content .manage-time-off .legend .color-blue {
  background-color: #355C7D;
}
#main-content .manage-time-off .legend .color-mauve {
  background-color: #6C5B7B;
}
#main-content .manage-time-off .legend .color-rose {
  background-color: #AA5F74;
}
#main-content .manage-time-off .legend .color-salmon {
  background-color: #F67280;
}
#main-content .manage-time-off .legend .color-orange {
  background-color: #D55D35;
}
#main-content .manage-time-off .legend .color-mandarin {
  background-color: #E19740;
}
#main-content .manage-time-off .legend .color-burnt {
  background-color: #6C5537;
}
#main-content .manage-time-off .legend .color-mint {
  background-color: #99B898;
}
#main-content .manage-time-off .legend .color-kurenai {
  background-color: #CB1B45;
}
#main-content .manage-time-off .legend .color-red.crayola {
  background-color: #ed254e;
}
#main-content .manage-time-off .legend .color-nakabeni {
  background-color: #db4d6d;
}
#main-content .manage-time-off .legend .color-akebono {
  background-color: #f19483;
}
#main-content .manage-time-off .legend .color-old.rose {
  background-color: #c78283;
}
#main-content .manage-time-off .legend .color-burnt.orange {
  background-color: #c75000;
}
#main-content .manage-time-off .legend .color-orange.peel {
  background-color: #ff9f1c;
}
#main-content .manage-time-off .legend .color-dark.goldenrod {
  background-color: #b68f40;
}
#main-content .manage-time-off .legend .color-copper {
  background-color: #b57f50;
}
#main-content .manage-time-off .legend .color-kenpohzome {
  background-color: #43341b;
}
#main-content .manage-time-off .legend .color-davys.grey {
  background-color: #545454;
}
#main-content .manage-time-off .legend .color-rikyunezumi {
  background-color: #707c74;
}
#main-content .manage-time-off .legend .color-manatee {
  background-color: #a09cb0;
}
#main-content .manage-time-off .legend .color-yanagizome {
  background-color: #91ad70;
}
#main-content .manage-time-off .legend .color-aomidori {
  background-color: #00aa90;
}
#main-content .manage-time-off .legend .color-mizu {
  background-color: #81c7d4;
}
#main-content .manage-time-off .legend .color-tsuyukusa {
  background-color: #2ea9df;
}
#main-content .manage-time-off .legend .color-blue.sapphire {
  background-color: #326273;
}
#main-content .manage-time-off .legend .color-konjyo {
  background-color: #113285;
}
#main-content .manage-time-off .legend .color-tetsukon {
  background-color: #261e47;
}
#main-content .manage-time-off .legend .timeoff-legend-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 12px;
  justify-items: stretch;
}
#main-content .manage-time-off .legend .timeoff-legend-wrap .timeoff-calendar-legend-col {
  display: grid;
  grid-template-columns: 15px auto;
  column-gap: 10px;
  justify-items: stretch;
}
#main-content .manage-time-off .legend .timeoff-legend-wrap .timeoff-calendar-legend-col .colorBox {
  display: inline-flex;
  margin-top: 1px;
}
#main-content .manage-time-off .legend .timeoff-legend-wrap .timeoff-calendar-legend-col span {
  margin: 0;
  display: inline-flex;
  line-height: 1.5;
}
#main-content .grid-retroactive-punch {
  max-width: 900px;
  min-width: 740px;
}

.page-managepunches .timeclock-shift-item, .page-deletedpunches .timeclock-shift-item {
  width: 120px;
}
.page-managepunches .timeclock-shift-item .timeclock-shift-jobtitle, .page-deletedpunches .timeclock-shift-item .timeclock-shift-jobtitle {
  font-weight: bold;
}
.page-managepunches .timeclock-shift-separator, .page-deletedpunches .timeclock-shift-separator {
  border-top: 1px solid #e5e5e5;
  margin: 4px;
}
.page-managepunches .RadGrid.RadGrid_WebBlue, .page-deletedpunches .RadGrid.RadGrid_WebBlue {
  width: auto !important;
  overflow-x: scroll;
}
.page-managepunches .RadComboBoxDropDown_Office2007 .rcbSeparator, .page-deletedpunches .RadComboBoxDropDown_Office2007 .rcbSeparator {
  color: black;
  opacity: 0.9;
}
.page-managepunches .RadComboBoxDropDown_Office2007 .rcbSeparator input, .page-deletedpunches .RadComboBoxDropDown_Office2007 .rcbSeparator input {
  display: none;
}

.RadTabStrip .rtsLevel1 .rtsUL .rtsLink a.punch-link-tab {
  padding: 0;
  text-decoration: none;
}

.manage-timeclock-tabs.RadTabStrip {
  margin-bottom: 30px;
  box-shadow: none;
  position: relative;
  z-index: 50;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL li a {
  text-decoration: none;
  padding: 12px 16px;
  font-size: 14px;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL li a.iseldermark-tab {
  padding: 2px 1px;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI {
  display: inline-block;
  font-size: 14px;
  color: #3C3838;
  border-bottom: 3px solid transparent;
  padding: 12px 16px;
  font-size: 14px;
  cursor: pointer;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink {
  padding: 0;
  border: none;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsOut {
  padding-right: 0;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsOut .rtsIn {
  padding: 0;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:hover, .manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:focus {
  text-decoration: none;
  background-color: #e0e0e0;
  color: #000000;
  border-bottom: 3px solid #626262;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected {
  border-bottom: 3px solid #00629E;
  color: #00629E;
  font-weight: bold;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected span {
  color: #00629E;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected:hover {
  background: transparent;
  cursor: default;
}
.manage-timeclock-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI.rtsSelected:hover .rtsLink {
  cursor: default;
}

.timeclock-insights-page {
  margin-top: 32px;
}
.timeclock-insights-page .--label {
  margin: 0 0 2px 0;
  padding: 0;
  width: fit-content;
  font-size: 11px;
  padding-left: 4px;
}
.timeclock-insights-page .tree-list-container table thead tr.rtlHeader th:first-child {
  width: 100px;
}
.timeclock-insights-page .tree-list-container .rtlL {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
}
.timeclock-insights-page .tree-list-container .rtlL.rtlL3 {
  padding-left: 4px !important;
}
.timeclock-insights-page .timeclock-insights-filter .timeclock-insights-filter-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.timeclock-insights-page .timeclock-insights-filter .timeclock-insights-filter-body .date-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.timeclock-insights-page .timeclock-insights-filter .timeclock-insights-filter-body .form-horizontal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
  min-width: 150px;
}
.timeclock-insights-page .timeclock-insights-filter .timeclock-insights-filter-body .divider {
  display: inline-flex;
  height: 24px;
  margin-top: 17px;
  border-left: 1px solid #ccc;
}
.timeclock-insights-page .timeclock-insights-report .timeclock-insights-report-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.timeclock-insights-page .timeclock-insights-report .timeclock-insights-report-body .--report {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #626262;
  font-size: 14px;
}
.timeclock-insights-page .timeclock-insights-report .timeclock-insights-report-body .--report .report-info {
  font-size: 26px;
  color: #3C3838;
  font-weight: bold;
}
.timeclock-insights-page .timeclock-insights-report .timeclock-insights-report-body .report-divider {
  display: inline-flex;
  height: 50px;
  margin-top: 20px;
  margin: 0 24px;
  border-left: 1px solid #ccc;
}
.timeclock-insights-page .sort-wrap {
  display: flex;
  flex-direction: row;
}
.timeclock-insights-page .tree-list-container {
  max-height: 600px;
  overflow-x: auto !important;
}
.timeclock-insights-page .tree-list-container .RadTreeList {
  background-color: transparent;
  border-color: transparent;
}
.timeclock-insights-page .tree-list-container .RadTreeList tr.rtlHeader {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.timeclock-insights-page .tree-list-container .RadTreeList .rtlTable.rtlLines {
  overflow-x: auto !important;
  width: auto;
}
.timeclock-insights-page .tree-list-container .RadTreeList .rtlCollapse, .timeclock-insights-page .tree-list-container .RadTreeList .rtlExpand {
  background-color: transparent;
  background: none;
  border-color: transparent;
}
.timeclock-insights-page .tree-list-container .RadTreeList th {
  border: 1px solid #000;
  border-color: #626262 #3c3c3c #626262 #888888;
  min-width: 159px;
}
.timeclock-insights-page .tree-list-container .RadTreeList td {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 100;
}
.timeclock-insights-page .tree-list-container .RadTreeList table.rtlTable {
  border: solid 1px #ccc;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-total .rtlL.rtlL1 {
  background-image: none;
  background-color: transparent;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-total td {
  padding: 4px 8px;
  font-weight: bold;
  border-bottom: 1px solid #afafaf;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-facility {
  display: table-row !important;
  font-weight: bold;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-facility td {
  padding: 4px 8px;
  background-image: none;
  background-color: #EFF4F9;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-facility td:nth-child(2) {
  border-right: 1px solid #bbb;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.35);
  clip-path: inset(0 -15px 0 0);
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-facility td:nth-child(2) {
  white-space: nowrap;
  max-width: 200px;
  text-align: left;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department {
  display: table-row !important;
  font-weight: bold;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department td {
  background-image: none;
  padding: 4px 8px;
  background-color: #fff;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department td:nth-child(3) {
  border-right: 1px solid #bbb;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.35);
  clip-path: inset(0 -15px 0 0);
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department td:nth-child(2) {
  max-width: 36px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department td:nth-child(3) {
  white-space: nowrap;
  min-width: 205px;
  text-align: left;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department:has(.rtlCollapseIcon) td {
  background-color: #cddeed;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department.employee-tab td {
  background-image: none;
  background-color: #fff;
}
.timeclock-insights-page .tree-list-container .RadTreeList .department-row td .department-name {
  display: flex;
  min-width: 150px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .department-row td .department-name .frozen {
  margin-left: auto;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row td {
  padding: 4px 8px;
  background-image: none;
  background-color: #fff;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row td.rtlL {
  background-image: none;
  background-color: #eeeeee;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row td .employee-name {
  display: flex;
  min-width: 150px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row td .employee-name .frozen {
  margin-left: auto;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row.facility-tab td:nth-child(4) {
  border-right: 1px solid #bbb;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.35);
  clip-path: inset(0 -15px 0 0);
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row.employee-tab td:first-child {
  padding: 4px 0;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row.employee-tab td:nth-child(2) {
  border-right: 1px solid #bbb;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.35);
  clip-path: inset(0 -15px 0 0);
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row.employee-tab.even td {
  background-color: #f2f7fb;
}
.timeclock-insights-page .tree-list-container .RadTreeList .employee-row.employee-tab.odd td {
  background-color: #e7eff7;
}
.timeclock-insights-page .tree-list-container .RadTreeList .rtlDetailItem td {
  background-image: none;
  background-color: #eeeeee;
  padding: 1px 4px 4px 4px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .rtlDetailItem td.rtlL {
  background-image: none;
  background-color: #eeeeee;
}
.timeclock-insights-page .tree-list-container .RadTreeList .rtlDetailItem .rtlCF.rtlCL {
  font-size: 0;
  padding-left: 0;
  padding-right: 0;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-row td {
  padding: 4px 8px;
  background-image: none;
  background-color: #fff;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-row td.rtlCF {
  background-color: #fff;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-row td.rtlL {
  background-color: #eeeeee;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-row .employee-name {
  display: flex;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-row .employee-name strong {
  margin-right: 16px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-row .employee-name .frozen {
  margin-left: auto;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row td {
  padding: 0 0 4px 0;
  background-image: none;
  background-color: #eee;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary {
  display: flex;
  background-color: #ffffff;
  flex-direction: row;
  align-items: baseline;
  font-size: 10px;
  text-align: left;
  padding: 0 8px;
  margin-bottom: 2px;
  align-items: stretch;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .treelist-details-table td {
  background-image: none;
  background-color: transparent;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .punch-label {
  color: #787878;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .punch-wrap {
  margin-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 187px;
  border-right: 1px solid #bbb;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
  clip-path: inset(0 -15px 0 0);
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .punch-wrap .punch-information {
  margin-bottom: 4px;
  display: flex;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .punch-wrap .punch-information .punch-label {
  width: 53px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .accepted-wrap {
  margin-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 140px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .accepted-wrap .--status .--green {
  color: #33bf20;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .accepted-wrap .--status .--red {
  color: #f00000;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .accepted-wrap .acceptedat {
  color: #787878;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .accepted-wrap .acceptedby {
  color: #494949;
  font-weight: bold;
  margin-left: 8px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .note-wrap {
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  margin-right: 24px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .note-wrap .note {
  width: auto;
  display: block;
  white-space: normal;
  width: 135px;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .employee-note {
  white-space: normal;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .information-label {
  margin-bottom: 4px;
  display: block;
}
.timeclock-insights-page .tree-list-container .RadTreeList .punch-detail-row .issue-summary .date {
  margin-top: 3px;
}
.timeclock-insights-page .tree-list-container .RadTreeList span.rtlCollapseIcon {
  color: #333;
}
.timeclock-insights-page .tree-list-container .RadTreeList .header-department:has(.rtlCollapseIcon) td {
  background-color: #cddeed !important;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip {
  margin-bottom: 30px;
  box-shadow: none;
  position: relative;
  z-index: 50;
  margin-top: -28px;
  background-color: transparent;
  border-top: none;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 {
  border-bottom: 1px solid #d5d5d5;
  box-shadow: none;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL {
  padding: 0;
  height: 44px;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI {
  float: none;
  display: inline-flex;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI {
  display: inline-block;
  padding: 0;
  font-size: 14px;
  color: #626262;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink {
  padding: 0;
  border: none;
  border-bottom: 3px solid transparent;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink.rtsSelected {
  border-bottom: 3px solid #5b93c6;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink.rtsSelected .timeclock-insights-tab {
  color: #5b93c6;
  font-weight: bold;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink.rtsSelected .fa {
  color: #5b93c6;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink.rtsSelected:hover {
  background: transparent;
  cursor: default;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink.rtsSelected:hover .rtsLink {
  cursor: default;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsLink.rtsSelected:hover .rtsLink .timeclock-insights-tab {
  cursor: default;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsOut {
  padding: 0;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .rtsOut .rtsIn {
  padding: 0;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI .timeclock-insights-tab {
  color: #626262;
  text-decoration: none;
  padding: 12px 20px;
  display: inline-block;
  font-size: 14px;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:hover .rtsLink, .timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:focus .rtsLink {
  text-decoration: none;
  background-color: #e0e0e0;
  color: #3C3838;
  border-bottom: 3px solid #626262;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:hover .rtsLink .timeclock-insights-tab, .timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:focus .rtsLink .timeclock-insights-tab {
  color: #3C3838;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:hover .rtsLink.rtsSelected, .timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:focus .rtsLink.rtsSelected {
  background-color: transparent;
  border-bottom: 3px solid #5b93c6;
}
.timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:hover .rtsLink.rtsSelected .timeclock-insights-tab, .timeclock-insights-page .manage-timeclock-insights-tabs.RadTabStrip .rtsLevel1 .rtsUL .rtsLI:focus .rtsLink.rtsSelected .timeclock-insights-tab {
  color: #5b93c6;
  font-weight: bold;
}

@media (max-width: 991px) {
  #main-content .manage-holiday {
    overflow: scroll;
  }
}
#main-content .manage-holiday .holiday-request-button {
  margin-top: 16px;
}
#main-content .manage-holiday .holiday-request-button a {
  margin: 0;
}
#main-content .manage-holiday .holiday-filter label {
  margin-left: 0;
}
#main-content .manage-holiday .holiday-date-filter {
  margin-top: 24px;
}
#main-content .manage-holiday .holiday-calendar .week-selector .monthselector-monthyearselector {
  vertical-align: initial;
}
#main-content .manage-holiday .holiday-calendar .holiday-calender-container .holiday-calender-status {
  font-weight: bold;
}
#main-content .manage-holiday .holiday-calendar .holiday-calender-container .holiday-calender-time:after {
  white-space: pre-wrap;
  content: " - ";
  display: inline-block;
}
@media (max-width: 991px) {
  #main-content .manage-holiday .holiday-calendar .holiday-calender-container .holiday-calender-time {
    display: none;
  }
}
@media (max-width: 991px) {
  #main-content .manage-holiday .holiday-calendar .rsAptContent {
    padding-left: 3px;
  }
}
@media (max-width: 991px) {
  #main-content .manage-holiday .holiday-calendar .RadScheduler .rsMonthView .rsApt {
    height: 46px !important;
  }
}

/* Style for Abailable Shits Trade*/
#main-content .trade-proposal-item .trade-information {
  border-bottom: none;
  margin-bottom: 16px;
}
#main-content .trade-proposal-item .trade-information span {
  color: #5b93c6;
}

.trade-proposal div.RadGrid .rgPager .rgAdvPart {
  display: none;
}

@media (max-width: 991px) {
  .trade-proposal-item .well {
    padding: 5px;
  }
}
.trade-proposal-item .row {
  margin-top: 0;
}
@media (min-width: 1900px) {
  .trade-proposal-item .row .col-xl-5 {
    width: 41.6666666667%;
  }
}
.trade-proposal-item .row .trade-your-shift-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 16px 5px;
  border-radius: 4px;
  background: #f0f0f0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .trade-proposal-item .row .trade-your-shift-container:first-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-your-shift-container {
    margin-bottom: 10px;
  }
}
.trade-proposal-item .row .trade-your-shift-container .trade-your-shift {
  display: inline-block;
  background-color: #716969;
  border-radius: 4px;
  margin-left: 10px;
  padding: 0px 25px;
  color: #ffffff;
  font-size: 11px;
}
.trade-proposal-item .row .trade-your-shift-container .trade-your-date {
  font-size: 26px;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 15px;
  color: #6f6f6f;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-your-shift-container .trade-your-date {
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
  }
}
.trade-proposal-item .row .trade-your-shift-container .trade-your-jobtitle {
  font-size: 26px;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 15px;
  color: #959595;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-your-shift-container .trade-your-jobtitle {
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
  }
}
.trade-proposal-item .row .trade-your-shift-container .trade-your-time {
  font-size: 35px;
  line-height: 35px;
  margin-top: 10px;
  margin-left: 15px;
  font-weight: bold;
  color: #6f6f6f;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-your-shift-container .trade-your-time {
    font-size: 23px;
    margin-left: 5px;
  }
}
@media (min-width: 1900px) {
  .trade-proposal-item .row .trade-your-shift-container .trade-your-time {
    font-size: 44px;
    line-height: 44px;
  }
}
.trade-proposal-item .row .trade-your-shift-container .trade-accept-btn {
  background-color: #d8d8d8;
  color: #626262;
}
.trade-proposal-item .row .trade-your-shift-container .trade-accept-btn .trade-proposal-btn-text {
  color: #838383;
}
.trade-proposal-item .row .proposal-shift-offer-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 16px 5px;
  border-radius: 4px;
  background: #5b93c6;
  color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.trade-proposal-item .row .proposal-shift-offer-container .trade-your-shift {
  display: inline-block;
  background-color: #e5e5e5;
  margin-left: 10px;
  border-radius: 4px;
  padding: 0px 25px;
  color: #626262;
  font-size: 11px;
}
.trade-proposal-item .row .proposal-shift-offer-container .trade-your-date {
  font-size: 26px;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 15px;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .proposal-shift-offer-container .trade-your-date {
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
  }
}
.trade-proposal-item .row .proposal-shift-offer-container .trade-your-jobtitle {
  font-size: 26px;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 15px;
  color: #e5e5e5;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .proposal-shift-offer-container .trade-your-jobtitle {
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
  }
}
.trade-proposal-item .row .proposal-shift-offer-container .trade-your-time {
  font-size: 35px;
  line-height: 35px;
  margin-top: 10px;
  margin-left: 15px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .proposal-shift-offer-container .trade-your-time {
    font-size: 23px;
    margin-left: 5px;
  }
}
@media (min-width: 1900px) {
  .trade-proposal-item .row .proposal-shift-offer-container .trade-your-time {
    font-size: 44px;
    line-height: 44px;
  }
}
.trade-proposal-item .row .proposal-shift-offer-container .trade-accept-btn {
  background-color: #3b74a9;
  color: #ffffff;
}
.trade-proposal-item .row .proposal-shift-offer-container .trade-accept-btn .trade-proposal-btn-text {
  color: #ffffff;
}
.trade-proposal-item .row .trade-proposal-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 90px;
  width: 90px;
  border-radius: 60px;
  border: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-proposal-btn {
    height: 70px;
    width: 70px;
  }
}
@media (min-width: 1900px) {
  .trade-proposal-item .row .trade-proposal-btn {
    height: 110px;
    width: 110px;
  }
}
.trade-proposal-item .row .trade-proposal-btn a:hover {
  text-decoration: none;
}
.trade-proposal-item .row .trade-proposal-btn .trade-proposal-btn-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-proposal-btn .trade-proposal-btn-text {
    font-size: 13px;
    line-height: 18px;
  }
}
@media (min-width: 1900px) {
  .trade-proposal-item .row .trade-proposal-btn .trade-proposal-btn-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.trade-proposal-item .row .trade-proposal-btn .trade-proposal-btn-text span {
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 991px) {
  .trade-proposal-item .row .trade-proposal-btn .trade-proposal-btn-text span {
    font-size: 11px;
    line-height: 14px;
  }
}
@media (min-width: 1900px) {
  .trade-proposal-item .row .trade-proposal-btn .trade-proposal-btn-text span {
    font-size: 18px;
    line-height: 20px;
  }
}

/* Style for EmployeeAvailability Shits*/
.availability-for-employee .legend .unavailable {
  background-color: #FF534B;
}
.availability-for-employee .legend .preferred {
  background-color: #02FF46;
}
.availability-for-employee .legend .available {
  background-color: #c9c9c9;
}
@media (max-width: 991px) {
  .availability-for-employee .row {
    margin-left: 0;
    margin-right: auto;
  }
  .availability-for-employee .row .col-lg-6, .availability-for-employee .row .col-md-12, .availability-for-employee .row .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
.availability-for-employee .RadAjaxPanel {
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap {
    overflow: scroll;
  }
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent {
  /*Scheduler header*/
  /*Scheduler Vertical header*/
  /*Scheduler contents*/
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsSpacerCell {
  background: none;
  background-color: #e4e4e4;
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsHorizontalHeaderWrapper div {
    width: initial !important;
  }
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsHorizontalHeaderTable tr th {
  background-image: none;
  background-color: #e4e4e4;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsVerticalHeaderWrapper {
  background: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsVerticalHeaderWrapper .rsVerticalHeaderTable {
  background: none;
  background-color: #e4e4e4;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper {
  /*Scheduler shift selected*/
  /*Scheduler edit window*/
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper {
    width: initial !important;
  }
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsContentScrollArea {
    overflow: scroll;
    width: initial;
    min-width: 800px;
  }
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptCreate {
  background: none;
  background-color: #a7c5e0;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper div[title=Unavailable] {
  color: #ffffff;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .appointment-template-wrap .appointment-template-status {
  font-size: 13px;
  margin-top: 6px;
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .appointment-template-wrap .appointment-template-status {
    font-size: 11px;
  }
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .appointment-template-wrap .appointment-template-time div {
  display: inline-flex;
  font-size: 13px;
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .appointment-template-wrap .appointment-template-time div {
    display: block;
    font-size: 11px;
  }
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .appointment-template-wrap .appointment-template-time div:first-child::after {
  white-space: pre-wrap;
  content: " - ";
  display: inline-block;
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .appointment-template-wrap .appointment-template-time div:first-child::after {
    content: none;
    display: block;
  }
}
@media (max-width: 991px) {
  .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent .rsAptDelete {
    visibility: visible !important;
    background-color: none;
  }
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  border: 1px solid #bdbdbd;
  background-color: #f0f0f0;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .rsAptEditResizeHandle {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .insert-tempalte-wrap .edit-availability-window, .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .edit-template-wrap .edit-availability-window {
  text-align: left;
  height: 200px;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .insert-tempalte-wrap .edit-availability-window .edit-availability-window-radios, .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .edit-template-wrap .edit-availability-window .edit-availability-window-radios {
  padding: 10px 40px 10px 40px;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .insert-tempalte-wrap .edit-availability-window .edit-availability-window-radios label, .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .edit-template-wrap .edit-availability-window .edit-availability-window-radios label {
  margin-left: 4px;
  margin-right: 8px;
  margin-bottom: 16px;
  font-size: 20px;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .insert-tempalte-wrap .edit-availability-window .edit-availability-btn, .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .edit-template-wrap .edit-availability-window .edit-availability-btn {
  text-align: center;
  margin-top: 40px;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .insert-tempalte-wrap .edit-availability-window .edit-availability-btn .btn, .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .edit-template-wrap .edit-availability-window .edit-availability-btn .btn {
  padding: 10px 24px 10px 24px;
  font-size: 14px;
}
.availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .insert-tempalte-wrap .edit-availability-window .edit-availability-btn .btn.btn-primary, .availability-for-employee .RadAjaxPanel .RadScheduler .rsTopWrap .rsContent .rsContentWrapper .rsAptEditSizingWrapper .rsAptEditFormWrapper .rsAptEditFormOuter .rsAptEditFormMiddle .rsAptEditFormMiddle2 .rsAptEditFormInner .edit-template-wrap .edit-availability-window .edit-availability-btn .btn.btn-primary {
  color: #ffffff;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalDialog {
  background: #3C3838;
  padding: 0;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalDialog .rsModalBgTopLeft, .availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalDialog .rsModalBgTopRight, .availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalDialog .rsModalBgBottomLeft, .availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalDialog .rsModalBgBottomRight {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter {
  padding: 0;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalOuterTitle {
  padding: 28px 0px 0px 0;
  margin: 0;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalOuterTitle .rsModalInner {
  padding-top: 15px;
  background-color: #f0f0f0;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalOuterTitle .rsModalInner .rsModalTitle {
  color: #ffffff;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalOuterTitle .rsModalInner .rsModalContent, .availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalOuterTitle .rsModalInner .rsModalButtons {
  background-color: #f0f0f0;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalButtons {
  padding: 26px 0 26px 0;
  display: flex;
  justify-content: center;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalButtons .rsModalConfirm {
  background-image: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0 5px;
  padding: 1px 8px 1px 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
  background-color: #e0636e;
  border: 1px solid #dc4e5a;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalButtons .rsModalConfirm:hover {
  background-color: #573499;
  border-color: #4c2e86;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalButtons .rsModalClose {
  background-image: none;
  margin: 0 5px;
  margin: 0 5px;
  padding: 1px 8px 1px 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #e5e5e5;
  border: 1px solid #ccc;
  color: #626262;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalButtons .rsModalClose:hover {
  background-color: #cccbcb;
  border-color: #adadad;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalInner {
  border: none;
  background: none;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalInner .rsModalTitle {
  background-image: none;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalInner .rsModalIcon {
  background-image: none;
  top: 70px;
}
.availability-for-employee .RadAjaxPanel .rsModalWrapper .rsModalOuter .rsModalInner .rsModalIcon::before {
  content: "\f071";
  font-family: FontAwesome;
  color: #ffc600;
  font-size: 26px;
  position: relative;
  top: 9px;
}
.availability-for-employee input[type=radio] {
  display: none;
}
.availability-for-employee input[type=radio] + label {
  position: relative;
  cursor: pointer;
  margin: 15px;
  padding-left: 28px;
  color: #7c7c7c;
}
.availability-for-employee input[type=radio] + label:before, .availability-for-employee input[type=radio] + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.availability-for-employee input[type=radio] + label:before {
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #5b93c6;
  -moz-box-shadow: inset 0 0 0 18px #E0E0E0;
  -webkit-box-shadow: inset 0 0 0 18px #E0E0E0;
  box-shadow: inset 0 0 0 18px #E0E0E0;
}
.availability-for-employee input[type=radio] + label:after {
  top: 49%;
  left: 9px;
  width: 54px;
  height: 54px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.availability-for-employee input[type=radio]:checked + label {
  color: #4887bf;
}
.availability-for-employee input[type=radio]:checked + label:before {
  -moz-box-shadow: inset 0 0 0 4px #E0E0E0;
  -webkit-box-shadow: inset 0 0 0 4px #E0E0E0;
  box-shadow: inset 0 0 0 4px #E0E0E0;
}
.availability-for-employee input[type=radio]:checked + label:after {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-animation: ripple 1s none;
  -webkit-animation: ripple 1s none;
  animation: ripple 1s none;
}

.employee-history .employee-history .RadGrid.RadGrid_WebBlue {
  border: none;
  background-color: transparent;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgCommandRow td {
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #bbbbbb;
  padding: 0 0 10px 0;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgFilterRow td:not(.rcInputCell):first-child {
  border-left: solid 1px #bbbbbb;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgFilterRow td:not(.rcInputCell):last-child {
  border-right: solid 1px #bbbbbb;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgRow:first-child {
  border-left: solid 1px #bbbbbb;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgRow:last-child {
  border-right: solid 1px #bbbbbb;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgNoRecords td {
  border-left: solid 1px #bbbbbb;
  border-right: solid 1px #bbbbbb;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgPager td {
  border-left: solid 1px #bbbbbb;
  border-right: solid 1px #bbbbbb;
  border-bottom: solid 1px #bbbbbb;
}
.employee-history .employee-history .RadGrid.RadGrid_WebBlue .rgMasterTable .rgEditForm {
  margin: 0 -8px 0 -8px;
  border-left: solid 1px #bbbbbb;
  border-right: solid 1px #bbbbbb;
  border-bottom: none;
}
.employee-history .employee-history .RadGrid_WebBlue .rgCommandCell {
  background-image: none;
  background-color: transparent;
  border: none;
  color: #494949;
}
.employee-history .employee-history .RadGrid_WebBlue .rgCommandCell .t-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: normal;
  color: #ffffff;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 1px 8px 1px 8px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0;
  background-color: #e0636e;
  border-color: #dc4e5a;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.employee-history .employee-history .RadGrid_WebBlue .rgCommandCell .t-button:hover {
  background-image: none;
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background-color: #573499;
  border-color: #4c2e86;
}
.employee-history .employee-history .RadGrid_WebBlue .rgCommandCell .t-button .t-font-icon {
  height: 16px;
  width: auto;
  display: inline-flex;
}
.employee-history .employee-history .RadGrid_WebBlue .rgCommandCell .t-button .t-text {
  line-height: 17px;
  padding: 1px 0 2px 0;
}

.employee-multiple-departments-page label {
  margin: 0;
}
.employee-multiple-departments-page .employee-form-control {
  width: 240px;
  display: block;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.employee-multiple-departments-page .--error {
  color: #ff3333;
  margin-left: 2px;
}
.employee-multiple-departments-page .aspNetDisabled.btn.btn-primary {
  background-color: #e5e5e5;
  border-color: #cccccc;
  box-shadow: none;
  cursor: default;
}
.employee-multiple-departments-page .aspNetDisabled.btn.btn-primary:hover {
  background-color: #e5e5e5;
  border-color: #cccccc;
  box-shadow: none;
}
.employee-multiple-departments-page .rgMasterTable thead td {
  display: block;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue {
  border: none;
  background-color: transparent;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr {
  display: block;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  height: auto;
  margin: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr .rgEditForm tr {
  border: none;
  box-shadow: none;
  margin-top: 0;
  margin-left: 0;
  margin-left: 0;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgEditRow {
  display: block;
  border: 1px solid #e5e5e5;
  background-color: #d4e3f0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  height: auto;
  margin: 4px 4px 0 4px;
  padding: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgEditRow .--btn-edit {
  display: none;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgEditRow .--item-wrap.--department-wrap {
  padding-left: 12px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table {
  /*Employee Information Form*/
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow {
  padding: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td {
  display: inline-block;
  border-color: #ffffff;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td:first-child, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td:first-child {
  display: block;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td:last-child, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td:last-child {
  float: right;
  display: flex;
  justify-content: end;
  height: 47px;
  align-items: center;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td .--department-label, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td .--department-label {
  font-size: 18px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td .--item-wrap, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td .--item-wrap {
  font-size: 14px;
  margin: 0 8px 8px 8px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td .--item-wrap.--department-wrap, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td .--item-wrap.--department-wrap {
  margin: 8px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td .--item-wrap .--item-label, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td .--item-wrap .--item-label {
  color: #888888;
  font-size: 12px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgRow td .--item-wrap.--email, .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td .--item-wrap.--email {
  inline-size: 200px;
  overflow-wrap: break-word;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgAltRow td {
  border-color: #ffffff;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table td {
  padding: 0;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgEditRow td {
  border-color: #d4e3f0;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgEditRow td .--item-wrap {
  font-size: 14px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table tr.rgEditRow td .--item-wrap .--item-label {
  color: #888888;
  font-size: 12px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm {
  border: none;
  background-color: #f2f6f9;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-wrap {
  display: flex;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-wrap .--select-label {
  width: 100px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-wrap.--select-training-wrap tbody td {
  display: table-cell;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap {
  align-items: center;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--selected-department {
  font-size: 18px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--advanced-otions-wrap {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--advanced-otions-wrap input[type=checkbox] {
  margin: 0;
  height: 20px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--advanced-otions-wrap input[type=checkbox]:hover {
  border: none;
  box-shadow: none;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--advanced-otions-wrap label {
  margin-left: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--advanced-otions-wrap .aspNetDisabled {
  display: flex;
  align-items: center;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--advanced-otions-wrap .aspNetDisabled label {
  color: #c1c1c1;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .save-button-container {
  margin: 0 0 0 auto;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-department-wrap .--department {
  width: auto;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles input[type=checkbox] {
  vertical-align: 0;
  margin: 0;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles input[type=checkbox]:hover {
  border: none;
  box-shadow: none;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .--select-jobtitles-label {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .--select-all-checkbox-wrap {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .--select-all-checkbox-wrap .--select-all-checkbox {
  display: flex;
  align-items: center;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .--select-all-checkbox-wrap .--select-all-checkbox label {
  border: none;
  margin-top: 0;
  margin-left: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .--select-all-checkbox-wrap .--select-all-label {
  margin-left: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .select-jobtitle-checkbox {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .select-jobtitle-checkbox li {
  display: flex;
  min-width: 200px;
  margin-bottom: 4px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm .--select-jobtitles .select-jobtitle-checkbox label {
  margin-top: 0;
  margin-left: 4px;
  color: #000;
  border-bottom: none;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 48px;
  row-gap: 4px;
  justify-items: stretch;
  padding: 16px;
}
@media (max-width: 1280px) {
  .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
@media (max-width: 991px) {
  .employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm td > [type=text] {
  border-color: #ccc;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div {
  grid-column: 1/3;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-1-2 {
  grid-column: 1/2;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-1-2.--employee-form-edit label {
  margin-bottom: 5px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3 {
  grid-column: 2/3;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .--select-wrap {
  display: flex;
  flex-direction: column;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .--select-wrap .--select-label {
  width: auto;
  margin-bottom: 5px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.license-form {
  display: flex;
  align-items: center;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.license-form .license-name {
  width: 45px;
  display: inline-flex;
  align-items: center;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.license-form .license-name .license-name-label {
  display: inline-block;
  line-height: 100%;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.license-form .license-remove {
  margin-left: auto;
  display: inline-block;
  line-height: 100%;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.add-title .select-license-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.add-title .select-license-wrap .license-dropdown-list {
  flex: 1;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-2-3.--employee-form-edit.employee-data .list-group-item.add-title .select-license-wrap .btn-add {
  width: 52px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table .rgEditForm div.col-1-3 {
  grid-column: 1/3;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table.phone-list .btn-remove i {
  font-size: 16px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table.phone-list tr {
  background-color: transparent;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table.phone-list td {
  vertical-align: middle;
  display: table-cell;
  padding: 5px 10px 5px 0px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table.phone-list .column-locked {
  width: 40px;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table.phone-list .column-locked label.icon-locked {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition-duration: 0.3s;
}
.employee-multiple-departments-page .RadGrid.RadGrid_WebBlue table.phone-list .column-locked label.icon-locked:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background-color: #573499;
  color: #ffffff;
}

.eldermark-import .panel.panel-default .panel-title.panel-setting {
  width: 320px;
}
.eldermark-import .eldermark-config {
  margin-top: 15px;
}
.eldermark-import .eldermark-config .community-id {
  display: block;
  margin-top: 20px;
}
.eldermark-import .eldermark-config .community-id label {
  margin-right: 10px;
}
.eldermark-import .eldermark-config .community-id .form-group {
  display: inline-block;
  margin-bottom: 0;
}
.eldermark-import .eldermark-config .community-id .form-group input {
  width: 120px;
}
.eldermark-import .eldermark-config .eldermark-enabled label {
  margin-right: 10px;
}
.eldermark-import .eldermark-config .eldermark-enabled .form-group {
  display: inline-block;
  margin-bottom: 0;
}
.eldermark-import .eldermark-config .thresholds-container {
  margin-top: 20px;
  display: flex;
}
@media (max-width: 991px) {
  .eldermark-import .eldermark-config .thresholds-container {
    flex-direction: column;
  }
  .eldermark-import .eldermark-config .thresholds-container .form-control {
    height: 24px;
  }
  .eldermark-import .eldermark-config .thresholds-container span.thresholds-start {
    display: block;
  }
}
.eldermark-import .eldermark-config .thresholds-container span, .eldermark-import .eldermark-config .thresholds-container div, .eldermark-import .eldermark-config .thresholds-container input {
  display: inline-block;
  line-height: 32px;
}
.eldermark-import .eldermark-config .thresholds-container input::-webkit-outer-spin-button,
.eldermark-import .eldermark-config .thresholds-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.eldermark-import .eldermark-config .thresholds-container input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
.eldermark-import .eldermark-config .thresholds-container input {
  width: 60px;
}
.eldermark-import .eldermark-config .thresholds-container input.level-name {
  width: 100px;
  height: 20px !important;
  color: white;
}
.eldermark-import .eldermark-config .thresholds-container .threshold-bar {
  width: 102px;
  height: 22px;
  border-radius: 4px;
  color: white;
  margin: 5px;
  line-height: 24px;
}
.eldermark-import .eldermark-config .thresholds-container .threshold-bar.not-input {
  padding-left: 12px;
  font-size: 14px;
  line-height: 22px;
}
.eldermark-import .eldermark-config .thresholds-container .category-one {
  background-color: #32b16c;
}
.eldermark-import .eldermark-config .thresholds-container .category-two {
  background-color: #ffc501;
}
.eldermark-import .eldermark-config .thresholds-container .category-three {
  background-color: #e1636e;
}
.eldermark-import .eldermark-import-controls label {
  margin: 0;
}
.eldermark-import .eldermark-import-controls .upload-select-form-control .ruFileWrap.ruStyled {
  height: 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.eldermark-import .eldermark-import-controls .upload-select-form-control .ruFileWrap.ruStyled .ruFakeInput {
  display: inline-block;
  width: 320px;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.eldermark-import .eldermark-import-controls .upload-select-form-control .ruFileWrap.ruStyled .ruButton.ruBrowse {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #ccc;
  white-space: nowrap;
  padding: 0px 8px 1px 8px;
  font-size: 14px;
  height: 24px;
  line-height: 1.428571429;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e5e5e5;
}
.eldermark-import .eldermark-import-controls .upload-select-form-control ul.ruInputs li {
  margin: 0;
}
.eldermark-import .eldermark-import-controls .--averaging-label {
  width: 124px;
}
.eldermark-import .eldermark-import-controls .eldermark-import-upload-select {
  margin-bottom: 12px;
}
.eldermark-import .eldermark-import-controls .eldermark-import-upload-select, .eldermark-import .eldermark-import-controls .eldermark-import-upload-button-wrap, .eldermark-import .eldermark-import-controls .eldermark-import-averaging-method {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.easyshifts-setting .--easyshifts-integration-header {
  margin-bottom: 20px;
}
.easyshifts-setting .panel .panel-title.--department-name {
  width: fit-content;
  padding: 2px 16px;
  display: flex;
  flex-direction: row;
}
.easyshifts-setting .panel .panel-title.--department-name .--spacer {
  display: inline-flex;
  margin: 0 4px;
}
.easyshifts-setting .special-instrucitons {
  display: flex;
  flex-direction: column;
}
.easyshifts-setting .special-instrucitons .--instructions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.easyshifts-setting .special-instrucitons .--instructions .--multiline-textbox {
  height: 80px;
  margin-right: 12px;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.easyshifts-setting .--note {
  margin-top: 20px;
  margin-bottom: 0;
}
.easyshifts-setting table.linked-department-grid {
  border-collapse: inherit;
  border-spacing: 2px;
}
.easyshifts-setting table.linked-department-grid tr {
  height: 24px;
}
.easyshifts-setting table.linked-department-grid td {
  border: none;
}

.kronos-config .config-panel label {
  width: 140px;
  text-align: right;
  margin-right: 5px;
}

.pointclickcare-settings .alert-width {
  width: max-content;
  margin-top: 0;
}
.pointclickcare-settings .save-button-container .btn.btn-primary {
  margin: 0;
}
.pointclickcare-settings .--info {
  font-size: 14px;
  margin-bottom: 16px;
}
.pointclickcare-settings .pcc-login-btn {
  background-image: url("../img/pcc/signin-btn-base.svg");
  width: 236px;
  height: 40px;
  padding: 0;
  margin: 0;
  background-position: center;
  border: none;
}
.pointclickcare-settings .pcc-login-btn:hover {
  border-color: none;
  outline: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  background-image: url("../img/pcc/signin-btn-hover.svg");
}
.pointclickcare-settings .pcc-login-btn:active {
  background: initial;
  background-color: transparent;
  background-image: url("../img/pcc/signin-btn-pressed.svg");
}
.pointclickcare-settings .pcc-login-btn.aspNetDisabled {
  background-image: url("../img/pcc/signin-btn-disabled.svg");
}
.pointclickcare-settings .pcc-login-btn.aspNetDisabled:hover {
  background-position: center;
  background-image: url("../img/pcc/signin-btn-disabled.svg");
}
.pointclickcare-settings .pcc-login-btn.aspNetDisabled:active {
  background-position: center;
  background-image: url("../img/pcc/signin-btn-disabled.svg");
}
.pointclickcare-settings .pcc-active-token {
  padding: 10px;
  display: inline-flex;
  border-radius: 8px;
  align-items: center;
}
.pointclickcare-settings .pcc-active-token.pcc-active-token-tested {
  background-color: #cddeed;
}
.pointclickcare-settings .pcc-active-token.pcc-active-token-tested .fa-link {
  color: #5b93c6;
}
.pointclickcare-settings .pcc-active-token.pcc-active-token-untested {
  border: 1px solid #626262;
}
.pointclickcare-settings .pcc-active-token.pcc-active-token-untested .fa-link {
  color: #3C3838;
}
.pointclickcare-settings .pcc-active-token .fa-link {
  font-size: 48px;
  padding-left: 10px;
  padding-right: 10px;
}
.pointclickcare-settings .pcc-active-token .pcc-active-token-details {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 14px;
}
.pointclickcare-settings .pcc-active-token .pcc-active-token-details .pcc-orguuid-label {
  font-family: monospace;
}
.pointclickcare-settings .pcc-active-token .pcc-active-token-testing {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.pointclickcare-settings .pcc-active-token .pcc-active-token-testing .pcc-active-token-tested label {
  font-weight: bold;
}
.pointclickcare-settings .pcc-active-token .pcc-active-token-testing .pcc-active-token-untested label {
  font-weight: bold;
  font-size: 14px;
  color: #ff3333;
}
.pointclickcare-settings .pcc-disconnect-button {
  color: #ff3333;
}
.pointclickcare-settings .pcc-choosefacility {
  display: flex;
  align-content: space-between;
}
.pointclickcare-settings .thresholds-container {
  display: flex;
}
@media (max-width: 991px) {
  .pointclickcare-settings .thresholds-container {
    flex-direction: column;
  }
  .pointclickcare-settings .thresholds-container .form-control {
    height: 24px;
  }
  .pointclickcare-settings .thresholds-container span.thresholds-start {
    display: block;
  }
}
.pointclickcare-settings .thresholds-container span, .pointclickcare-settings .thresholds-container div, .pointclickcare-settings .thresholds-container input {
  display: inline-block;
  line-height: 32px;
}
.pointclickcare-settings .thresholds-container input::-webkit-outer-spin-button,
.pointclickcare-settings .thresholds-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pointclickcare-settings .thresholds-container input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
.pointclickcare-settings .thresholds-container input {
  width: 60px;
}
.pointclickcare-settings .thresholds-container input.level-name {
  width: 100px;
  height: 20px !important;
  color: white;
}
.pointclickcare-settings .thresholds-container .threshold-bar {
  width: 102px;
  height: 22px;
  border-radius: 4px;
  color: white;
  margin: 5px;
  line-height: 24px;
}
.pointclickcare-settings .thresholds-container .threshold-bar.not-input {
  padding-left: 12px;
  font-size: 14px;
  line-height: 22px;
}
.pointclickcare-settings .thresholds-container .category-one {
  background-color: #32b16c;
}
.pointclickcare-settings .thresholds-container .category-two {
  background-color: #ffc501;
}
.pointclickcare-settings .thresholds-container .category-three {
  background-color: #e1636e;
}
.pointclickcare-settings .RadGrid.RadGrid_WebBlue table .rgFooter td input, .pointclickcare-settings .RadGrid.RadGrid_WebBlue table .rgEditRow td input {
  margin-top: 0;
}

.nursa-setting label {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.nursa-setting .nursa-facility-id-form {
  display: flex;
  flex-direction: row;
}
.nursa-setting .nursa-facility-id-form .--nursa-facility-id {
  margin-left: 8px;
}
.nursa-setting .nursa-facility-id-form .--select-nursa-facility-id {
  margin-left: 8px;
}

.departmentsettings-integrations {
  margin-top: 20px;
}
.departmentsettings-integrations .alert {
  width: fit-content;
}
.departmentsettings-integrations .integrator .integrator-description {
  display: flex;
  flex-direction: row;
  font-size: 14px;
}
.departmentsettings-integrations .integrator .integrator-description a.btn-link {
  color: #5b93c6;
  margin-left: auto;
}
.departmentsettings-integrations .integrator .integrator-description .--integration-image {
  height: 40px;
  width: fit-content;
}
.departmentsettings-integrations .integrator .integrator-description .--integration-image.kronos {
  height: 120px;
}
.departmentsettings-integrations .integrator .integrator-description .--integrator-info {
  display: flex;
  flex-direction: column;
  margin-right: 32px;
}
.departmentsettings-integrations .integrator .integrator-description .--integrator-info img {
  margin-bottom: 20px;
}
.departmentsettings-integrations .integrator .integrator-description .--integrator-info a.btn-link {
  color: #5b93c6;
  margin-top: 20px;
  margin-left: 0;
}
.departmentsettings-integrations .panel.panel-default .panel-title {
  min-width: 160px;
  width: fit-content;
  padding-right: 16px;
  padding-left: 16px;
}

.easyshifts-setting .viventium-config label {
  width: 145px;
}
.easyshifts-setting .viventium-config input[type=checkbox] {
  transform: scale(1.3);
  accent-color: #e0636e;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-jobtitles .viventium-jobtitles-header {
  font-size: 14px;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-jobtitles .RadGrid.RadGrid_WebBlue {
  margin-top: 0;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .RadGrid_WebBlue .rgActionButton {
  color: #5b93c6;
  padding: 0;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-settings-tabs {
  margin-top: 20px;
  background-color: transparent;
  border: none;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-settings-tabs .rtsLevel1 {
  box-shadow: none;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-settings-tabs .rtsLevel1 .rtsUL .rtsLink {
  border-bottom: 3px solid #cccccc;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-settings-tabs .rtsLevel1 .rtsUL .rtsLink.rtsSelected {
  font-weight: bold;
  border-bottom: 3px solid #00629E;
  color: #00629E;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-settings-tabs .rtsLevel1 .rtsUL .rtsLink.rtsSelected a {
  color: #00629E;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .viventium-settings-tabs .rtsLevel1 .rtsUL .rtsLink.rtsSelected:hover {
  background: transparent;
  cursor: default;
}
.easyshifts-setting .viventium-config .viventium-rad-multi-page .btn.btn-defaults:hover {
  color: #000;
}

.adp-settings .btn-wrap .btn.btn-primary {
  margin: 0;
}
.adp-settings .adp-connector-status .fa {
  color: #33bf20;
  font-size: 18px;
}
.adp-settings .generate {
  display: inline-flex;
}
.adp-settings .generate .input-wrap {
  display: inline-flex;
}
.adp-settings .generate .input-wrap .generated-token {
  width: 300px;
  font-size: 18px;
  color: black;
}
.adp-settings .generate .input-wrap .btn.btn-copy {
  height: 24px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.adp-settings .generate .input-wrap .btn.btn-copy:hover {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.adp-settings .adp-connection-link {
  text-decoration: underline;
  font-size: 14px;
  margin: 16px;
}
.adp-settings .instruction-label {
  font-size: 14px;
  color: black;
}

.adp-payroll-report-export {
  font-size: 14px;
}
.adp-payroll-report-export input[type=checkbox], .adp-payroll-report-export input[type=radio] {
  vertical-align: 0;
  margin: 0;
}
.adp-payroll-report-export label {
  margin: 0;
}
.adp-payroll-report-export .adp-payroll-report-export-setting .adp-payroll-report-export-setting-content, .adp-payroll-report-export .adp-scheduled-sftp-upload .adp-payroll-report-export-setting-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.adp-payroll-report-export .adp-payroll-report-export-setting .--setting-label, .adp-payroll-report-export .adp-scheduled-sftp-upload .--setting-label {
  width: 130px;
}
.adp-payroll-report-export .adp-payroll-report-export-setting .--adp-payroll-report-export-setting-checkbox-label, .adp-payroll-report-export .adp-scheduled-sftp-upload .--adp-payroll-report-export-setting-checkbox-label {
  width: 280px;
}
.adp-payroll-report-export .adp-payroll-report-export-setting .--auto-break-label, .adp-payroll-report-export .adp-scheduled-sftp-upload .--auto-break-label {
  width: 310px;
}
.adp-payroll-report-export .adp-payroll-report-export-setting .--sftp-setting-label, .adp-payroll-report-export .adp-scheduled-sftp-upload .--sftp-setting-label {
  width: 110px;
}
.adp-payroll-report-export .adp-payroll-report-export-setting .fa, .adp-payroll-report-export .adp-scheduled-sftp-upload .fa {
  margin-left: 8px;
}
.adp-payroll-report-export .divider {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

/* Print Style for Manage Employees page */
.manage-employees .employee-list-print {
  display: none;
}
.manage-employees .--subtitle-wrap .btn {
  margin-left: 2px;
}
.manage-employees .--subtitle-wrap .btn.dropdown-toggle {
  margin-left: 1px;
}
.manage-employees .--subtitle-wrap .btn.btn-primary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-right: 0;
}
.manage-employees .--jobtitle-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.manage-employees .--jobtitle-wrap .jobtitle-list {
  overflow: hidden;
}
.manage-employees .--jobtitle-wrap .more {
  height: 32px;
  line-height: 32px;
  color: #5b93c6;
  cursor: pointer;
}
.manage-employees .--jobtitle-wrap .more::after {
  font-family: FontAwesome;
  content: "\f0fe";
  display: inline-block;
  font-size: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.manage-employees .--jobtitle-wrap .more.is-active::after {
  content: "\f146";
}
.manage-employees .--jobtitle-filter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.manage-employees .RadGrid.RadGrid_WebBlue {
  width: auto !important;
}

/* Style for Employees View page */
.view-employee > div > div {
  margin-bottom: 10px;
}
.view-employee > div > div > div {
  margin-bottom: 10px;
}
.view-employee label {
  color: #888888;
  font-size: 14px;
}
.view-employee span {
  font-size: 14px;
}

.expand-all {
  width: 56px;
  display: inline-flex;
  cursor: pointer;
}

.user-password-all {
  width: 250px;
}

.invitation-letters-container {
  padding: 24px;
  font-size: 16px;
  margin-top: 30px;
  background-color: #ffffff;
  width: 8.5in;
}
.invitation-letters-container .invitation-letters-header {
  padding: 30px 0;
  position: relative;
}
.invitation-letters-container .invitation-letters-header .logo {
  text-align: center;
}
.invitation-letters-container .invitation-letters-body {
  padding: 24px;
  margin-top: 40px;
}
.invitation-letters-container .invitation-letters-body .invitation-letters-section p {
  padding: 16px 0;
  font-size: 16px;
}
.invitation-letters-container .invitation-letters-body .invitation-letters-section .username label, .invitation-letters-container .invitation-letters-body .invitation-letters-section .password-input-area label {
  font-weight: bold;
  margin-left: 24px;
  width: 110px;
  display: inline-block;
}
.invitation-letters-container .invitation-letters-body .invitation-letters-section .username label {
  margin-right: 18px;
}
.invitation-letters-container .invitation-letters-body .invitation-letters-section .form-control {
  width: 200px;
  display: inline-block;
}
.invitation-letters-container .link-to-help-page {
  display: flex;
  flex-direction: row;
  padding: 12px 0;
  border-top: solid 2px #e5e5e5;
  border-bottom: solid 2px #e5e5e5;
  margin: 20px 40px;
  align-items: center;
}
.invitation-letters-container .link-to-help-page .qr-code-to-help-page {
  margin-left: auto;
  padding-left: 20px;
}
.invitation-letters-container .invitation-letters-footer {
  padding: 24px;
  text-align: center;
  font-weight: bold;
}

.residex-container {
  overflow-x: scroll;
  padding-bottom: 16px;
  padding-top: 16px;
}
.residex-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background-color: #F5F5F5;
}
.residex-container::-webkit-scrollbar {
  height: 8px;
  background-color: #F5F5F5;
}
.residex-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #bad1e7;
}

.residex-control .form-group {
  display: inline-flex;
  align-items: center;
}
.residex-control .form-group label {
  margin: 0 8px;
  font-size: 14px;
}
.residex-control .form-group .form-control {
  width: 120px;
  display: inline-block;
  height: 24px;
}
.residex-control .residex-client-name {
  margin: 0 8px;
  font-size: 14px;
}
.residex-control .residex-client-name span {
  font-weight: bold;
}

.employee-import .panel.panel-default .panel-title.panel-setting {
  width: 300px;
}
.employee-import .employee-import-controls .employee-import-upload-select {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.employee-import .employee-import-controls .employee-import-upload-select .RadUpload {
  width: initial;
  margin-right: 10px;
}
.employee-import .employee-import-controls .employee-import-upload-select .RadUpload li {
  margin: 0;
}
.employee-import .employee-import-controls .employee-import-upload-select .ruFileWrap {
  height: 24px;
}
.employee-import .employee-import-controls .employee-import-upload-select .ruFileWrap .ruFakeInput.radPreventDecorate {
  display: block;
  width: 200px;
  height: 20px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.employee-import .employee-import-controls .employee-import-upload-select .employee-import-upload-button-wrap {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  .employee-import .employee-import-controls .employee-import-upload-select .employee-import-upload-button-wrap {
    margin-top: 8px;
  }
}
.employee-import .employee-import-controls .employee-import-defaults label, .employee-import .employee-import-controls .employee-import-defaults label {
  width: 180px;
}
.employee-import .employee-import-controls .employee-import-defaults select, .employee-import .employee-import-controls .employee-import-defaults input, .employee-import .employee-import-controls .employee-import-defaults select, .employee-import .employee-import-controls .employee-import-defaults input {
  display: inline-block;
  width: 200px;
  height: 24px;
  padding: 1px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.employee-import .employee-import-controls .employee-import-button {
  display: flex;
  justify-content: flex-end;
  margin: 16px 0;
}
.employee-import .employee-import-button-wrap .aspNetDisabled {
  color: #ffffff;
  background-color: #e5e5e5;
  border-color: #d8d8d8;
  box-shadow: none;
  cursor: default;
}
.employee-import .employee-import-button-wrap .aspNetDisabled:hover {
  box-shadow: none;
}

/* Style for EmployeeAvailability Shits*/
.editemployee-form .select-jobtitle .select-jobtitle-checkbox {
  padding-left: 0;
  margin-top: 12px;
}
.editemployee-form .select-jobtitle .select-jobtitle-checkbox input {
  margin: 0;
}
.editemployee-form .select-jobtitle .select-jobtitle-checkbox li {
  display: inline-flex;
  min-width: 180px;
}
.editemployee-form .select-jobtitle .select-jobtitle-checkbox li label {
  margin: 0 0 0 8px;
}
@media (min-width: 1900px) {
  .editemployee-form .select-jobtitle .select-jobtitle-checkbox li {
    width: 30%;
  }
}
.editemployee-form .select-jobtitle .--select-all label {
  margin: 0 0 0 8px;
}
.editemployee-form .list-group-item.license-form {
  display: flex;
  align-items: center;
}
.editemployee-form .list-group-item.license-form .license-name {
  width: 45px;
  display: inline-flex;
  align-items: center;
}
.editemployee-form .list-group-item.license-form .license-name .license-name-label {
  display: inline-block;
  line-height: 100%;
}
.editemployee-form .list-group-item.license-form .license-remove {
  margin-left: auto;
  display: inline-block;
  line-height: 100%;
}
.editemployee-form .list-group-item.add-title .select-license-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.editemployee-form .list-group-item.add-title .select-license-wrap .license-dropdown-list {
  flex: 1;
}
.editemployee-form .list-group-item.add-title .select-license-wrap .btn-add {
  width: 52px;
}

.edit-employee-header .employee-save-button {
  display: flex;
  align-items: baseline;
}
.edit-employee-header .employee-save-button .btn.btn-cancel {
  margin-right: 16px;
}
.edit-employee-header .employee-save-button .btn-sync-adp-wrap {
  padding-left: 16px;
  border-left: 1px solid #888888;
}
.edit-employee-header .alert {
  width: fit-content;
  padding: 4px 8px;
}

/* Style for Overtime Override page */
.overtime-override-page select {
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 4px;
}
.overtime-override-page select:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.overtime-override-page .--overtime-starttime input {
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 4px;
}
.overtime-override-page .--overtime-starttime input:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: #ffffff;
}
.overtime-override-page .--overtime-methods, .overtime-override-page .--overtime-starttime, .overtime-override-page .--firstday-label-wrap, .overtime-override-page .--calender-wrap {
  display: flex;
  flex-direction: row;
}
.overtime-override-page .--overtime-methods, .overtime-override-page .--overtime-firstday, .overtime-override-page .--overtime-starttime {
  margin-bottom: 20px;
}
.overtime-override-page .--overtime-label {
  width: 185px;
  display: inline-block;
}
.overtime-override-page .--startday {
  font-size: 14px;
  font-weight: bold;
}
.overtime-override-page .--not-override .--overtime-label, .overtime-override-page .--not-override .required-field-indicator, .overtime-override-page .--not-override .--startday {
  color: #e5e5e5;
}
.overtime-override-page .--not-override .--calender-wrap {
  opacity: 0.5;
}
.overtime-override-page .--not-override select:hover {
  border: 1px solid #ccc !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.overtime-override-page .--not-override .--overtime-starttime input:hover {
  border: 1px solid #ccc !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.col-1-2 {
  grid-column: 1/2;
}
@media (max-width: 991px) {
  .col-1-2 {
    grid-column: 1/3;
  }
}

.timeclock-employee-punch .panel-title.location-panel {
  display: flex;
  flex-direction: row;
  width: 220px;
  align-items: center;
  justify-content: center;
}
.timeclock-employee-punch .panel-title.location-panel #location-status {
  font-size: 11px;
  font-weight: normal;
  height: 16px;
  padding: 0px 8px;
  background-color: #e5e5e5;
  border-radius: 4px;
  border: solid 1px #626262;
  color: #e0636e;
  margin-left: 8px;
}
.timeclock-employee-punch .--punch-wrap.grid-2-col-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap.grid-2-col-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .no-data-label {
  margin: 0;
  padding: 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-label {
  font-size: 18px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-alart {
  font-size: 14px;
  color: #494949;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap {
    padding: 0;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out {
  padding: 8px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-break-attestation {
  font-size: 14px;
  color: #222222;
  font-weight: bold;
  margin-right: 4px;
  padding-left: 12px;
  display: inline-block;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-break-attestation label {
  font-size: 14px;
  color: #222222;
  font-weight: bold;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-break-attestation-explanation-label {
  font-size: 14px;
  color: #222222;
  font-weight: bold;
  margin-right: 4px;
  padding-left: 12px;
  width: 120px;
  display: inline-block;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-break-attestation-explanation {
  margin-bottom: 10px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-break-attestation-explanation-text input:hover.aspNetDisabled {
  border-color: rgba(118, 118, 118, 0.3);
  border-width: 1.66667px;
  outline-color: #333333;
  outline-offset: 0px;
  outline-style: none;
  outline-width: 0px;
  box-shadow: none;
  background-color: rgba(239, 239, 239, 0.3);
  transition: none;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap {
  background-color: #f7f7f7;
  margin-bottom: 16px;
  border-width: 1px;
  border: 1px solid #bebebe;
  padding: 8px;
  border-radius: 4px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-out-jobtitle-wrap {
  margin-top: 6px;
  display: flex;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-break-time-wrap {
  margin-bottom: 30px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-break-total, .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-break-list, .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-out-date-wrap {
  display: flex;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-break-list {
  display: flex;
  flex-direction: column;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-break-list .break-time-info-wrap {
  display: flex;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .punch-out {
  margin-top: 24px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-out-label {
  font-size: 14px;
  color: #222222;
  font-weight: bold;
  margin-right: 4px;
  padding-left: 12px;
  width: 120px;
  display: inline-block;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-out-jobtitle {
  font-size: 14px;
  color: #494949;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-out-punchin-time {
  font-size: 14px;
  color: #494949;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .time-clock-punch-break-time {
  font-size: 14px;
  color: #494949;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn {
  width: 100%;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn.btn-punch-out {
  height: 150px;
  font-weight: bold;
  background-color: #e0636e;
  font-size: 44px;
  color: #ffffff;
  border-radius: 8px;
  margin-bottom: 24px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn.btn-punch-out:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border: none;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn.break-point {
  height: 80px;
  background-color: #5b93c6;
  font-size: 30px;
  color: #ffffff;
  border-radius: 8px;
  margin-bottom: 24px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn.break-point.-has-startpoint {
  background-color: #e6911a;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn.break-point.-has-startpoint:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border: none;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .time-clock-punt-out-wrap .btn.break-point:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border: none;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-punch-out .punch-out-forgot {
  background-color: transparent;
  color: #5b93c6;
  text-decoration: underline;
  font-size: 18px;
  margin: 0;
  margin-top: 8px;
  z-index: 0;
  border-width: 0;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap {
    margin: 8px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-label {
  margin: 0 0 16px 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 16px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item {
  padding: 0;
  background-color: #f0f0f0;
  display: grid;
  grid-template-columns: 50px 210px 1fr;
  grid-template-rows: 120px 1fr;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item {
    grid-template-columns: 50px 105px 1fr;
    grid-template-rows: 100px 1fr;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-date {
  background-color: #555555;
  color: #ffffff;
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-date .time-clock-list-date-dow {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-date .time-clock-list-date-day {
  font-weight: bold;
  font-size: 24px;
  padding: 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-date .time-clock-list-date-month {
  padding: 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times {
  padding-left: 12px;
  height: 100%;
  background-color: transparent;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item {
  padding: 0;
  height: 45px;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item {
    height: 30px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item.time-clock-list-times-item-start {
  color: #6992be;
  display: flex;
  align-items: center;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item.time-clock-list-times-item-end {
  color: #204893;
  display: flex;
  align-items: flex-end;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item .time-clock-list-period {
  font-size: 18px;
  margin: 7px 0 0 0;
  padding-left: 3px;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item .time-clock-list-period {
    margin: 0;
    font-size: 11px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item .time-clock-list-time {
  font-size: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-times .time-clock-list-times-item .time-clock-list-time {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-organization {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-organization .time-clock-list-jobtitle {
  color: #333;
  font-weight: bold;
  font-size: 35px;
  padding: 0;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-organization .time-clock-list-jobtitle {
    font-size: 20px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-organization .time-clock-list-domain {
  color: #333;
  font-size: 14px;
  padding: 0;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item .time-clock-list-organization .time-clock-list-domain {
    font-size: 11px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item a.btn-punch-in {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e0636e;
  border-radius: 4px;
  font-weight: bold;
  font-size: 44px;
  color: #ffffff;
  height: 150px;
  margin: 8px;
  padding: 12px 0;
  border-width: 1px;
  border-color: transparent;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item a.btn-punch-in {
    font-size: 44px !important;
    margin: 8px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-date .time-clock-list-item a.btn-punch-in:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border: none;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-shift-wrap .time-clock-select-shift-date-wrap .time-clock-select-shift-border {
  border-bottom-width: 1px;
  border-bottom-color: #bebebe;
  margin: 0 16px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap {
    margin: 8px;
  }
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap .time-clock-select-btn {
  font-size: 16px;
  color: #5b93c6;
  text-decoration: underline;
  background-color: transparent;
  z-index: 0;
  border-width: 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap .time-clock-select-jobtitle-bg {
  padding: 16px;
  background-color: #f7f7f7;
  border-width: 1px;
  border-color: #bebebe;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap .time-clock-select-jobtitle {
  margin-bottom: 16px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap .time-clock-select-jobtitle .time-clock-select-jobtitle-btn {
  margin: 4px;
  background-color: #5b93c6;
  color: #ffffff;
  border-width: 1px;
  border-color: #3d7ab1;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .panel-body.time-clock-wrap .time-clock-select-jobtitle-wrap .time-clock-select-department-btn {
  margin: 4px;
  background-color: #cddeed;
  color: #222222;
  border-width: 1;
  border-color: #a7c5e0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .time-clock-select-alert {
  margin: 0 0 24px 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .time-clock-select-btn {
  font-size: 16px;
  color: #5b93c6;
  text-decoration: underline;
  background-color: transparent;
  z-index: 0;
  border-width: 0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .time-clock-select-jobtitle-bg {
  padding: 16px;
  background-color: #f7f7f7;
  margin: 8px 0;
  border-width: 1px;
  border: 1px solid #bebebe;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .time-clock-select-jobtitle {
  margin-bottom: 16px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  justify-items: stretch;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .time-clock-select-jobtitle .time-clock-select-jobtitle-btn {
  margin: 4px;
  background-color: #5b93c6;
  color: #ffffff;
  border-width: 1px;
  border-color: #3d7ab1;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .time-clock-select-department-btn {
  margin: 4px;
  width: 100%;
  background-color: #cddeed;
  color: #222222;
  border-width: 1px;
  border-color: #a7c5e0;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .btn {
  padding: 8px 20px;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .btn:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .jobtitles-checkbox {
  display: none;
}
.timeclock-employee-punch .--punch-wrap .--punch-panel .time-clock-select-jobtitle-wrap .jobtitles-checkbox-label {
  display: block;
  text-decoration: underline;
  color: #5b93c6;
  cursor: pointer;
  margin-bottom: 24px;
}
.timeclock-employee-punch .RadTabStrip .rtsLevel1 .rtsUL > li > * {
  padding: 0;
}
.timeclock-employee-punch .RadTabStrip .rtsLevel1 .rtsUL > li > * .rtsIn a {
  padding: 10px 15px;
}

.es-rcp-palette-break {
  height: auto !important;
  font-size: 16px !important;
  line-height: normal !important;
}

.engagement-container .rating-summary {
  font-size: 18px;
}
.engagement-container .rating-summary .fa {
  font-size: 18px;
}
.engagement-container .RadGrid.RadGrid_WebBlue {
  max-width: 1045px;
  width: 1045px;
}
.engagement-container .facility-selector .selector-ul {
  display: grid;
  max-width: 1045px;
  grid-template-columns: repeat(auto-fit, 165px);
  gap: 10px;
  margin: 0;
  padding: 0;
}
.engagement-container .facility-selector .selector-ul .facility-button {
  width: 100%;
  border: none;
  font-size: 14px;
  padding: 6px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #e5e5e5;
  color: #626262;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  border: solid 1px #bdbdbd;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.engagement-container .facility-selector .selector-ul .facility-button:hover {
  box-shadow: none;
  background-color: #626262;
  border: solid 1px #3C3838;
  color: #ffffff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
}
.engagement-container .facility-selector .selector-ul .facility-button.current-facility {
  cursor: default;
  background-color: #00629E;
  box-shadow: none;
  color: #ffffff;
}
.engagement-container .facility-selector .selector-ul .facility-button.current-facility:hover {
  background-color: #00629E;
  box-shadow: none;
}
.engagement-container .facility-selector .selector-ul .facility-button.current-facility + .facility-stars-wrap .facility-star-rating .front-stars {
  color: #de7921;
}
.engagement-container .facility-selector .selector-ul li {
  background-color: #ffffff;
  border: solid 1px #ccc;
}
.engagement-container .engagement-stars .facility-stars-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 2px 0 2px;
  height: 35px;
}
.engagement-container .engagement-stars .facility-stars-wrap .facility-score-wrap {
  margin-left: 8px;
  font-size: 18px;
}
.engagement-container .engagement-stars .facility-stars-wrap .all-avarage-stars .facility-star-rating .front-stars {
  color: #de7921;
}
.engagement-container .engagement-stars .facility-star-rating {
  position: relative;
  display: inline-block;
  font-size: 18px;
}
.engagement-container .engagement-stars .facility-star-rating .back-stars {
  color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}
.engagement-container .engagement-stars .facility-star-rating .front-stars {
  color: #626262;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
}
.engagement-container .engagement-stars .last-review-date {
  text-align: center;
  padding: 0 4px 8px;
}
.engagement-container .engagement-stars.all-facilities-avarage {
  margin-bottom: 20px;
  width: fit-content;
}
.engagement-container .engagement-stars.all-facilities-avarage .all-facilities-avarage-title {
  font-size: 16px;
  border-bottom: 1px solid #626262;
  text-align: center;
  margin-bottom: 4px;
}
.engagement-container .engagement-stars.all-facilities-avarage .facility-stars-wrap {
  justify-content: flex-start;
}
.engagement-container .engagement-stars.all-facilities-avarage .facility-stars-wrap .all-avarage-stars {
  display: flex;
}
.engagement-container .engagement-stars.all-facilities-avarage .facility-stars-wrap .all-avarage-score {
  margin-left: 8px;
  font-size: 26px;
}
.engagement-container .engagement-stars.all-facilities-avarage .facility-stars-wrap .facility-star-rating {
  font-size: 26px;
}
.engagement-container .--comment-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.engagement-container .--comment-wrap .comment {
  overflow: hidden;
}
.engagement-container .--comment-wrap .comment-inner {
  margin-right: 8px;
}
.engagement-container .--comment-wrap .more {
  height: 32px;
  line-height: 32px;
  color: #5b93c6;
  cursor: pointer;
}
.engagement-container .--comment-wrap .more::after {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  font-size: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.engagement-container .--comment-wrap .more.is-active::after {
  content: "\f077";
}

#container #main #main-content .hours-statistics-department-grid .RadGrid {
  width: 1820px !important;
}

.hours-statistics-department-grid .grid-part-headers {
  margin-top: 10px;
  font-size: 14px;
  color: #005376;
  display: flex;
}
.hours-statistics-department-grid .grid-part-headers div {
  position: relative;
  align-self: end;
}
.hours-statistics-department-grid .grid-part-headers div.attendance {
  left: 815px;
}
.hours-statistics-department-grid .grid-part-headers div.projected {
  left: 1250px;
  max-width: 120px;
}
.hours-statistics-department-grid .grid-part-headers.no-future div.attendance {
  left: 750px;
}
.hours-statistics-department-grid .grid-part-headers.four-col div.attendance {
  left: 990px;
}
.hours-statistics-department-grid .grid-part-headers.five-col div.attendance {
  left: 905px;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue.no-future table thead tr th.rgHeader.--future {
  display: none;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue.no-future table tbody tr.rgRow td.--future, .hours-statistics-department-grid .RadGrid.RadGrid_WebBlue.no-future table tbody tr.rgAltRow td.--future {
  display: none;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table thead tr th.rgHeader.--future {
  color: #94b8da;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table thead tr th.rgHeader.--hidden {
  display: none;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table thead tr th.rgHeader.section-border {
  border-left-color: #bbbbbb;
  border-left-width: 3px;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table tbody tr.rgRow td.section-border, .hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table tbody tr.rgAltRow td.section-border {
  border-left-color: #bbbbbb;
  border-left-width: 3px;
}
.hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table tbody tr.rgRow td.--hidden, .hours-statistics-department-grid .RadGrid.RadGrid_WebBlue table tbody tr.rgAltRow td.--hidden {
  display: none;
}

/*Admin Page*/
.default-admin .shortcut-button {
  margin: 10px;
}

/* Style for Manage Organizations*/
.editorganization .first-col.form-horizontal .control-label {
  margin: 0;
  padding: 0;
}
.editorganization .first-col.form-horizontal select {
  display: block;
  height: 24px;
  width: 100%;
  padding: 1px 12px;
  font-size: 14px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.editorganization .first-col.form-horizontal select:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: white;
}
.editorganization .first-col.form-horizontal input:not(.k-input) {
  display: block;
  height: 24px;
  width: 100%;
  padding: 1px 12px;
  font-size: 14px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.editorganization .first-col.form-horizontal input:not(.k-input):hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: white;
}
.editorganization .first-col.form-horizontal .overtime-textbox {
  width: 134px;
}
.editorganization .first-col.form-horizontal .start-day-of-week {
  font-size: 14px;
}
.editorganization .organization-setting-wrap {
  margin: 32px 0;
}
.editorganization .organization-setting-wrap .remove-logo {
  display: block;
  margin-top: 16px;
}

#main-content .panel-heading h3 {
  border: none;
  margin-bottom: 0;
}

.frozen-checkbox-container {
  display: flex;
  align-items: center;
}
.frozen-checkbox-container input[type=checkbox], .frozen-checkbox-container input[type=radio] {
  vertical-align: 0;
  margin-top: 0;
}
.frozen-checkbox-container label {
  margin: 0 0 0 5px;
}

.apply-container label {
  margin: 0 5px 0 0;
}

/* Style for Manage Billing*/
#number-filters .form-control {
  width: 200px;
  display: inline-block;
  border: 1px solid #ccc !important;
  margin: 0px 0 5px 10px;
  height: 27px;
}

.invoice .is-paid {
  height: auto;
  margin: 0 15px 15px 0;
}
.invoice .is-paid label {
  margin-right: 5px;
}
.invoice .dept-info {
  font-size: 14px;
  color: #626262;
}
.invoice .invoice-info {
  font-size: 14px;
}

.editaccount label {
  width: 100px;
  color: #7c7c7c;
}
.editaccount label.label-lg {
  width: 170px;
}
.editaccount label.label-md {
  width: 140px;
}

.manage-billing-container .manage-billing-hide-unbilled {
  display: block;
  margin-top: 20px;
}
.manage-billing-container .domain-unit-selector-container .domain-selector-control .domain-selector {
  padding-right: 10px;
  padding-left: 0;
}
.manage-billing-container .domain-unit-selector-container .domain-selector-control .domain-selector label {
  margin-left: 0;
}
@media (max-width: 991px) {
  .manage-billing-container .domain-unit-selector-container .domain-selector-control .domain-selector label {
    width: 100px;
  }
}
.manage-billing-container .domain-unit-selector-container .apply-container {
  margin: 0 0 0 0;
}
@media (max-width: 991px) {
  .manage-billing-container .domain-unit-selector-container .apply-container {
    margin-top: 16px;
  }
}
.manage-billing-container .RadTreeList,
.manage-billing-container .RadGrid {
  min-width: 1100px;
  overflow-x: scroll;
}
.manage-billing-container .RadTreeList thead th,
.manage-billing-container .RadGrid thead th {
  position: sticky;
  top: 0;
}
.manage-billing-container .manage-billing-create-account {
  float: right;
}
@media (max-width: 991px) {
  .manage-billing-container .manage-billing-create-account {
    float: none;
    margin-top: 16px;
  }
}

.RadGrid.viewelmah-summary-grid {
  min-width: 1200px;
}
.RadGrid.viewelmah-summary-grid table tbody td {
  vertical-align: top;
  padding: 0px 15px;
}
.RadGrid.viewelmah-summary-grid table tbody td div {
  margin: 10px 0;
}
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-summary {
  width: 400px;
}
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-summary .viewelmah-statuscode,
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-summary .viewelmah-type {
  font-weight: bold;
}
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-summary .viewelmah-type {
  color: #ff3333;
}
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-stacktrace {
  padding: 10px 15px;
}
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-stacktrace textarea {
  border-radius: 4px;
  padding: 8px;
  background-color: #000;
  color: #ffffff;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 11px;
  overflow-y: scroll;
  height: 200px;
  width: 100%;
  resize: vertical;
}
.RadGrid.viewelmah-summary-grid table tbody td.viewelmah-download {
  width: 50px;
  vertical-align: middle;
}

.eventlog-grid {
  min-width: 1200px;
}
.eventlog-grid table tbody td {
  vertical-align: top;
  padding: 0px 15px;
}
.eventlog-grid table tbody td div {
  margin: 10px 0;
}
.eventlog-grid table tbody td.vieweventlog-message {
  padding: 10px 15px;
}
.eventlog-grid table tbody td.vieweventlog-message textarea {
  border-radius: 4px;
  padding: 8px;
  background-color: #000;
  color: #ffffff;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 11px;
  overflow-y: scroll;
  height: 34px;
  width: 100%;
  resize: vertical;
}
.eventlog-grid table tbody td.vieweventlog-message textarea.long-message {
  height: 400px;
}
.eventlog-grid .view-event-log-date-filter .filter-table-cell {
  padding: 0px;
  margin: 0px;
}
.eventlog-grid .view-event-log-date-filter .filter-table-cell .RadDateTimePicker {
  padding: 0px;
  margin: 0px;
}

.eventlog-grid {
  min-width: 1200px;
}
.eventlog-grid table tbody td {
  vertical-align: top;
  padding: 0px 15px;
}
.eventlog-grid table tbody td div {
  margin: 10px 0;
}
.eventlog-grid table tbody td.vieweventlog-message {
  padding: 10px 15px;
}
.eventlog-grid table tbody td.vieweventlog-message textarea {
  border-radius: 4px;
  padding: 8px;
  background-color: #000;
  color: #ffffff;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 11px;
  overflow-y: scroll;
  height: 34px;
  width: 100%;
  resize: vertical;
}
.eventlog-grid table tbody td.vieweventlog-message textarea.long-message {
  height: 400px;
}
.eventlog-grid table tbody td a.auth-log-user-hyperlink {
  color: -webkit-link;
  text-decoration: underline;
}

.adp-eventlog-grid {
  min-width: 1200px;
}
.adp-eventlog-grid table tbody td {
  vertical-align: top;
  padding: 0px 15px;
}
.adp-eventlog-grid table tbody td div {
  margin: 10px 0;
}
.adp-eventlog-grid table tbody td.adp-vieweventlog-message {
  padding: 10px 15px;
}
.adp-eventlog-grid table tbody td.adp-vieweventlog-message textarea {
  border-radius: 4px;
  padding: 8px;
  background-color: #000;
  color: #ffffff;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 11px;
  overflow-y: scroll;
  height: 34px;
  width: 100%;
  min-width: 200px;
  resize: vertical;
}
.adp-eventlog-grid table tbody td.adp-vieweventlog-message textarea.long-message {
  height: 400px;
}

@media (min-width: 870px) {
  .configure-help-links .rgEditForm table {
    width: 100%;
  }
  .configure-help-links .rgEditForm table tbody {
    width: 100%;
  }
  .configure-help-links .rgEditForm table tbody tr {
    width: 100%;
  }
  .configure-help-links .rgEditForm table tbody tr td:nth-child(2) {
    width: 80%;
  }
  .configure-help-links .rgEditForm table tbody tr td:nth-child(2) input {
    width: 100%;
  }
}

.editaccountgroup * + html .riSingle input.riTextBox.form-control,
.editaccountgroup * + html .RadForm.rfdTextbox .riSingle input.rfdDecorated[type=text].form-control,
.editaccountgroup .RadInput .riTextBox.form-control,
.editaccountgroup .RadInputMgr.form-control {
  height: 34px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 6px 12px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
}
.editaccountgroup .validator-maxlength {
  color: firebrick;
}
.editaccountgroup .per-active-user-rate-validator {
  display: none;
}

.editfalicity-form .facility-options h4 {
  margin-top: 16px;
}
.editfalicity-form .facility-options .checkbox-punch-wrapper {
  margin-bottom: 12px;
}
.editfalicity-form .facility-options .timeclock-location {
  margin-bottom: 12px;
  text-align: center;
}

.edit-adp {
  font-size: 14px;
}
.edit-adp.container {
  width: 100%;
}
.edit-adp .adp-company-info {
  min-height: 500px;
  font-size: 16px;
}
.edit-adp .btn-back {
  border: none;
  color: #5b93c6;
}
.edit-adp .btn-back:hover {
  text-decoration: underline;
}
.edit-adp .panel.panel-default .panel-title {
  width: 200px;
}
.edit-adp .info-wrap {
  color: #3C3838;
  font-size: 14px;
  margin-bottom: 24px;
}
.edit-adp .info-wrap div {
  min-height: 28px;
}
.edit-adp .info-wrap .--label {
  display: inline-block;
  width: 150px;
  color: #626262;
}
.edit-adp .info-wrap .--note {
  color: #222222;
  background-color: #e5e5e5;
  margin-left: 150px;
  min-height: auto;
}
.edit-adp .info-wrap select {
  height: 24px;
  width: 280px;
  padding: 1px 2px;
  font-size: 14px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.edit-adp .info-wrap select:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: transparent;
  background-color: white;
}
.edit-adp .complete-btn {
  margin-bottom: 24px;
}
.edit-adp .complete-btn input {
  margin: 0;
}
.edit-adp .cancel-btn-wrap {
  display: inline-flex;
  align-items: center;
}
.edit-adp .cancel-btn-wrap .cancel-dropdown {
  display: inline-block;
  width: 280px;
  margin-right: 12px;
}
.edit-adp .cancel-btn-wrap .cancel-reason-label {
  display: inline-block;
  width: 150px;
  color: #626262;
}
.edit-adp .json-wrap {
  height: 100px;
  overflow-y: scroll;
  position: relative;
}
.edit-adp .json-wrap.json-fullscreen {
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  padding: 100px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
.edit-adp .json-wrap.json-fullscreen .toggle-fullscreen {
  position: fixed;
  right: 120px;
  top: 120px;
}
.edit-adp .json-wrap.json-fullscreen pre {
  background-color: #fff;
  height: 100%;
}
.edit-adp .json-wrap .toggle-fullscreen {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
}

.--select-department {
  display: flex;
  flex-direction: row;
}
.--select-department .form-control {
  width: fit-content;
  margin-right: 12px;
}

html._Telerik_IE9 #container #footer {
  background: #3F4750;
}
html._Telerik_IE9 #container #header-surround #header {
  background: #2a353d;
}
/*# sourceMappingURL=Default.Master.css.map */

