/* Minification failed. Returning unminified contents.
(2855,1): run-time error CSS1019: Unexpected token, found '@import'
(2855,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")'
(2856,1): run-time error CSS1019: Unexpected token, found '@import'
(2856,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700")'
(3991,51): run-time error CSS1046: Expect comma, found '226'
(3991,58): run-time error CSS1046: Expect comma, found ')'
(3997,70): run-time error CSS1046: Expect comma, found '0'
(3997,74): run-time error CSS1046: Expect comma, found '/'
(3997,102): run-time error CSS1046: Expect comma, found '0'
(3997,106): run-time error CSS1046: Expect comma, found '/'
(3997,131): run-time error CSS1046: Expect comma, found '0'
(3997,135): run-time error CSS1046: Expect comma, found '/'
(3998,71): run-time error CSS1046: Expect comma, found '0'
(3998,75): run-time error CSS1046: Expect comma, found '/'
(3998,103): run-time error CSS1046: Expect comma, found '0'
(3998,107): run-time error CSS1046: Expect comma, found '/'
(3998,132): run-time error CSS1046: Expect comma, found '0'
(3998,136): run-time error CSS1046: Expect comma, found '/'
(3999,73): run-time error CSS1046: Expect comma, found '0'
(3999,77): run-time error CSS1046: Expect comma, found '/'
(3999,105): run-time error CSS1046: Expect comma, found '0'
(3999,109): run-time error CSS1046: Expect comma, found '/'
(3999,134): run-time error CSS1046: Expect comma, found '0'
(3999,138): run-time error CSS1046: Expect comma, found '/'
(4007,227): run-time error CSS1046: Expect comma, found '0'
(4007,231): run-time error CSS1046: Expect comma, found '/'
(4007,259): run-time error CSS1046: Expect comma, found '0'
(4007,263): run-time error CSS1046: Expect comma, found '/'
(4007,288): run-time error CSS1046: Expect comma, found '0'
(4007,292): run-time error CSS1046: Expect comma, found '/'
(4009,98): run-time error CSS1046: Expect comma, found '149'
(4009,106): run-time error CSS1046: Expect comma, found '/'
(4013,96): run-time error CSS1046: Expect comma, found '149'
(4013,104): run-time error CSS1046: Expect comma, found '/'
(4020,107): run-time error CSS1046: Expect comma, found '0'
(4020,111): run-time error CSS1046: Expect comma, found '/'
(4020,139): run-time error CSS1046: Expect comma, found '0'
(4020,143): run-time error CSS1046: Expect comma, found '/'
(4020,168): run-time error CSS1046: Expect comma, found '0'
(4020,172): run-time error CSS1046: Expect comma, found '/'
(4030,55): run-time error CSS1046: Expect comma, found '238'
(4030,62): run-time error CSS1046: Expect comma, found ')'
(4031,47): run-time error CSS1046: Expect comma, found '0'
(4031,51): run-time error CSS1046: Expect comma, found '/'
(4031,79): run-time error CSS1046: Expect comma, found '0'
(4031,83): run-time error CSS1046: Expect comma, found '/'
(4032,61): run-time error CSS1046: Expect comma, found '0'
(4032,65): run-time error CSS1046: Expect comma, found '/'
(4032,93): run-time error CSS1046: Expect comma, found '0'
(4032,97): run-time error CSS1046: Expect comma, found '/'
(4033,60): run-time error CSS1046: Expect comma, found '0'
(4033,64): run-time error CSS1046: Expect comma, found '/'
(4033,92): run-time error CSS1046: Expect comma, found '0'
(4033,96): run-time error CSS1046: Expect comma, found '/'
(4037,103): run-time error CSS1046: Expect comma, found '0'
(4037,107): run-time error CSS1046: Expect comma, found '/'
(4042,101): run-time error CSS1046: Expect comma, found '0'
(4042,105): run-time error CSS1046: Expect comma, found '/'
(4042,133): run-time error CSS1046: Expect comma, found '0'
(4042,137): run-time error CSS1046: Expect comma, found '/'
(4042,162): run-time error CSS1046: Expect comma, found '0'
(4042,166): run-time error CSS1046: Expect comma, found '/'
(4069,170): run-time error CSS1046: Expect comma, found '226'
(4069,178): run-time error CSS1046: Expect comma, found '/'
(4079,197): run-time error CSS1046: Expect comma, found '226'
(4079,204): run-time error CSS1046: Expect comma, found ')'
(4106,85): run-time error CSS1046: Expect comma, found '187'
(4106,92): run-time error CSS1046: Expect comma, found ')'
(4114,83): run-time error CSS1046: Expect comma, found '226'
(4114,90): run-time error CSS1046: Expect comma, found ')'
(4125,134): run-time error CSS1046: Expect comma, found '0'
(4125,138): run-time error CSS1046: Expect comma, found '/'
(4125,166): run-time error CSS1046: Expect comma, found '0'
(4125,170): run-time error CSS1046: Expect comma, found '/'
(4125,196): run-time error CSS1046: Expect comma, found '0'
(4125,200): run-time error CSS1046: Expect comma, found '/'
(4145,112): run-time error CSS1046: Expect comma, found '226'
(4145,120): run-time error CSS1046: Expect comma, found '/'
(4164,52): run-time error CSS1046: Expect comma, found '160'
(4164,59): run-time error CSS1046: Expect comma, found '/'
(4165,60): run-time error CSS1046: Expect comma, found '160'
(4165,67): run-time error CSS1046: Expect comma, found '/'
(4167,94): run-time error CSS1046: Expect comma, found '160'
(4167,101): run-time error CSS1046: Expect comma, found '/'
(4578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4579,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4583,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4592,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4596,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4605,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4609,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4619,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4623,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4631,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4632,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(4638,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4639,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(4647,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4651,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(4662,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(4665,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4669,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4679,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4683,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4684,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4716,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4720,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4738,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4742,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4749,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4753,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4786,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4787,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4790,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4791,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5410,63): run-time error CSS1046: Expect comma, found '0'
(5410,67): run-time error CSS1046: Expect comma, found '/'
(5410,95): run-time error CSS1046: Expect comma, found '0'
(5410,99): run-time error CSS1046: Expect comma, found '/'
(5410,124): run-time error CSS1046: Expect comma, found '0'
(5410,128): run-time error CSS1046: Expect comma, found '/'
(5420,73): run-time error CSS1046: Expect comma, found '0'
(5420,77): run-time error CSS1046: Expect comma, found '/'
(5420,105): run-time error CSS1046: Expect comma, found '0'
(5420,109): run-time error CSS1046: Expect comma, found '/'
(5420,134): run-time error CSS1046: Expect comma, found '0'
(5420,138): run-time error CSS1046: Expect comma, found '/'
(5442,182): run-time error CSS1046: Expect comma, found '0'
(5442,186): run-time error CSS1046: Expect comma, found '/'
(5442,214): run-time error CSS1046: Expect comma, found '0'
(5442,218): run-time error CSS1046: Expect comma, found '/'
(5442,243): run-time error CSS1046: Expect comma, found '0'
(5442,247): run-time error CSS1046: Expect comma, found '/'
(5451,197): run-time error CSS1046: Expect comma, found '0'
(5451,201): run-time error CSS1046: Expect comma, found '/'
(5451,229): run-time error CSS1046: Expect comma, found '0'
(5451,233): run-time error CSS1046: Expect comma, found '/'
(5451,258): run-time error CSS1046: Expect comma, found '0'
(5451,262): run-time error CSS1046: Expect comma, found '/'
(5464,129): run-time error CSS1046: Expect comma, found '0'
(5464,133): run-time error CSS1046: Expect comma, found '/'
(5464,161): run-time error CSS1046: Expect comma, found '0'
(5464,165): run-time error CSS1046: Expect comma, found '/'
(5464,190): run-time error CSS1046: Expect comma, found '0'
(5464,194): run-time error CSS1046: Expect comma, found '/'
(5465,126): run-time error CSS1046: Expect comma, found '0'
(5465,130): run-time error CSS1046: Expect comma, found '/'
(5465,158): run-time error CSS1046: Expect comma, found '0'
(5465,162): run-time error CSS1046: Expect comma, found '/'
(5465,187): run-time error CSS1046: Expect comma, found '0'
(5465,191): run-time error CSS1046: Expect comma, found '/'
(5474,119): run-time error CSS1046: Expect comma, found '0'
(5474,123): run-time error CSS1046: Expect comma, found '/'
(5474,151): run-time error CSS1046: Expect comma, found '0'
(5474,155): run-time error CSS1046: Expect comma, found '/'
(5474,180): run-time error CSS1046: Expect comma, found '0'
(5474,184): run-time error CSS1046: Expect comma, found '/'
(5533,118): run-time error CSS1046: Expect comma, found '0'
(5533,122): run-time error CSS1046: Expect comma, found '/'
(5533,150): run-time error CSS1046: Expect comma, found '0'
(5533,154): run-time error CSS1046: Expect comma, found '/'
(5533,179): run-time error CSS1046: Expect comma, found '0'
(5533,183): run-time error CSS1046: Expect comma, found '/'
(5561,106): run-time error CSS1046: Expect comma, found '0'
(5561,110): run-time error CSS1046: Expect comma, found '/'
(5561,138): run-time error CSS1046: Expect comma, found '0'
(5561,142): run-time error CSS1046: Expect comma, found '/'
(5561,167): run-time error CSS1046: Expect comma, found '0'
(5561,171): run-time error CSS1046: Expect comma, found '/'
(5577,162): run-time error CSS1046: Expect comma, found '0'
(5577,166): run-time error CSS1046: Expect comma, found '/'
(5577,194): run-time error CSS1046: Expect comma, found '0'
(5577,198): run-time error CSS1046: Expect comma, found '/'
(5577,223): run-time error CSS1046: Expect comma, found '0'
(5577,227): run-time error CSS1046: Expect comma, found '/'
(5609,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5609,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5619,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5619,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5631,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5631,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5632,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5632,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5633,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5633,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5648,98): run-time error CSS1046: Expect comma, found '238'
(5648,106): run-time error CSS1046: Expect comma, found '/'
(5682,182): run-time error CSS1046: Expect comma, found '226'
(5682,189): run-time error CSS1046: Expect comma, found ')'
(5697,131): run-time error CSS1046: Expect comma, found '0'
(5697,135): run-time error CSS1046: Expect comma, found '/'
(5697,163): run-time error CSS1046: Expect comma, found '0'
(5697,167): run-time error CSS1046: Expect comma, found '/'
(5697,192): run-time error CSS1046: Expect comma, found '0'
(5697,196): run-time error CSS1046: Expect comma, found '/'
(5780,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5781,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5785,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5789,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5847,79): run-time error CSS1046: Expect comma, found '191'
(5847,86): run-time error CSS1046: Expect comma, found '/'
(5848,78): run-time error CSS1046: Expect comma, found '162'
(5848,86): run-time error CSS1046: Expect comma, found '/'
(5849,80): run-time error CSS1046: Expect comma, found '126'
(5849,86): run-time error CSS1046: Expect comma, found '/'
(5853,80): run-time error CSS1046: Expect comma, found '156'
(5853,87): run-time error CSS1046: Expect comma, found '/'
(5854,79): run-time error CSS1046: Expect comma, found '153'
(5854,87): run-time error CSS1046: Expect comma, found '/'
(5855,78): run-time error CSS1046: Expect comma, found '188'
(5855,86): run-time error CSS1046: Expect comma, found '/'
(5865,264): run-time error CSS1046: Expect comma, found '0'
(5865,268): run-time error CSS1046: Expect comma, found '/'
(5865,296): run-time error CSS1046: Expect comma, found '0'
(5865,300): run-time error CSS1046: Expect comma, found '/'
(5918,121): run-time error CSS1046: Expect comma, found '0'
(5918,125): run-time error CSS1046: Expect comma, found '/'
(5919,122): run-time error CSS1046: Expect comma, found '0'
(5919,126): run-time error CSS1046: Expect comma, found '/'
(5930,52): run-time error CSS1046: Expect comma, found '0'
(5930,56): run-time error CSS1046: Expect comma, found '/'
(5968,59): run-time error CSS1031: Expected selector, found '/'
(5968,59): run-time error CSS1025: Expected comma or open brace, found '/'
(6049,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6052,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6096,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6096,27): run-time error CSS1035: Expected colon, found '{'
(6097,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6097,35): run-time error CSS1035: Expected colon, found '{'
(6358,88): run-time error CSS1046: Expect comma, found '160'
(6358,95): run-time error CSS1046: Expect comma, found '/'
(6364,153): run-time error CSS1046: Expect comma, found '0'
(6364,157): run-time error CSS1046: Expect comma, found '/'
(6364,185): run-time error CSS1046: Expect comma, found '0'
(6364,189): run-time error CSS1046: Expect comma, found '/'
(6364,215): run-time error CSS1046: Expect comma, found '0'
(6364,219): run-time error CSS1046: Expect comma, found '/'
(6382,170): run-time error CSS1046: Expect comma, found '160'
(6382,177): run-time error CSS1046: Expect comma, found '/'
(6657,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6657,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6663,32): run-time error CSS1046: Expect comma, found '0'
(6663,36): run-time error CSS1046: Expect comma, found '/'
(6663,64): run-time error CSS1046: Expect comma, found '0'
(6663,68): run-time error CSS1046: Expect comma, found '/'
(6663,93): run-time error CSS1046: Expect comma, found '0'
(6663,97): run-time error CSS1046: Expect comma, found '/'
(6668,263): run-time error CSS1046: Expect comma, found '0'
(6668,267): run-time error CSS1046: Expect comma, found '/'
(6668,295): run-time error CSS1046: Expect comma, found '0'
(6668,299): run-time error CSS1046: Expect comma, found '/'
(6779,123): run-time error CSS1046: Expect comma, found '0'
(6779,127): run-time error CSS1046: Expect comma, found '/'
(6779,155): run-time error CSS1046: Expect comma, found '0'
(6779,159): run-time error CSS1046: Expect comma, found '/'
(6886,70): run-time error CSS1046: Expect comma, found '0'
(6886,74): run-time error CSS1046: Expect comma, found '/'
(6886,102): run-time error CSS1046: Expect comma, found '0'
(6886,106): run-time error CSS1046: Expect comma, found '/'
(6886,131): run-time error CSS1046: Expect comma, found '0'
(6886,135): run-time error CSS1046: Expect comma, found '/'
(6896,99): run-time error CSS1038: Expected hex color, found '#ffff'
(6896,104): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6921,92): run-time error CSS1046: Expect comma, found '0'
(6921,96): run-time error CSS1046: Expect comma, found '/'
(6921,124): run-time error CSS1046: Expect comma, found '0'
(6921,128): run-time error CSS1046: Expect comma, found '/'
(6921,153): run-time error CSS1046: Expect comma, found '0'
(6921,157): run-time error CSS1046: Expect comma, found '/'
(6996,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7014,80): run-time error CSS1046: Expect comma, found '0'
(7014,84): run-time error CSS1046: Expect comma, found '/'
(7014,112): run-time error CSS1046: Expect comma, found '0'
(7014,116): run-time error CSS1046: Expect comma, found '/'
(7014,141): run-time error CSS1046: Expect comma, found '0'
(7014,145): run-time error CSS1046: Expect comma, found '/'
(7037,71): run-time error CSS1046: Expect comma, found '232'
(7037,78): run-time error CSS1046: Expect comma, found ')'
(7063,59): run-time error CSS1046: Expect comma, found '0'
(7063,63): run-time error CSS1046: Expect comma, found '/'
(7063,91): run-time error CSS1046: Expect comma, found '0'
(7063,95): run-time error CSS1046: Expect comma, found '/'
(7063,120): run-time error CSS1046: Expect comma, found '0'
(7063,124): run-time error CSS1046: Expect comma, found '/'
(7065,174): run-time error CSS1046: Expect comma, found '0'
(7065,178): run-time error CSS1046: Expect comma, found '/'
(7065,206): run-time error CSS1046: Expect comma, found '0'
(7065,210): run-time error CSS1046: Expect comma, found '/'
(7099,27): run-time error CSS1030: Expected identifier, found '.'
(7099,27): run-time error CSS1031: Expected selector, found '.'
(7099,27): run-time error CSS1025: Expected comma or open brace, found '.'
(7100,168): run-time error CSS1046: Expect comma, found '238'
(7100,176): run-time error CSS1046: Expect comma, found '/'
(7152,141): run-time error CSS1046: Expect comma, found '0'
(7152,145): run-time error CSS1046: Expect comma, found '/'
(7152,173): run-time error CSS1046: Expect comma, found '0'
(7152,177): run-time error CSS1046: Expect comma, found '/'
(7152,202): run-time error CSS1046: Expect comma, found '0'
(7152,206): run-time error CSS1046: Expect comma, found '/'
(7213,61): run-time error CSS1046: Expect comma, found '0'
(7213,65): run-time error CSS1046: Expect comma, found '/'
(7213,95): run-time error CSS1046: Expect comma, found '0'
(7213,99): run-time error CSS1046: Expect comma, found '/'
(7213,130): run-time error CSS1046: Expect comma, found '0'
(7213,134): run-time error CSS1046: Expect comma, found '/'
(7225,66): run-time error CSS1046: Expect comma, found '102'
(7225,73): run-time error CSS1046: Expect comma, found '/'
(7238,93): run-time error CSS1046: Expect comma, found '0'
(7238,97): run-time error CSS1046: Expect comma, found '/'
(7238,125): run-time error CSS1046: Expect comma, found '0'
(7238,129): run-time error CSS1046: Expect comma, found '/'
(7238,154): run-time error CSS1046: Expect comma, found '0'
(7238,158): run-time error CSS1046: Expect comma, found '/'
(7245,78): run-time error CSS1046: Expect comma, found '102'
(7245,85): run-time error CSS1046: Expect comma, found '/'
(7246,98): run-time error CSS1046: Expect comma, found '102'
(7246,105): run-time error CSS1046: Expect comma, found '/'
(7260,63): run-time error CSS1046: Expect comma, found '155'
(7260,68): run-time error CSS1046: Expect comma, found ')'
(7431,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7431,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7528,83): run-time error CSS1046: Expect comma, found '0'
(7528,87): run-time error CSS1046: Expect comma, found '/'
(7528,115): run-time error CSS1046: Expect comma, found '0'
(7528,119): run-time error CSS1046: Expect comma, found '/'
(7528,144): run-time error CSS1046: Expect comma, found '0'
(7528,148): run-time error CSS1046: Expect comma, found '/'
(7531,76): run-time error CSS1046: Expect comma, found '238'
(7531,84): run-time error CSS1046: Expect comma, found '/'
(7594,73): run-time error CSS1046: Expect comma, found '0'
(7594,77): run-time error CSS1046: Expect comma, found '/'
(7644,138): run-time error CSS1046: Expect comma, found '0'
(7644,142): run-time error CSS1046: Expect comma, found '/'
(7709,88): run-time error CSS1046: Expect comma, found '0'
(7709,92): run-time error CSS1046: Expect comma, found '/'
(7709,120): run-time error CSS1046: Expect comma, found '0'
(7709,124): run-time error CSS1046: Expect comma, found '/'
(7709,149): run-time error CSS1046: Expect comma, found '0'
(7709,153): run-time error CSS1046: Expect comma, found '/'
(7733,177): run-time error CSS1046: Expect comma, found '0'
(7733,181): run-time error CSS1046: Expect comma, found '/'
(7733,209): run-time error CSS1046: Expect comma, found '0'
(7733,213): run-time error CSS1046: Expect comma, found '/'
(7774,57): run-time error CSS1038: Expected hex color, found '#eee6'
(7799,31): run-time error CSS1046: Expect comma, found '0'
(7799,35): run-time error CSS1046: Expect comma, found '/'
(7799,63): run-time error CSS1046: Expect comma, found '0'
(7799,67): run-time error CSS1046: Expect comma, found '/'
(7800,166): run-time error CSS1046: Expect comma, found '0'
(7800,170): run-time error CSS1046: Expect comma, found '/'
(7800,198): run-time error CSS1046: Expect comma, found '0'
(7800,202): run-time error CSS1046: Expect comma, found '/'
(7860,44): run-time error CSS1046: Expect comma, found '0'
(7860,48): run-time error CSS1046: Expect comma, found '/'
(7914,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7914,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8043,64): run-time error CSS1046: Expect comma, found '0'
(8043,68): run-time error CSS1046: Expect comma, found '/'
(8043,96): run-time error CSS1046: Expect comma, found '0'
(8043,100): run-time error CSS1046: Expect comma, found '/'
(8043,125): run-time error CSS1046: Expect comma, found '0'
(8043,129): run-time error CSS1046: Expect comma, found '/'
(8062,69): run-time error CSS1046: Expect comma, found '0'
(8062,73): run-time error CSS1046: Expect comma, found '/'
(8062,108): run-time error CSS1046: Expect comma, found '0'
(8062,112): run-time error CSS1046: Expect comma, found '/'
(8090,74): run-time error CSS1046: Expect comma, found '0'
(8090,78): run-time error CSS1046: Expect comma, found '/'
(8090,106): run-time error CSS1046: Expect comma, found '0'
(8090,110): run-time error CSS1046: Expect comma, found '/'
(8102,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8102,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8109,61): run-time error CSS1046: Expect comma, found '0'
(8109,65): run-time error CSS1046: Expect comma, found '/'
(8111,87): run-time error CSS1046: Expect comma, found '0'
(8111,91): run-time error CSS1046: Expect comma, found '/'
(8111,119): run-time error CSS1046: Expect comma, found '0'
(8111,123): run-time error CSS1046: Expect comma, found '/'
(8111,148): run-time error CSS1046: Expect comma, found '0'
(8111,152): run-time error CSS1046: Expect comma, found '/'
(8190,275): run-time error CSS1046: Expect comma, found '205'
(8190,283): run-time error CSS1046: Expect comma, found '/'
(8316,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8316,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8523,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8523,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8558,65): run-time error CSS1046: Expect comma, found '0'
(8558,69): run-time error CSS1046: Expect comma, found '/'
(8558,97): run-time error CSS1046: Expect comma, found '0'
(8558,101): run-time error CSS1046: Expect comma, found '/'
(8558,126): run-time error CSS1046: Expect comma, found '0'
(8558,130): run-time error CSS1046: Expect comma, found '/'
(8573,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8573,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(8640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8643,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8658,73): run-time error CSS1038: Expected hex color, found '#ffff'
(8658,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(8672,199): run-time error CSS1046: Expect comma, found '226'
(8672,207): run-time error CSS1046: Expect comma, found '/'
(8722,113): run-time error CSS1046: Expect comma, found '232'
(8722,120): run-time error CSS1046: Expect comma, found ')'
(8739,85): run-time error CSS1046: Expect comma, found '0'
(8739,89): run-time error CSS1046: Expect comma, found '/'
(8739,117): run-time error CSS1046: Expect comma, found '0'
(8739,121): run-time error CSS1046: Expect comma, found '/'
(8739,146): run-time error CSS1046: Expect comma, found '0'
(8739,150): run-time error CSS1046: Expect comma, found '/'
(8977,72): run-time error CSS1046: Expect comma, found '191'
(8977,79): run-time error CSS1046: Expect comma, found '/'
(8978,71): run-time error CSS1046: Expect comma, found '162'
(8978,79): run-time error CSS1046: Expect comma, found '/'
(8979,73): run-time error CSS1046: Expect comma, found '126'
(8979,79): run-time error CSS1046: Expect comma, found '/'
(8983,73): run-time error CSS1046: Expect comma, found '156'
(8983,80): run-time error CSS1046: Expect comma, found '/'
(8984,72): run-time error CSS1046: Expect comma, found '153'
(8984,80): run-time error CSS1046: Expect comma, found '/'
(8985,71): run-time error CSS1046: Expect comma, found '188'
(8985,79): run-time error CSS1046: Expect comma, found '/'
(9046,33): run-time error CSS1038: Expected hex color, found '#ffff'
(9063,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(9063,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(9124,44): run-time error CSS1046: Expect comma, found '0'
(9124,48): run-time error CSS1046: Expect comma, found '/'
(9124,76): run-time error CSS1046: Expect comma, found '0'
(9124,80): run-time error CSS1046: Expect comma, found '/'
(9152,232): run-time error CSS1046: Expect comma, found '0'
(9152,236): run-time error CSS1046: Expect comma, found '/'
(9152,264): run-time error CSS1046: Expect comma, found '0'
(9152,268): run-time error CSS1046: Expect comma, found '/'
(9152,293): run-time error CSS1046: Expect comma, found '0'
(9152,297): run-time error CSS1046: Expect comma, found '/'
(9157,124): run-time error CSS1046: Expect comma, found '0'
(9157,128): run-time error CSS1046: Expect comma, found '/'
(9157,156): run-time error CSS1046: Expect comma, found '0'
(9157,160): run-time error CSS1046: Expect comma, found '/'
(9157,185): run-time error CSS1046: Expect comma, found '0'
(9157,189): run-time error CSS1046: Expect comma, found '/'
(9218,63): run-time error CSS1046: Expect comma, found '0'
(9218,67): run-time error CSS1046: Expect comma, found '/'
(9218,95): run-time error CSS1046: Expect comma, found '0'
(9218,99): run-time error CSS1046: Expect comma, found '/'
(9218,124): run-time error CSS1046: Expect comma, found '0'
(9218,128): run-time error CSS1046: Expect comma, found '/'
(9259,33): run-time error CSS1038: Expected hex color, found '#ffff'
(9309,91): run-time error CSS1046: Expect comma, found '0'
(9309,95): run-time error CSS1046: Expect comma, found '/'
(9309,123): run-time error CSS1046: Expect comma, found '0'
(9309,127): run-time error CSS1046: Expect comma, found '/'
(9309,152): run-time error CSS1046: Expect comma, found '0'
(9309,156): run-time error CSS1046: Expect comma, found '/'
(9572,71): run-time error CSS1038: Expected hex color, found '#ffff'
(9612,72): run-time error CSS1046: Expect comma, found '128'
(9612,78): run-time error CSS1046: Expect comma, found '/'
(9612,122): run-time error CSS1046: Expect comma, found '126'
(9612,128): run-time error CSS1046: Expect comma, found '/'
(9635,111): run-time error CSS1046: Expect comma, found '0'
(9635,115): run-time error CSS1046: Expect comma, found '/'
(9635,143): run-time error CSS1046: Expect comma, found '0'
(9635,147): run-time error CSS1046: Expect comma, found '/'
(9635,172): run-time error CSS1046: Expect comma, found '0'
(9635,176): run-time error CSS1046: Expect comma, found '/'
(9647,152): run-time error CSS1046: Expect comma, found '226'
(9647,159): run-time error CSS1046: Expect comma, found ')'
(9662,75): run-time error CSS1046: Expect comma, found '238'
(9662,83): run-time error CSS1046: Expect comma, found '/'
(9669,31): run-time error CSS1046: Expect comma, found '0'
(9669,35): run-time error CSS1046: Expect comma, found '/'
(9669,63): run-time error CSS1046: Expect comma, found '0'
(9669,67): run-time error CSS1046: Expect comma, found '/'
(9669,92): run-time error CSS1046: Expect comma, found '0'
(9669,96): run-time error CSS1046: Expect comma, found '/'
(9674,75): run-time error CSS1046: Expect comma, found '226'
(9674,83): run-time error CSS1046: Expect comma, found '/'
(9679,122): run-time error CSS1046: Expect comma, found '226'
(9679,130): run-time error CSS1046: Expect comma, found '/'
(9693,85): run-time error CSS1046: Expect comma, found '191'
(9693,92): run-time error CSS1046: Expect comma, found '/'
(9694,87): run-time error CSS1046: Expect comma, found '119'
(9694,94): run-time error CSS1046: Expect comma, found '/'
(9695,86): run-time error CSS1046: Expect comma, found '162'
(9695,94): run-time error CSS1046: Expect comma, found '/'
(9698,86): run-time error CSS1046: Expect comma, found '193'
(9698,94): run-time error CSS1046: Expect comma, found '/'
(9699,90): run-time error CSS1046: Expect comma, found '156'
(9699,97): run-time error CSS1046: Expect comma, found '/'
(9700,94): run-time error CSS1046: Expect comma, found '191'
(9700,101): run-time error CSS1046: Expect comma, found '/'
(9701,96): run-time error CSS1046: Expect comma, found '119'
(9701,103): run-time error CSS1046: Expect comma, found '/'
(9702,95): run-time error CSS1046: Expect comma, found '162'
(9702,103): run-time error CSS1046: Expect comma, found '/'
(9705,95): run-time error CSS1046: Expect comma, found '193'
(9705,103): run-time error CSS1046: Expect comma, found '/'
(9706,96): run-time error CSS1046: Expect comma, found '156'
(9706,103): run-time error CSS1046: Expect comma, found '/'
(9770,67): run-time error CSS1046: Expect comma, found '0'
(9770,71): run-time error CSS1046: Expect comma, found '/'
(9770,101): run-time error CSS1046: Expect comma, found '0'
(9770,105): run-time error CSS1046: Expect comma, found '/'
(9770,136): run-time error CSS1046: Expect comma, found '0'
(9770,140): run-time error CSS1046: Expect comma, found '/'
(9810,295): run-time error CSS1046: Expect comma, found '0'
(9810,299): run-time error CSS1046: Expect comma, found '/'
(9810,327): run-time error CSS1046: Expect comma, found '0'
(9810,331): run-time error CSS1046: Expect comma, found '/'
(9828,135): run-time error CSS1046: Expect comma, found '0'
(9828,139): run-time error CSS1046: Expect comma, found '/'
(9828,167): run-time error CSS1046: Expect comma, found '0'
(9828,171): run-time error CSS1046: Expect comma, found '/'
(9828,196): run-time error CSS1046: Expect comma, found '0'
(9828,200): run-time error CSS1046: Expect comma, found '/'
(9876,53): run-time error CSS1046: Expect comma, found '233'
(9876,61): run-time error CSS1046: Expect comma, found '/'
(9881,99): run-time error CSS1046: Expect comma, found '226'
(9881,106): run-time error CSS1046: Expect comma, found ')'
(9898,110): run-time error CSS1046: Expect comma, found '226'
(9898,118): run-time error CSS1046: Expect comma, found '/'
(9930,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9930,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9935,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9935,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9937,81): run-time error CSS1046: Expect comma, found '0'
(9937,85): run-time error CSS1046: Expect comma, found '/'
(9937,113): run-time error CSS1046: Expect comma, found '0'
(9937,117): run-time error CSS1046: Expect comma, found '/'
(9937,142): run-time error CSS1046: Expect comma, found '0'
(9937,146): run-time error CSS1046: Expect comma, found '/'
(9956,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9956,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(9963,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9963,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9984,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9987,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9991,82): run-time error CSS1046: Expect comma, found '0'
(9991,86): run-time error CSS1046: Expect comma, found '/'
(9991,114): run-time error CSS1046: Expect comma, found '0'
(9991,118): run-time error CSS1046: Expect comma, found '/'
(9991,143): run-time error CSS1046: Expect comma, found '0'
(9991,147): run-time error CSS1046: Expect comma, found '/'
(9994,144): run-time error CSS1046: Expect comma, found '72'
(9994,150): run-time error CSS1046: Expect comma, found '/'
(10152,49): run-time error CSS1046: Expect comma, found '0'
(10152,53): run-time error CSS1046: Expect comma, found '/'
(10152,81): run-time error CSS1046: Expect comma, found '0'
(10152,85): run-time error CSS1046: Expect comma, found '/'
(10167,96): run-time error CSS1046: Expect comma, found '0'
(10167,100): run-time error CSS1046: Expect comma, found '/'
(10248,106): run-time error CSS1046: Expect comma, found '249'
(10248,113): run-time error CSS1046: Expect comma, found ')'
(10248,170): run-time error CSS1046: Expect comma, found '0'
(10248,174): run-time error CSS1046: Expect comma, found '/'
(10248,202): run-time error CSS1046: Expect comma, found '0'
(10248,206): run-time error CSS1046: Expect comma, found '/'
(10248,231): run-time error CSS1046: Expect comma, found '0'
(10248,235): run-time error CSS1046: Expect comma, found '/'
(10255,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10256,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10513,163): run-time error CSS1046: Expect comma, found '255'
(10513,170): run-time error CSS1046: Expect comma, found ')'
(10632,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10632,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10699,31): run-time error CSS1046: Expect comma, found '0'
(10699,35): run-time error CSS1046: Expect comma, found '/'
(10699,63): run-time error CSS1046: Expect comma, found '0'
(10699,67): run-time error CSS1046: Expect comma, found '/'
(10699,92): run-time error CSS1046: Expect comma, found '0'
(10699,96): run-time error CSS1046: Expect comma, found '/'
(10701,31): run-time error CSS1046: Expect comma, found '0'
(10701,35): run-time error CSS1046: Expect comma, found '/'
(10701,63): run-time error CSS1046: Expect comma, found '0'
(10701,67): run-time error CSS1046: Expect comma, found '/'
(10701,92): run-time error CSS1046: Expect comma, found '0'
(10701,96): run-time error CSS1046: Expect comma, found '/'
(10715,94): run-time error CSS1046: Expect comma, found '0'
(10715,98): run-time error CSS1046: Expect comma, found '/'
(10715,126): run-time error CSS1046: Expect comma, found '0'
(10715,130): run-time error CSS1046: Expect comma, found '/'
(10715,155): run-time error CSS1046: Expect comma, found '0'
(10715,159): run-time error CSS1046: Expect comma, found '/'
(10753,84): run-time error CSS1046: Expect comma, found '155'
(10753,89): run-time error CSS1046: Expect comma, found ')'
(10766,47): run-time error CSS1046: Expect comma, found '0'
(10766,51): run-time error CSS1046: Expect comma, found '/'
(11060,147): run-time error CSS1046: Expect comma, found '0'
(11060,151): run-time error CSS1046: Expect comma, found '/'
(11203,56): run-time error CSS1046: Expect comma, found '0'
(11203,60): run-time error CSS1046: Expect comma, found '/'
(11203,88): run-time error CSS1046: Expect comma, found '0'
(11203,92): run-time error CSS1046: Expect comma, found '/'
(11246,184): run-time error CSS1046: Expect comma, found '226'
(11246,192): run-time error CSS1046: Expect comma, found '/'
(11301,75): run-time error CSS1046: Expect comma, found '0'
(11301,79): run-time error CSS1046: Expect comma, found '/'
(11301,107): run-time error CSS1046: Expect comma, found '0'
(11301,111): run-time error CSS1046: Expect comma, found '/'
(11319,145): run-time error CSS1046: Expect comma, found '0'
(11319,149): run-time error CSS1046: Expect comma, found '/'
(11319,177): run-time error CSS1046: Expect comma, found '0'
(11319,181): run-time error CSS1046: Expect comma, found '/'
(11319,206): run-time error CSS1046: Expect comma, found '0'
(11319,210): run-time error CSS1046: Expect comma, found '/'
(11488,75): run-time error CSS1046: Expect comma, found '0'
(11488,79): run-time error CSS1046: Expect comma, found '/'
(11488,107): run-time error CSS1046: Expect comma, found '0'
(11488,111): run-time error CSS1046: Expect comma, found '/'
(11488,136): run-time error CSS1046: Expect comma, found '0'
(11488,140): run-time error CSS1046: Expect comma, found '/'
(11568,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11569,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11575,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11575,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(11587,45): run-time error CSS1046: Expect comma, found '102'
(11587,52): run-time error CSS1046: Expect comma, found '/'
(11859,49): run-time error CSS1046: Expect comma, found '0'
(11859,53): run-time error CSS1046: Expect comma, found '/'
(11859,81): run-time error CSS1046: Expect comma, found '0'
(11859,85): run-time error CSS1046: Expect comma, found '/'
(11869,60): run-time error CSS1046: Expect comma, found '0'
(11869,64): run-time error CSS1046: Expect comma, found '/'
(11869,92): run-time error CSS1046: Expect comma, found '0'
(11869,96): run-time error CSS1046: Expect comma, found '/'
(11910,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11910,25): run-time error CSS1035: Expected colon, found '{'
(12117,220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(12196,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12197,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12225,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12225,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12226,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12228,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12232,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12234,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12251,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12251,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12252,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12252,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '80%'
(12253,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12253,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12261,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12261,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(12270,47): run-time error CSS1046: Expect comma, found '255'
(12270,54): run-time error CSS1046: Expect comma, found ')'
(12313,225): run-time error CSS1046: Expect comma, found '0'
(12313,229): run-time error CSS1046: Expect comma, found '/'
(12313,257): run-time error CSS1046: Expect comma, found '0'
(12313,261): run-time error CSS1046: Expect comma, found '/'
(12313,286): run-time error CSS1046: Expect comma, found '0'
(12313,290): run-time error CSS1046: Expect comma, found '/'
(12346,41): run-time error CSS1046: Expect comma, found '155'
(12346,46): run-time error CSS1046: Expect comma, found ')'
(12347,88): run-time error CSS1046: Expect comma, found '155'
(12347,93): run-time error CSS1046: Expect comma, found ')'
(12367,244): run-time error CSS1046: Expect comma, found '0'
(12367,248): run-time error CSS1046: Expect comma, found '/'
(12367,276): run-time error CSS1046: Expect comma, found '0'
(12367,280): run-time error CSS1046: Expect comma, found '/'
(12369,243): run-time error CSS1046: Expect comma, found '0'
(12369,247): run-time error CSS1046: Expect comma, found '/'
(12369,275): run-time error CSS1046: Expect comma, found '0'
(12369,279): run-time error CSS1046: Expect comma, found '/'
(12373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12419,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12425,244): run-time error CSS1046: Expect comma, found '0'
(12425,248): run-time error CSS1046: Expect comma, found '/'
(12425,276): run-time error CSS1046: Expect comma, found '0'
(12425,280): run-time error CSS1046: Expect comma, found '/'
(12429,242): run-time error CSS1046: Expect comma, found '0'
(12429,246): run-time error CSS1046: Expect comma, found '/'
(12429,274): run-time error CSS1046: Expect comma, found '0'
(12429,278): run-time error CSS1046: Expect comma, found '/'
(12431,242): run-time error CSS1046: Expect comma, found '0'
(12431,246): run-time error CSS1046: Expect comma, found '/'
(12431,274): run-time error CSS1046: Expect comma, found '0'
(12431,278): run-time error CSS1046: Expect comma, found '/'
(12552,42): run-time error CSS1046: Expect comma, found '0'
(12552,46): run-time error CSS1046: Expect comma, found '/'
(12552,74): run-time error CSS1046: Expect comma, found '0'
(12552,78): run-time error CSS1046: Expect comma, found '/'
(12553,43): run-time error CSS1046: Expect comma, found '0'
(12553,47): run-time error CSS1046: Expect comma, found '/'
(12553,75): run-time error CSS1046: Expect comma, found '0'
(12553,79): run-time error CSS1046: Expect comma, found '/'
(12636,175): run-time error CSS1046: Expect comma, found '226'
(12636,182): run-time error CSS1046: Expect comma, found ')'
(12637,176): run-time error CSS1046: Expect comma, found '226'
(12637,183): run-time error CSS1046: Expect comma, found ')'
(12638,177): run-time error CSS1046: Expect comma, found '226'
(12638,184): run-time error CSS1046: Expect comma, found ')'
(12673,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12673,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12682,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12682,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12684,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12684,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12707,32): run-time error CSS1046: Expect comma, found '0'
(12707,36): run-time error CSS1046: Expect comma, found '/'
(12707,64): run-time error CSS1046: Expect comma, found '0'
(12707,68): run-time error CSS1046: Expect comma, found '/'
(12782,42): run-time error CSS1046: Expect comma, found '0'
(12782,46): run-time error CSS1046: Expect comma, found '/'
(12782,74): run-time error CSS1046: Expect comma, found '0'
(12782,78): run-time error CSS1046: Expect comma, found '/'
(12782,103): run-time error CSS1046: Expect comma, found '0'
(12782,107): run-time error CSS1046: Expect comma, found '/'
(12788,127): run-time error CSS1046: Expect comma, found '0'
(12788,131): run-time error CSS1046: Expect comma, found '/'
(12788,159): run-time error CSS1046: Expect comma, found '0'
(12788,163): run-time error CSS1046: Expect comma, found '/'
(12788,188): run-time error CSS1046: Expect comma, found '0'
(12788,192): run-time error CSS1046: Expect comma, found '/'
(12796,48): run-time error CSS1046: Expect comma, found '0'
(12796,52): run-time error CSS1046: Expect comma, found '/'
(12796,80): run-time error CSS1046: Expect comma, found '0'
(12796,84): run-time error CSS1046: Expect comma, found '/'
(12796,109): run-time error CSS1046: Expect comma, found '0'
(12796,113): run-time error CSS1046: Expect comma, found '/'
(12799,93): run-time error CSS1046: Expect comma, found '0'
(12799,97): run-time error CSS1046: Expect comma, found '/'
(12799,125): run-time error CSS1046: Expect comma, found '0'
(12799,129): run-time error CSS1046: Expect comma, found '/'
(12799,154): run-time error CSS1046: Expect comma, found '0'
(12799,158): run-time error CSS1046: Expect comma, found '/'
(12802,172): run-time error CSS1046: Expect comma, found '0'
(12802,176): run-time error CSS1046: Expect comma, found '/'
(12802,204): run-time error CSS1046: Expect comma, found '0'
(12802,208): run-time error CSS1046: Expect comma, found '/'
(12802,233): run-time error CSS1046: Expect comma, found '0'
(12802,237): run-time error CSS1046: Expect comma, found '/'
(12814,107): run-time error CSS1046: Expect comma, found '0'
(12814,111): run-time error CSS1046: Expect comma, found '/'
(12814,139): run-time error CSS1046: Expect comma, found '0'
(12814,143): run-time error CSS1046: Expect comma, found '/'
(12814,168): run-time error CSS1046: Expect comma, found '0'
(12814,172): run-time error CSS1046: Expect comma, found '/'
(12826,199): run-time error CSS1046: Expect comma, found '226'
(12826,206): run-time error CSS1046: Expect comma, found ')'
(12831,204): run-time error CSS1046: Expect comma, found '226'
(12831,211): run-time error CSS1046: Expect comma, found ')'
(12839,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12853,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12865,139): run-time error CSS1046: Expect comma, found '226'
(12865,147): run-time error CSS1046: Expect comma, found '/'
(12901,49): run-time error CSS1046: Expect comma, found '0'
(12901,53): run-time error CSS1046: Expect comma, found '/'
(12901,81): run-time error CSS1046: Expect comma, found '0'
(12901,85): run-time error CSS1046: Expect comma, found '/'
(12901,110): run-time error CSS1046: Expect comma, found '0'
(12901,114): run-time error CSS1046: Expect comma, found '/'
(12902,62): run-time error CSS1046: Expect comma, found '0'
(12902,66): run-time error CSS1046: Expect comma, found '/'
(12902,94): run-time error CSS1046: Expect comma, found '0'
(12902,98): run-time error CSS1046: Expect comma, found '/'
(12902,123): run-time error CSS1046: Expect comma, found '0'
(12902,127): run-time error CSS1046: Expect comma, found '/'
(12922,201): run-time error CSS1046: Expect comma, found '226'
(12922,208): run-time error CSS1046: Expect comma, found ')'
(12925,50): run-time error CSS1046: Expect comma, found '0'
(12925,54): run-time error CSS1046: Expect comma, found '/'
(12925,82): run-time error CSS1046: Expect comma, found '0'
(12925,86): run-time error CSS1046: Expect comma, found '/'
(12925,111): run-time error CSS1046: Expect comma, found '0'
(12925,115): run-time error CSS1046: Expect comma, found '/'
(12935,144): run-time error CSS1046: Expect comma, found '0'
(12935,148): run-time error CSS1046: Expect comma, found '/'
(12935,176): run-time error CSS1046: Expect comma, found '0'
(12935,180): run-time error CSS1046: Expect comma, found '/'
(12935,205): run-time error CSS1046: Expect comma, found '0'
(12935,209): run-time error CSS1046: Expect comma, found '/'
(12956,131): run-time error CSS1046: Expect comma, found '0'
(12956,135): run-time error CSS1046: Expect comma, found '/'
(12956,163): run-time error CSS1046: Expect comma, found '0'
(12956,167): run-time error CSS1046: Expect comma, found '/'
(12956,192): run-time error CSS1046: Expect comma, found '0'
(12956,196): run-time error CSS1046: Expect comma, found '/'
(12974,141): run-time error CSS1046: Expect comma, found '0'
(12974,145): run-time error CSS1046: Expect comma, found '/'
(12974,173): run-time error CSS1046: Expect comma, found '0'
(12974,177): run-time error CSS1046: Expect comma, found '/'
(12974,202): run-time error CSS1046: Expect comma, found '0'
(12974,206): run-time error CSS1046: Expect comma, found '/'
(12977,53): run-time error CSS1046: Expect comma, found '226'
(12977,60): run-time error CSS1046: Expect comma, found ')'
(12978,53): run-time error CSS1046: Expect comma, found '0'
(12978,57): run-time error CSS1046: Expect comma, found '/'
(12978,85): run-time error CSS1046: Expect comma, found '0'
(12978,89): run-time error CSS1046: Expect comma, found '/'
(12979,54): run-time error CSS1046: Expect comma, found '226'
(12979,61): run-time error CSS1046: Expect comma, found ')'
(12984,57): run-time error CSS1046: Expect comma, found '226'
(12984,64): run-time error CSS1046: Expect comma, found ')'
(12985,62): run-time error CSS1046: Expect comma, found '226'
(12985,69): run-time error CSS1046: Expect comma, found ')'
(12987,43): run-time error CSS1046: Expect comma, found '0'
(12987,47): run-time error CSS1046: Expect comma, found '/'
(12987,75): run-time error CSS1046: Expect comma, found '0'
(12987,79): run-time error CSS1046: Expect comma, found '/'
(12987,104): run-time error CSS1046: Expect comma, found '0'
(12987,108): run-time error CSS1046: Expect comma, found '/'
(12993,55): run-time error CSS1046: Expect comma, found '0'
(12993,59): run-time error CSS1046: Expect comma, found '/'
(12993,87): run-time error CSS1046: Expect comma, found '0'
(12993,91): run-time error CSS1046: Expect comma, found '/'
(12993,116): run-time error CSS1046: Expect comma, found '0'
(12993,120): run-time error CSS1046: Expect comma, found '/'
(13015,139): run-time error CSS1046: Expect comma, found '0'
(13015,143): run-time error CSS1046: Expect comma, found '/'
(13015,171): run-time error CSS1046: Expect comma, found '0'
(13015,175): run-time error CSS1046: Expect comma, found '/'
(13015,200): run-time error CSS1046: Expect comma, found '0'
(13015,204): run-time error CSS1046: Expect comma, found '/'
(13025,105): run-time error CSS1046: Expect comma, found '0'
(13025,109): run-time error CSS1046: Expect comma, found '/'
(13025,137): run-time error CSS1046: Expect comma, found '0'
(13025,141): run-time error CSS1046: Expect comma, found '/'
(13025,166): run-time error CSS1046: Expect comma, found '0'
(13025,170): run-time error CSS1046: Expect comma, found '/'
(13043,72): run-time error CSS1046: Expect comma, found '0'
(13043,76): run-time error CSS1046: Expect comma, found '/'
(13043,104): run-time error CSS1046: Expect comma, found '0'
(13043,108): run-time error CSS1046: Expect comma, found '/'
(13043,133): run-time error CSS1046: Expect comma, found '0'
(13043,137): run-time error CSS1046: Expect comma, found '/'
(13152,61): run-time error CSS1046: Expect comma, found '0'
(13152,65): run-time error CSS1046: Expect comma, found '/'
(13152,93): run-time error CSS1046: Expect comma, found '0'
(13152,97): run-time error CSS1046: Expect comma, found '/'
(13152,122): run-time error CSS1046: Expect comma, found '0'
(13152,126): run-time error CSS1046: Expect comma, found '/'
(13182,43): run-time error CSS1046: Expect comma, found '0'
(13182,47): run-time error CSS1046: Expect comma, found '/'
(13182,75): run-time error CSS1046: Expect comma, found '0'
(13182,79): run-time error CSS1046: Expect comma, found '/'
(13182,104): run-time error CSS1046: Expect comma, found '0'
(13182,108): run-time error CSS1046: Expect comma, found '/'
(13241,59): run-time error CSS1046: Expect comma, found '0'
(13241,63): run-time error CSS1046: Expect comma, found '/'
(13278,53): run-time error CSS1046: Expect comma, found '226'
(13278,60): run-time error CSS1046: Expect comma, found ')'
(13289,63): run-time error CSS1046: Expect comma, found '226'
(13289,70): run-time error CSS1046: Expect comma, found ')'
(13303,54): run-time error CSS1046: Expect comma, found '97'
(13303,60): run-time error CSS1046: Expect comma, found '/'
(13327,31): run-time error CSS1046: Expect comma, found '0'
(13327,35): run-time error CSS1046: Expect comma, found '/'
(13327,63): run-time error CSS1046: Expect comma, found '0'
(13327,67): run-time error CSS1046: Expect comma, found '/'
(13327,92): run-time error CSS1046: Expect comma, found '0'
(13327,96): run-time error CSS1046: Expect comma, found '/'
(13347,109): run-time error CSS1046: Expect comma, found '67'
(13347,115): run-time error CSS1046: Expect comma, found '/'
(13348,77): run-time error CSS1046: Expect comma, found '73'
(13348,84): run-time error CSS1046: Expect comma, found '/'
(13416,31): run-time error CSS1046: Expect comma, found '0'
(13416,35): run-time error CSS1046: Expect comma, found '/'
(13416,63): run-time error CSS1046: Expect comma, found '0'
(13416,67): run-time error CSS1046: Expect comma, found '/'
(13416,92): run-time error CSS1046: Expect comma, found '0'
(13416,96): run-time error CSS1046: Expect comma, found '/'
(13421,227): run-time error CSS1046: Expect comma, found '0'
(13421,231): run-time error CSS1046: Expect comma, found '/'
(13421,259): run-time error CSS1046: Expect comma, found '0'
(13421,263): run-time error CSS1046: Expect comma, found '/'
(13421,288): run-time error CSS1046: Expect comma, found '0'
(13421,292): run-time error CSS1046: Expect comma, found '/'
(13437,49): run-time error CSS1046: Expect comma, found '226'
(13437,56): run-time error CSS1046: Expect comma, found ')'
(13438,56): run-time error CSS1046: Expect comma, found '0'
(13438,60): run-time error CSS1046: Expect comma, found '/'
(13438,88): run-time error CSS1046: Expect comma, found '0'
(13438,92): run-time error CSS1046: Expect comma, found '/'
(13438,117): run-time error CSS1046: Expect comma, found '0'
(13438,121): run-time error CSS1046: Expect comma, found '/'
(13448,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13448,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(13449,80): run-time error CSS1046: Expect comma, found '0'
(13449,84): run-time error CSS1046: Expect comma, found '/'
(13449,131): run-time error CSS1046: Expect comma, found '0'
(13449,135): run-time error CSS1046: Expect comma, found '/'
(13461,179): run-time error CSS1046: Expect comma, found '226'
(13461,186): run-time error CSS1046: Expect comma, found ')'
(13472,51): run-time error CSS1046: Expect comma, found '226'
(13472,58): run-time error CSS1046: Expect comma, found ')'
(13482,62): run-time error CSS1046: Expect comma, found '0'
(13482,66): run-time error CSS1046: Expect comma, found '/'
(13482,94): run-time error CSS1046: Expect comma, found '0'
(13482,98): run-time error CSS1046: Expect comma, found '/'
(13482,125): run-time error CSS1046: Expect comma, found '106'
(13482,133): run-time error CSS1046: Expect comma, found '/'
(13506,219): run-time error CSS1046: Expect comma, found '0'
(13506,223): run-time error CSS1046: Expect comma, found '/'
(13506,251): run-time error CSS1046: Expect comma, found '0'
(13506,255): run-time error CSS1046: Expect comma, found '/'
(13506,280): run-time error CSS1046: Expect comma, found '0'
(13506,284): run-time error CSS1046: Expect comma, found '/'
(13507,107): run-time error CSS1046: Expect comma, found '0'
(13507,111): run-time error CSS1046: Expect comma, found '/'
(13507,139): run-time error CSS1046: Expect comma, found '0'
(13507,143): run-time error CSS1046: Expect comma, found '/'
(13507,168): run-time error CSS1046: Expect comma, found '0'
(13507,172): run-time error CSS1046: Expect comma, found '/'
(13554,114): run-time error CSS1046: Expect comma, found '0'
(13554,118): run-time error CSS1046: Expect comma, found '/'
(13554,146): run-time error CSS1046: Expect comma, found '0'
(13554,150): run-time error CSS1046: Expect comma, found '/'
(13554,175): run-time error CSS1046: Expect comma, found '0'
(13554,179): run-time error CSS1046: Expect comma, found '/'
(13594,50): run-time error CSS1046: Expect comma, found '226'
(13594,57): run-time error CSS1046: Expect comma, found ')'
(13595,50): run-time error CSS1046: Expect comma, found '0'
(13595,54): run-time error CSS1046: Expect comma, found '/'
(13595,82): run-time error CSS1046: Expect comma, found '0'
(13595,86): run-time error CSS1046: Expect comma, found '/'
(13605,51): run-time error CSS1046: Expect comma, found '0'
(13605,55): run-time error CSS1046: Expect comma, found '/'
(13605,83): run-time error CSS1046: Expect comma, found '0'
(13605,87): run-time error CSS1046: Expect comma, found '/'
(13605,112): run-time error CSS1046: Expect comma, found '0'
(13605,116): run-time error CSS1046: Expect comma, found '/'
(13608,164): run-time error CSS1046: Expect comma, found '226'
(13608,171): run-time error CSS1046: Expect comma, found ')'
(13627,78): run-time error CSS1046: Expect comma, found '77'
(13627,85): run-time error CSS1046: Expect comma, found '/'
(13627,123): run-time error CSS1046: Expect comma, found '77'
(13627,130): run-time error CSS1046: Expect comma, found '/'
(13632,49): run-time error CSS1046: Expect comma, found '73'
(13632,56): run-time error CSS1046: Expect comma, found '/'
(13642,50): run-time error CSS1046: Expect comma, found '0'
(13642,54): run-time error CSS1046: Expect comma, found '/'
(13642,82): run-time error CSS1046: Expect comma, found '0'
(13642,86): run-time error CSS1046: Expect comma, found '/'
(13642,111): run-time error CSS1046: Expect comma, found '0'
(13642,115): run-time error CSS1046: Expect comma, found '/'
(13659,127): run-time error CSS1046: Expect comma, found '0'
(13659,131): run-time error CSS1046: Expect comma, found '/'
(13659,159): run-time error CSS1046: Expect comma, found '0'
(13659,163): run-time error CSS1046: Expect comma, found '/'
(13659,188): run-time error CSS1046: Expect comma, found '0'
(13659,192): run-time error CSS1046: Expect comma, found '/'
(13667,50): run-time error CSS1046: Expect comma, found '0'
(13667,54): run-time error CSS1046: Expect comma, found '/'
(13667,82): run-time error CSS1046: Expect comma, found '0'
(13667,86): run-time error CSS1046: Expect comma, found '/'
(13667,111): run-time error CSS1046: Expect comma, found '0'
(13667,115): run-time error CSS1046: Expect comma, found '/'
(13672,144): run-time error CSS1046: Expect comma, found '0'
(13672,148): run-time error CSS1046: Expect comma, found '/'
(13672,176): run-time error CSS1046: Expect comma, found '0'
(13672,180): run-time error CSS1046: Expect comma, found '/'
(13672,205): run-time error CSS1046: Expect comma, found '0'
(13672,209): run-time error CSS1046: Expect comma, found '/'
(13697,49): run-time error CSS1046: Expect comma, found '0'
(13697,53): run-time error CSS1046: Expect comma, found '/'
(13697,81): run-time error CSS1046: Expect comma, found '0'
(13697,85): run-time error CSS1046: Expect comma, found '/'
(13698,56): run-time error CSS1046: Expect comma, found '0'
(13698,60): run-time error CSS1046: Expect comma, found '/'
(13698,88): run-time error CSS1046: Expect comma, found '0'
(13698,92): run-time error CSS1046: Expect comma, found '/'
(13714,294): run-time error CSS1046: Expect comma, found '0'
(13714,298): run-time error CSS1046: Expect comma, found '/'
(13719,145): run-time error CSS1046: Expect comma, found '0'
(13719,149): run-time error CSS1046: Expect comma, found '/'
(13719,200): run-time error CSS1046: Expect comma, found '0'
(13719,204): run-time error CSS1046: Expect comma, found '/'
(13742,135): run-time error CSS1046: Expect comma, found '0'
(13742,139): run-time error CSS1046: Expect comma, found '/'
(13742,167): run-time error CSS1046: Expect comma, found '0'
(13742,171): run-time error CSS1046: Expect comma, found '/'
(13742,197): run-time error CSS1046: Expect comma, found '0'
(13742,201): run-time error CSS1046: Expect comma, found '/'
(13809,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13809,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13897,64): run-time error CSS1046: Expect comma, found '0'
(13897,68): run-time error CSS1046: Expect comma, found '/'
(13897,96): run-time error CSS1046: Expect comma, found '0'
(13897,100): run-time error CSS1046: Expect comma, found '/'
(13897,125): run-time error CSS1046: Expect comma, found '0'
(13897,129): run-time error CSS1046: Expect comma, found '/'
(13947,481): run-time error CSS1046: Expect comma, found '0'
(13947,485): run-time error CSS1046: Expect comma, found '/'
(13947,513): run-time error CSS1046: Expect comma, found '0'
(13947,517): run-time error CSS1046: Expect comma, found '/'
(13956,74): run-time error CSS1046: Expect comma, found '0'
(13956,78): run-time error CSS1046: Expect comma, found '/'
(13957,59): run-time error CSS1046: Expect comma, found '0'
(13957,63): run-time error CSS1046: Expect comma, found '/'
(13998,76): run-time error CSS1046: Expect comma, found '0'
(13998,80): run-time error CSS1046: Expect comma, found '/'
(13998,108): run-time error CSS1046: Expect comma, found '0'
(13998,112): run-time error CSS1046: Expect comma, found '/'
(13998,137): run-time error CSS1046: Expect comma, found '0'
(13998,141): run-time error CSS1046: Expect comma, found '/'
(14000,53): run-time error CSS1046: Expect comma, found '0'
(14000,57): run-time error CSS1046: Expect comma, found '/'
(14069,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14069,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14073,97): run-time error CSS1046: Expect comma, found '0'
(14073,101): run-time error CSS1046: Expect comma, found '/'
(14073,129): run-time error CSS1046: Expect comma, found '0'
(14073,133): run-time error CSS1046: Expect comma, found '/'
(14136,221): run-time error CSS1046: Expect comma, found '0'
(14136,225): run-time error CSS1046: Expect comma, found '/'
(14136,253): run-time error CSS1046: Expect comma, found '0'
(14136,257): run-time error CSS1046: Expect comma, found '/'
(14139,225): run-time error CSS1046: Expect comma, found '0'
(14139,229): run-time error CSS1046: Expect comma, found '/'
(14139,257): run-time error CSS1046: Expect comma, found '0'
(14139,261): run-time error CSS1046: Expect comma, found '/'
(14223,68): run-time error CSS1046: Expect comma, found '0'
(14223,72): run-time error CSS1046: Expect comma, found '/'
(14223,100): run-time error CSS1046: Expect comma, found '0'
(14223,104): run-time error CSS1046: Expect comma, found '/'
(14223,130): run-time error CSS1046: Expect comma, found '0'
(14223,134): run-time error CSS1046: Expect comma, found '/'
(14314,44): run-time error CSS1046: Expect comma, found '0'
(14314,48): run-time error CSS1046: Expect comma, found '/'
(14327,90): run-time error CSS1046: Expect comma, found '0'
(14327,94): run-time error CSS1046: Expect comma, found '/'
(14327,122): run-time error CSS1046: Expect comma, found '0'
(14327,126): run-time error CSS1046: Expect comma, found '/'
(14327,152): run-time error CSS1046: Expect comma, found '0'
(14327,156): run-time error CSS1046: Expect comma, found '/'
(14388,67): run-time error CSS1046: Expect comma, found '0'
(14388,71): run-time error CSS1046: Expect comma, found '/'
(14388,99): run-time error CSS1046: Expect comma, found '0'
(14388,103): run-time error CSS1046: Expect comma, found '/'
(14468,44): run-time error CSS1038: Expected hex color, found '#ffff'
(14486,31): run-time error CSS1046: Expect comma, found '0'
(14486,35): run-time error CSS1046: Expect comma, found '/'
(14486,63): run-time error CSS1046: Expect comma, found '0'
(14486,67): run-time error CSS1046: Expect comma, found '/'
(14486,92): run-time error CSS1046: Expect comma, found '0'
(14486,96): run-time error CSS1046: Expect comma, found '/'
(14558,232): run-time error CSS1046: Expect comma, found '0'
(14558,236): run-time error CSS1046: Expect comma, found '/'
(14558,264): run-time error CSS1046: Expect comma, found '0'
(14558,268): run-time error CSS1046: Expect comma, found '/'
(14558,293): run-time error CSS1046: Expect comma, found '0'
(14558,297): run-time error CSS1046: Expect comma, found '/'
(14559,263): run-time error CSS1046: Expect comma, found '0'
(14559,267): run-time error CSS1046: Expect comma, found '/'
(14559,295): run-time error CSS1046: Expect comma, found '0'
(14559,299): run-time error CSS1046: Expect comma, found '/'
(14559,324): run-time error CSS1046: Expect comma, found '0'
(14559,328): run-time error CSS1046: Expect comma, found '/'
(14673,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14673,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14678,410): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14678,446): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14678,532): run-time error CSS1019: Unexpected token, found '@keyframes'
(14678,560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14678,1631): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14678,1665): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14682,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14682,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14692,50): run-time error CSS1046: Expect comma, found '0'
(14692,54): run-time error CSS1046: Expect comma, found '/'
(14692,82): run-time error CSS1046: Expect comma, found '0'
(14692,86): run-time error CSS1046: Expect comma, found '/'
(14693,131): run-time error CSS1046: Expect comma, found '0'
(14693,135): run-time error CSS1046: Expect comma, found '/'
(14693,163): run-time error CSS1046: Expect comma, found '0'
(14693,167): run-time error CSS1046: Expect comma, found '/'
(14693,192): run-time error CSS1046: Expect comma, found '0'
(14693,196): run-time error CSS1046: Expect comma, found '/'
(14713,101): run-time error CSS1046: Expect comma, found '0'
(14713,105): run-time error CSS1046: Expect comma, found '/'
(14713,133): run-time error CSS1046: Expect comma, found '0'
(14713,137): run-time error CSS1046: Expect comma, found '/'
(14713,162): run-time error CSS1046: Expect comma, found '0'
(14713,166): run-time error CSS1046: Expect comma, found '/'
(14826,43): run-time error CSS1046: Expect comma, found '0'
(14826,47): run-time error CSS1046: Expect comma, found '/'
(14826,75): run-time error CSS1046: Expect comma, found '0'
(14826,79): run-time error CSS1046: Expect comma, found '/'
(14826,104): run-time error CSS1046: Expect comma, found '0'
(14826,108): run-time error CSS1046: Expect comma, found '/'
(14835,44): run-time error CSS1046: Expect comma, found '0'
(14835,48): run-time error CSS1046: Expect comma, found '/'
(14835,76): run-time error CSS1046: Expect comma, found '0'
(14835,80): run-time error CSS1046: Expect comma, found '/'
(14835,105): run-time error CSS1046: Expect comma, found '0'
(14835,109): run-time error CSS1046: Expect comma, found '/'
(14875,86): run-time error CSS1046: Expect comma, found '0'
(14875,90): run-time error CSS1046: Expect comma, found '/'
(14875,118): run-time error CSS1046: Expect comma, found '0'
(14875,122): run-time error CSS1046: Expect comma, found '/'
(14875,147): run-time error CSS1046: Expect comma, found '0'
(14875,151): run-time error CSS1046: Expect comma, found '/'
(14892,67): run-time error CSS1046: Expect comma, found '226'
(14892,74): run-time error CSS1046: Expect comma, found ')'
(14901,46): run-time error CSS1046: Expect comma, found '226'
(14901,53): run-time error CSS1046: Expect comma, found ')'
(14905,46): run-time error CSS1046: Expect comma, found '226'
(14905,53): run-time error CSS1046: Expect comma, found ')'
(14910,45): run-time error CSS1046: Expect comma, found '0'
(14910,49): run-time error CSS1046: Expect comma, found '/'
(14910,77): run-time error CSS1046: Expect comma, found '0'
(14910,81): run-time error CSS1046: Expect comma, found '/'
(14910,106): run-time error CSS1046: Expect comma, found '0'
(14910,110): run-time error CSS1046: Expect comma, found '/'
(14911,52): run-time error CSS1046: Expect comma, found '0'
(14911,56): run-time error CSS1046: Expect comma, found '/'
(14911,84): run-time error CSS1046: Expect comma, found '0'
(14911,88): run-time error CSS1046: Expect comma, found '/'
(14926,62): run-time error CSS1046: Expect comma, found '149'
(14926,70): run-time error CSS1046: Expect comma, found '/'
(14934,53): run-time error CSS1046: Expect comma, found '97'
(14934,59): run-time error CSS1046: Expect comma, found '/'
(15039,281): run-time error CSS1046: Expect comma, found '0'
(15039,285): run-time error CSS1046: Expect comma, found '/'
(15039,313): run-time error CSS1046: Expect comma, found '0'
(15039,317): run-time error CSS1046: Expect comma, found '/'
(15039,342): run-time error CSS1046: Expect comma, found '0'
(15039,346): run-time error CSS1046: Expect comma, found '/'
(15068,287): run-time error CSS1046: Expect comma, found '0'
(15068,291): run-time error CSS1046: Expect comma, found '/'
(15068,319): run-time error CSS1046: Expect comma, found '0'
(15068,323): run-time error CSS1046: Expect comma, found '/'
(15068,348): run-time error CSS1046: Expect comma, found '0'
(15068,352): run-time error CSS1046: Expect comma, found '/'
(15190,91): run-time error CSS1046: Expect comma, found '149'
(15190,98): run-time error CSS1046: Expect comma, found ')'
(15244,43): run-time error CSS1046: Expect comma, found '0'
(15244,47): run-time error CSS1046: Expect comma, found '/'
(15244,75): run-time error CSS1046: Expect comma, found '0'
(15244,79): run-time error CSS1046: Expect comma, found '/'
(15244,104): run-time error CSS1046: Expect comma, found '0'
(15244,108): run-time error CSS1046: Expect comma, found '/'
(15253,55): run-time error CSS1046: Expect comma, found '0'
(15253,59): run-time error CSS1046: Expect comma, found '/'
(15253,87): run-time error CSS1046: Expect comma, found '0'
(15253,91): run-time error CSS1046: Expect comma, found '/'
(15253,116): run-time error CSS1046: Expect comma, found '0'
(15253,120): run-time error CSS1046: Expect comma, found '/'
(15263,90): run-time error CSS1046: Expect comma, found '0'
(15263,94): run-time error CSS1046: Expect comma, found '/'
(15263,122): run-time error CSS1046: Expect comma, found '0'
(15263,126): run-time error CSS1046: Expect comma, found '/'
(15263,151): run-time error CSS1046: Expect comma, found '0'
(15263,155): run-time error CSS1046: Expect comma, found '/'
(15281,57): run-time error CSS1046: Expect comma, found '0'
(15281,61): run-time error CSS1046: Expect comma, found '/'
(15281,89): run-time error CSS1046: Expect comma, found '0'
(15281,93): run-time error CSS1046: Expect comma, found '/'
(15281,118): run-time error CSS1046: Expect comma, found '0'
(15281,122): run-time error CSS1046: Expect comma, found '/'
(15285,78): run-time error CSS1046: Expect comma, found '0'
(15285,82): run-time error CSS1046: Expect comma, found '/'
(15285,110): run-time error CSS1046: Expect comma, found '0'
(15285,114): run-time error CSS1046: Expect comma, found '/'
(15285,139): run-time error CSS1046: Expect comma, found '0'
(15285,143): run-time error CSS1046: Expect comma, found '/'
(15296,127): run-time error CSS1046: Expect comma, found '193'
(15296,134): run-time error CSS1046: Expect comma, found ')'
(15419,80): run-time error CSS1046: Expect comma, found '160'
(15419,87): run-time error CSS1046: Expect comma, found '/'
(15420,77): run-time error CSS1046: Expect comma, found '160'
(15420,84): run-time error CSS1046: Expect comma, found '/'
(15421,81): run-time error CSS1046: Expect comma, found '112'
(15421,88): run-time error CSS1046: Expect comma, found '/'
(15422,78): run-time error CSS1046: Expect comma, found '112'
(15422,85): run-time error CSS1046: Expect comma, found '/'
(15423,81): run-time error CSS1046: Expect comma, found '17'
(15423,87): run-time error CSS1046: Expect comma, found '/'
(15424,78): run-time error CSS1046: Expect comma, found '17'
(15424,84): run-time error CSS1046: Expect comma, found '/'
(15425,81): run-time error CSS1046: Expect comma, found '162'
(15425,87): run-time error CSS1046: Expect comma, found '/'
(15426,78): run-time error CSS1046: Expect comma, found '162'
(15426,84): run-time error CSS1046: Expect comma, found '/'
(15427,79): run-time error CSS1046: Expect comma, found '191'
(15427,86): run-time error CSS1046: Expect comma, found '/'
(15428,76): run-time error CSS1046: Expect comma, found '191'
(15428,83): run-time error CSS1046: Expect comma, found '/'
(15492,45): run-time error CSS1046: Expect comma, found '0'
(15492,49): run-time error CSS1046: Expect comma, found '/'
(15492,77): run-time error CSS1046: Expect comma, found '0'
(15492,81): run-time error CSS1046: Expect comma, found '/'
(15492,106): run-time error CSS1046: Expect comma, found '0'
(15492,110): run-time error CSS1046: Expect comma, found '/'
(15532,172): run-time error CSS1046: Expect comma, found '0'
(15532,176): run-time error CSS1046: Expect comma, found '/'
(15532,204): run-time error CSS1046: Expect comma, found '0'
(15532,208): run-time error CSS1046: Expect comma, found '/'
(15532,235): run-time error CSS1046: Expect comma, found '132'
(15532,242): run-time error CSS1046: Expect comma, found ')'
(15533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15534,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15546,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15547,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15578,94): run-time error CSS1046: Expect comma, found '0'
(15578,98): run-time error CSS1046: Expect comma, found '/'
(15578,126): run-time error CSS1046: Expect comma, found '0'
(15578,130): run-time error CSS1046: Expect comma, found '/'
(15578,155): run-time error CSS1046: Expect comma, found '0'
(15578,159): run-time error CSS1046: Expect comma, found '/'
(15583,94): run-time error CSS1046: Expect comma, found '0'
(15583,98): run-time error CSS1046: Expect comma, found '/'
(15583,126): run-time error CSS1046: Expect comma, found '0'
(15583,130): run-time error CSS1046: Expect comma, found '/'
(15583,155): run-time error CSS1046: Expect comma, found '0'
(15583,159): run-time error CSS1046: Expect comma, found '/'
(15589,94): run-time error CSS1046: Expect comma, found '0'
(15589,98): run-time error CSS1046: Expect comma, found '/'
(15589,126): run-time error CSS1046: Expect comma, found '0'
(15589,130): run-time error CSS1046: Expect comma, found '/'
(15589,155): run-time error CSS1046: Expect comma, found '0'
(15589,159): run-time error CSS1046: Expect comma, found '/'
(15606,186): run-time error CSS1046: Expect comma, found '226'
(15606,193): run-time error CSS1046: Expect comma, found ')'
(15618,191): run-time error CSS1046: Expect comma, found '226'
(15618,198): run-time error CSS1046: Expect comma, found ')'
(15649,39): run-time error CSS1046: Expect comma, found '0'
(15649,43): run-time error CSS1046: Expect comma, found '/'
(15649,71): run-time error CSS1046: Expect comma, found '0'
(15649,75): run-time error CSS1046: Expect comma, found '/'
(15649,100): run-time error CSS1046: Expect comma, found '0'
(15649,104): run-time error CSS1046: Expect comma, found '/'
(15650,45): run-time error CSS1046: Expect comma, found '0'
(15650,49): run-time error CSS1046: Expect comma, found '/'
(15650,77): run-time error CSS1046: Expect comma, found '0'
(15650,81): run-time error CSS1046: Expect comma, found '/'
(15660,90): run-time error CSS1046: Expect comma, found '226'
(15660,97): run-time error CSS1046: Expect comma, found ')'
(15664,48): run-time error CSS1046: Expect comma, found '0'
(15664,52): run-time error CSS1046: Expect comma, found '/'
(15664,80): run-time error CSS1046: Expect comma, found '0'
(15664,84): run-time error CSS1046: Expect comma, found '/'
(15664,109): run-time error CSS1046: Expect comma, found '0'
(15664,113): run-time error CSS1046: Expect comma, found '/'
(15689,196): run-time error CSS1046: Expect comma, found '0'
(15689,200): run-time error CSS1046: Expect comma, found '/'
(15689,228): run-time error CSS1046: Expect comma, found '0'
(15689,232): run-time error CSS1046: Expect comma, found '/'
(15689,257): run-time error CSS1046: Expect comma, found '0'
(15689,261): run-time error CSS1046: Expect comma, found '/'
(15742,352): run-time error CSS1046: Expect comma, found '149'
(15742,359): run-time error CSS1046: Expect comma, found ')'
(15787,315): run-time error CSS1046: Expect comma, found '0'
(15787,319): run-time error CSS1046: Expect comma, found '/'
(15790,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15790,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15791,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15791,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15823,331): run-time error CSS1046: Expect comma, found '149'
(15823,338): run-time error CSS1046: Expect comma, found ')'
(15859,281): run-time error CSS1046: Expect comma, found '0'
(15859,285): run-time error CSS1046: Expect comma, found '/'
(15859,313): run-time error CSS1046: Expect comma, found '0'
(15859,317): run-time error CSS1046: Expect comma, found '/'
(15859,342): run-time error CSS1046: Expect comma, found '0'
(15859,346): run-time error CSS1046: Expect comma, found '/'
(15926,61): run-time error CSS1046: Expect comma, found '0'
(15926,65): run-time error CSS1046: Expect comma, found '/'
(15926,93): run-time error CSS1046: Expect comma, found '0'
(15926,97): run-time error CSS1046: Expect comma, found '/'
(15980,246): run-time error CSS1046: Expect comma, found '0'
(15980,250): run-time error CSS1046: Expect comma, found '/'
(15980,278): run-time error CSS1046: Expect comma, found '0'
(15980,282): run-time error CSS1046: Expect comma, found '/'
(15980,307): run-time error CSS1046: Expect comma, found '0'
(15980,311): run-time error CSS1046: Expect comma, found '/'
(15982,50): run-time error CSS1046: Expect comma, found '255'
(15982,57): run-time error CSS1046: Expect comma, found ')'
(16201,59): run-time error CSS1046: Expect comma, found '255'
(16201,66): run-time error CSS1046: Expect comma, found ')'
(16340,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16340,28): run-time error CSS1035: Expected colon, found '{'
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
h1,h2,h3,h4,h5,h6 {font-weight: 100;}
h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}   
h6 {font-size: 10px;}
h3,h4,h5 {margin-top: 5px;font-weight: 600;}
.nav > li > a {color: #a7b1c2;font-weight: 600;padding: 14px 20px 14px 25px;}
.nav.navbar-right > li > a {color: #999c9e;}
.nav > li.active > a {color: #ffffff;}
.navbar-default .nav > li > a:hover,.navbar-default .nav > li > a:focus {background-color: #293846;color: white;}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {background: #fff;}
.nav.navbar-top-links > li > a:hover,.nav.navbar-top-links > li > a:focus {background-color: transparent;}
.nav > li > a i {margin-right: 6px;}
.navbar {border: 0;}
.navbar-default {background-color: transparent;border-color: #2f4050;}
.navbar-top-links li {display: inline-block;}
.navbar-top-links li:last-child {margin-right: 40px;}
.body-small .navbar-top-links li:last-child {margin-right: 0;}
.navbar-top-links li a {padding: 20px 10px;min-height: 50px;}
.dropdown-menu {border: medium none;border-radius: 3px;box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);display: none;float: left;font-size: 12px;left: 0;list-style: none outside none;padding: 0;position: absolute;text-shadow: none;top: 100%;z-index: 1000;}
.dropdown-menu > li > a {border-radius: 3px;color: inherit;line-height: 25px;margin: 4px;text-align: left;font-weight: normal;}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover {color: #1c1c1e;text-decoration: none;background-color: #eee;outline: 0;font-weight: 500;}
.dropdown-menu > li > a.font-bold {font-weight: 600;}
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child { margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px;min-height: 0;}
.navbar-top-links .dropdown-menu li a div {white-space: normal;}
.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts {width: 310px;min-width: 0;}
.navbar-top-links .dropdown-messages {margin-left: 5px;}
.navbar-top-links .dropdown-tasks {margin-left: -59px;}
.navbar-top-links .dropdown-alerts {margin-left: -123px;}
.navbar-top-links .dropdown-user {right: 0;left: auto;}
.dropdown-messages,.dropdown-alerts {padding: 10px 10px 10px 10px;}
.dropdown-messages li a,.dropdown-alerts li a {font-size: 12px;}
.dropdown-messages li em,.dropdown-alerts li em {font-size: 10px;}
.nav.navbar-top-links .dropdown-alerts a {font-size: 12px;}
.nav-header {padding: 33px 25px;background-color: #2f4050;background-image: url("patterns/header-profile.png");}
.pace-done .nav-header {transition: all 0.4s;}
ul.nav-second-level {background: #293846;}
.nav > li.active {background: #293846;}
.nav.nav-second-level > li.active {border: none;}
.nav.nav-second-level.collapse[style] {height: auto !important;}
.nav-header a {color: #DFE4ED;}
.nav-header .text-muted {color: #8095a8;}
.minimalize-styl-2 {padding: 4px 12px;margin: 14px 5px 5px 20px;font-size: 14px;float: left;}
.navbar-form-custom {float: left;height: 50px;padding: 0;width: 200px;display: block;}
.navbar-form-custom .form-group {margin-bottom: 0;}
.nav.navbar-top-links a {font-size: 14px;}
.navbar-form-custom .form-control {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;font-size: 14px;height: 60px;margin: 0;z-index: 2000;}
.count-info .label {line-height: 12px;padding: 2px 5px;position: absolute;right: 6px;top: 12px;}
.arrow {float: right;}
.fa.arrow:before {content: "\f104";}
.active > a > .fa.arrow:before {content: "\f107";}
.nav-second-level li,
.nav-third-level li {border-bottom: none !important;}
.nav-second-level li a {padding: 7px 10px 7px 10px;padding-left: 52px;}
.nav-third-level li a {padding-left: 62px;}
.nav-second-level li:last-child {margin-bottom: 10px;}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {display: none;}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {font-size: 12px;border-radius: 3px;}
.fixed-nav .slimScrollDiv #side-menu {padding-bottom: 60px;}
.mini-navbar .nav-second-level li a {padding: 10px 10px 10px 15px;}
.mini-navbar .nav .nav-second-level {position: absolute;left: 70px;top: 0;background-color: #2f4050;padding: 10px 10px 10px 10px;font-size: 12px;}
.canvas-menu.mini-navbar .nav-second-level {background: #293846;}
.mini-navbar li.active .nav-second-level {left: 65px;}
.navbar-default .special_link a {background: #1c84c6;color: white;}
.navbar-default .special_link a:hover {background: #17987e !important;color: white;}
.navbar-default .special_link a span.label {background: #fff;color: #1c84c6;}
.navbar-default .landing_link a {background: #1cc09f;color: white;}
.navbar-default .landing_link a:hover {background: #1c84c6 !important;color: white;}
.navbar-default .landing_link a span.label {background: #fff;color: #1cc09f;}
.logo-element {text-align: center;font-size: 18px;font-weight: 600;color: white;display: none;padding: 18px 0;}
.pace-done .navbar-static-side,.pace-done .nav-header,.pace-done li.active,.pace-done #page-wrapper,.pace-done .footer {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.navbar-fixed-top {background: #fff;transition-duration: 0.4s;border-bottom: 1px solid #e7eaec !important;z-index: 2030;}
.navbar-fixed-top,.navbar-static-top {background: #f3f3f4;}
.fixed-nav #wrapper {margin-top: 0;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;
background: none;border-color: #dddddd #dddddd rgba(0, 0, 0, 0);border-bottom: #f3f3f4;border-image: none;border-style: solid;border-width: 1px;color: #555555;cursor: default;}
.nav.nav-tabs li {background: none;border: none;}
.nav.nav-tabs .dataCount{ background-color: #ddd; padding: 3px 7px; font-size: 12px; border-radius: 4px;}
.nav.nav-tabs .active .dataCount{ background-color: #0095f6; padding: 3px 7px; font-size: 12px; border-radius: 4px; color: #fff;}
body.fixed-nav #wrapper .navbar-static-side,body.fixed-nav #wrapper #page-wrapper {margin-top: 60px;}
body.top-navigation.fixed-nav #wrapper #page-wrapper {margin-top: 0;}
body.fixed-nav.fixed-nav-basic .navbar-fixed-top {left: 220px;}
body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {left: 70px;}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {left: 0;}
body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {margin-top: 0;}
body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {left: 0;}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {left: 220px;}
.fixed-nav .minimalize-styl-2 {margin: 14px 5px 5px 15px;}
.body-small .navbar-fixed-top {margin-left: 0;}
body.mini-navbar .navbar-static-side {width: 70px;}
body.mini-navbar .profile-element,body.mini-navbar .nav-label,body.mini-navbar .navbar-default .nav li a span {display: none;}
body.canvas-menu .profile-element {display: block;}
body.mini-navbar .navbar-default .nav > li > a {font-size: 16px;}
body.mini-navbar .logo-element {display: block;}
body.canvas-menu .logo-element {display: none;}
body.mini-navbar .nav-header {padding: 0;background-color: #1c84c6;}
body.canvas-menu .nav-header {padding: 33px 25px;}
body.mini-navbar #page-wrapper {margin: 0 0 0 70px;}
body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {margin: 0 0 0 0 !important;}
body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {margin: 0 0 0 0;}
body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {position: fixed;width: 220px;z-index: 2001;height: 100%;}
body.fixed-sidebar.mini-navbar .navbar-static-side {width: 0;}
body.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 0 0 0;}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 0 0 220px;}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {width: 220px;}
.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {display: block;height: auto;}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {font-size: 12px;border-radius: 3px;}
body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {font-size: 13px;border-radius: 3px;}
.fixed-sidebar.mini-navbar .nav-second-level li a, .canvas-menu.mini-navbar .nav-second-level li a {padding: 10px 10px 10px 15px;}
.fixed-sidebar.mini-navbar .nav-second-level,.canvas-menu.mini-navbar .nav-second-level {position: relative;padding: 0;font-size: 13px;}
.fixed-sidebar.mini-navbar li.active .nav-second-level,.canvas-menu.mini-navbar li.active .nav-second-level {left: 0;}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,body.canvas-menu.mini-navbar .navbar-default .nav > li > a {font-size: 13px;}
body.fixed-sidebar.mini-navbar .nav-label,body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,body.canvas-menu.mini-navbar .nav-label,body.canvas-menu.mini-navbar .navbar-default .nav li a span {display: inline;}
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {display: block;}
.canvas-menu.mini-navbar .nav-second-level li a,.fixed-sidebar.mini-navbar .nav-second-level li a {padding: 7px 10px 7px 52px;}
.fixed-sidebar.mini-navbar .nav-second-level,.canvas-menu.mini-navbar .nav-second-level {left: 0;}
body.canvas-menu nav.navbar-static-side { z-index: 2001;background: #2f4050;height: 100%;position: fixed;display: none;}
body.canvas-menu.mini-navbar nav.navbar-static-side {display: block; width: 220px;}
.top-navigation #page-wrapper { margin-left: 0;}
.top-navigation .navbar-nav .dropdown-menu > .active > a {background: white;color: #1c84c6;font-weight: bold;}
.white-bg .navbar-fixed-top,.white-bg .navbar-static-top {background: #fff;}
.top-navigation .navbar {margin-bottom: 0;}
.top-navigation .nav > li > a {padding: 15px 20px;color: #676a6c;}
.top-navigation .nav > li a:hover,.top-navigation .nav > li a:focus {background: #fff;color: #1c84c6;}
.top-navigation .nav > li.active {background: #fff;border: none;}
.top-navigation .nav > li.active > a {color: #1c84c6;}
.top-navigation .navbar-right {margin-right: 10px;}
.top-navigation .navbar-nav .dropdown-menu {box-shadow: none;border: 1px solid #e7eaec;}
.top-navigation .dropdown-menu > li > a {margin: 0;padding: 7px 20px;}
.navbar .dropdown-menu {margin-top: 0;}
.top-navigation .navbar-brand {background: #1c84c6;color: #fff;padding: 15px 25px;}
.top-navigation .navbar-top-links li:last-child {margin-right: 0;}
.top-navigation.mini-navbar #page-wrapper,.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,.mini-navbar .top-navigation #page-wrapper,.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,.canvas-menu #page-wrapper {margin: 0;}
.top-navigation.fixed-nav #wrapper,.fixed-nav #wrapper.top-navigation {margin-top: 50px;}
.top-navigation .footer.fixed {margin-left: 0 !important;}
.top-navigation .wrapper.wrapper-content {padding: 40px;}
.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {padding: 40px 0 40px 0;}
.navbar-toggle {background-color: #1c84c6;color: #fff;padding: 6px 12px;font-size: 14px;}
.top-navigation .navbar-nav .open .dropdown-menu > li > a,.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {padding: 10px 15px 10px 20px;}
.white-space{white-space: nowrap;}
.clear{clear: both;}
.position-relative{position:relative !important;}
.position-absolute{position:absolute !important;}
.dashbrdFaqCat {cursor: pointer;background-color: #f7f7f7;color: #7f7f7f;display: table;padding: 10px 15px 0 16px;width: 100%;text-align: center; border-radius: 15px;}
.menu-visible-lg,.menu-visible-md {display: none !important;}
.btn {border-radius: 3px; animation: none !important; transition: none !important;}
.btn:hover,.btn:active,.btn:focus{color: #fff;}
.float-e-margins .btn {margin-bottom: 5px;}
.btn-w-m {min-width: 120px;}
.btn-primary.btn-outline {color: #1c84c6;}
.btn-success.btn-outline {color: #1c84c6;}
.btn-info.btn-outline {color: #23c6c8;}
.btn-warning.btn-outline {color: #f8ac59;}
.btn-danger.btn-outline {color: #ed5565;}
.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-info.btn-outline:hover,.btn-warning.btn-outline:hover,.btn-danger.btn-outline:hover {}
.btn-primary {background-color: #1c84c6;border-color: #1c84c6;color: #FFFFFF;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary,.btn-primary:active:focus,
.btn-primary:active:hover,.btn-primary.active:hover,.btn-primary.active:focus {background-color: #1c84c6;border-color: #1c84c6;color: #FFFFFF;}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],
.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary.active[disabled],fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active {
background-color: #b4b4b4 !important;color: #202020 !important;border-color: #b4b4b4 !important;}
.btn-success {background-color: #1c84c6;border-color: #1c84c6;color: #FFFFFF;}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success,.btn-success:active:focus,.btn-success:active:hover,.btn-success.active:hover,
.btn-success.active:focus {background-color: #1a7bb9;border-color: #1a7bb9;color: #FFFFFF;}
.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {background-image: none;}
.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,
.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success.active[disabled],fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active {background-color: #1f90d8;border-color: #1f90d8;}
.btn-info {background-color: #23c6c8;border-color: #23c6c8;color: #FFFFFF;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info,.btn-info:active:focus,.btn-info:active:hover,.btn-info.active:hover,.btn-info.active:focus {background-color: #21b9bb;border-color: #21b9bb;color: #FFFFFF;}
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {background-image: none;}
.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info.active[disabled],
fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active {background-color: #26d7d9;border-color: #26d7d9;}
.btn-default {color: inherit;background: white;border: 1px solid #e7eaec;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default,.btn-default:active:focus,.btn-default:active:hover,.btn-default.active:hover,.btn-default.active:focus {color: inherit;border: 1px solid #d2d2d2;}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;}
.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],
.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default.active[disabled],fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active {color: #cacaca;}
.btn-warning {background-color: #f8ac59;border-color: #f8ac59;color: #FFFFFF;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning,.btn-warning:active:focus,.btn-warning:active:hover,
.btn-warning.active:hover,.btn-warning.active:focus {background-color: #f7a54a;border-color: #f7a54a;color: #FFFFFF;}
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {background-image: none;}
.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],
.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning.active[disabled],fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {background-color: #f9b66d;border-color: #f9b66d;}
.btn-danger {background-color: #ed5565;border-color: #ed5565;color: #FFFFFF;}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger,.btn-danger:active:focus,.btn-danger:active:hover,.btn-danger.active:hover,
.btn-danger.active:focus {background-color: #ec4758;border-color: #ec4758;color: #FFFFFF;}
.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {background-image: none;}
.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,.btn-danger.active[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {background-color: #ef6776;border-color: #ef6776;}
.btn-link {color: inherit;}
.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link {color: #1c84c6;text-decoration: none;}
.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link {background-image: none;}
.btn-link.disabled,.btn-link.disabled:hover,.btn-link.disabled:focus,.btn-link.disabled:active,.btn-link.disabled.active,.btn-link[disabled],.btn-link[disabled]:hover,.btn-link[disabled]:focus,
.btn-link[disabled]:active,.btn-link.active[disabled],fieldset[disabled] .btn-link,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {color: #cacaca;}
.btn-white {color: inherit;background: white;border: 1px solid #e7eaec;}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white,.btn-white:active:focus,.btn-white:active:hover,.btn-white.active:hover,
.btn-white.active:focus {color: inherit;border: 1px solid #d2d2d2;}
.btn-white:active,.btn-white.active {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;}
.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white {background-image: none;}
.btn-white.disabled,.btn-white.disabled:hover,.btn-white.disabled:focus,.btn-white.disabled:active,.btn-white.disabled.active,.btn-white[disabled],.btn-white[disabled]:hover,
.btn-white[disabled]:focus,.btn-white[disabled]:active,.btn-white.active[disabled],fieldset[disabled] .btn-white,fieldset[disabled] .btn-white:hover,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {color: #cacaca;}
.form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar {box-shadow: none;}
.btn-outline {color: inherit;background-color: transparent;transition: all .5s;}
.btn-rounded {border-radius: 50px;}
.btn.active, .btn:active{box-shadow: none !important;}
.btn-large-dim {width: 90px;height: 90px;font-size: 42px;}
button.dim {display: inline-block;text-decoration: none;text-transform: uppercase;text-align: center;padding-top: 6px;margin-right: 10px;position: relative;cursor: pointer;border-radius: 5px;font-weight: 600;margin-bottom: 20px !important;}
button.dim:active {top: 3px;}
button.btn-primary.dim {box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;}
button.btn-primary.dim:active {box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;}
button.btn-default.dim {box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;}
button.btn-default.dim:active {box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;}
button.btn-warning.dim {box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;}
button.btn-warning.dim:active {box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;}
button.btn-info.dim {box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;}
button.btn-info.dim:active {box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;}
button.btn-success.dim {box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;}
button.btn-success.dim:active {box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;}
button.btn-danger.dim {box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;}
button.btn-danger.dim:active {box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;}
button.dim:before {font-size: 50px;line-height: 1em;font-weight: normal;color: #fff;display: block;padding-top: 10px;}
button.dim:active:before {top: 7px;font-size: 50px;}
.btn:focus {outline: none !important;}
.label {background-color: #d1dade;color: #5e5e5e;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;}
.badge {background-color: #d1dade;color: #5e5e5e;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;font-size: 11px;font-weight: 600;padding-bottom: 4px;padding-left: 6px;padding-right: 6px;text-shadow: none;}
.name-badge {height: 45px; width: 45px; line-height: 45px; text-align: center; border-radius: 215px; background-color: #2ca01c; color: #ffffff; margin-left: 5px; margin-right: 5px; font-weight: 400; font-size: 20px;}
.label-primary,.badge-primary {background-color: #1c84c6;color: #FFFFFF;}
.label-grey,.badge-grey { background-color: #ddd;color: #676a6c;}
.label-success,.badge-success { background-color: #2ca01c !important;color: #FFFFFF;}
.label-warning,.badge-warning {background-color: #f8ac59;color: #FFFFFF;}
.label-warning-light,.badge-warning-light {background-color: #f8ac59;color: #ffffff;}
.label-danger,.badge-danger {background-color: #ed5565;color: #FFFFFF;}
.label-info,.badge-info {background-color: #23c6c8;color: #FFFFFF;}
.label-inverse,.badge-inverse {background-color: #262626;color: #FFFFFF;}
.label-white,.badge-white {background-color: #FFFFFF;color: #5E5E5E;}
.label-white,.badge-disable {background-color: #2A2E36;color: #8B91A0;}
.new-Badge{ background-color: #2cA01C !important; border-radius: 50px; font-size: 12px; font-weight: 600; padding: 3px 6px; color: #fff;}
.count-Badge{ background-color: #1c84c6; padding: 3px 8px; border-radius: 5px; color: #fff; font-size: 14px; text-align: center; font-weight: 600; }
.label-new-blue {padding: 1px 9px;background-color: #1c84c6;border-radius: 14px;color: #fff;}
.label-new-red {padding: 1px 9px;background-color: #F86161;border-radius: 14px;color: #fff;}
.label-new-orange {padding: 1px 9px;background-color: #ff9800;border-radius: 14px;color: #fff;}
.label-new-green {padding: 1px 9px;background-color: #2cA01C;border-radius: 14px;color: #fff;}
.label-new-grey {padding: 1px 9px;background-color: #707070;border-radius: 14px;color: #fff;}
.label-new-teal {padding: 1px 9px;background-color: #1eacae;border-radius: 14px;color: #fff;}
.label-new-outline {padding: 4px 8px 4px 13px;background-color: #fff; border-radius: 10px;color: #1c84c6;box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);}
.label-green-dashed {background-color: #49c653;color: #fff;border: 3px #ffffff;border-style: dashed;font-size: 12px;padding: 1px 7px 3px 7px;border-radius: 29px;}
.bg-new-blue {background-color: #eaf8ff;}
.bg-new-orange {background-color: #ffefd9;}
.bg-new-green {background-color: #f1fff0;}
.bg-new-grey {background-color: #e6e6e6;}
/* TOOGLE SWICH */
.onoffswitch {position: relative;width: 64px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block;overflow: hidden;cursor: pointer;border: 2px solid #1c84c6;border-radius: 2px;}
.onoffswitch-inner {width: 200%;margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s;-webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before,.onoffswitch-inner:after {float: left;width: 50%;height: 20px;padding: 0;line-height: 20px;font-size: 12px;color: white;font-family: Trebuchet, Arial, sans-serif;font-weight: bold;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.onoffswitch-inner:before {content: "ON";padding-left: 10px;background-color: #1c84c6;color: #FFFFFF;}
.onoffswitch-inner:after {content: "OFF";padding-right: 10px;background-color: #FFFFFF;color: #999999;text-align: right;padding-top: 2px;}
.onoffswitch-switch {width: 20px;margin: 0;background: #FFFFFF;border: 2px solid #1c84c6;border-radius: 2px;position: absolute;top: 0;bottom: 0;right: 44px;-moz-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0;}
.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:before {background-color: #919191;}
.onoffswitch-checkbox:disabled + .onoffswitch-label,.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {border-color: #919191;}
/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {background: #ffffff;box-shadow: none;-moz-box-sizing: border-box;border-radius: 2px;cursor: text;height: auto !important;margin: 0;min-height: 30px;overflow: hidden;padding: 4px 12px;position: relative;width: 100%;}
.chosen-container-multi .chosen-choices li.search-choice {background: #f1f1f1;border: 1px solid #e5e6e7;border-radius: 2px;box-shadow: none;color: #333333;cursor: default;line-height: 13px;margin: 3px 0 3px 5px;padding: 3px 20px 3px 5px;position: relative;}
/* Tags Input Plugin */
.bootstrap-tagsinput {border: 1px solid #e5e6e7;box-shadow: none;}
/* PAGINATIN */
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,
.pagination > .active > span:focus {background-color: #f4f4f4;border-color: #DDDDDD;color: inherit;cursor: default;z-index: 2;}
.pagination > li > a,.pagination > li > span {background-color: #FFFFFF;border: 1px solid #DDDDDD;color: inherit;float: left;line-height: 1.42857;margin-left: -1px;padding: 4px 10px;position: relative;text-decoration: none;}
/* TOOLTIPS */
.tooltip-inner {background-color: #2F4050;}
.tooltip.top .tooltip-arrow {border-top-color: #2F4050;}
.tooltip.right .tooltip-arrow {border-right-color: #2F4050;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #2F4050;}
.tooltip.left .tooltip-arrow {border-left-color: #2F4050;}
/* EASY PIE CHART*/
.easypiechart {position: relative;text-align: center;}
.easypiechart .h2 {margin-left: 10px;margin-top: 10px;display: inline-block;}
.easypiechart canvas {top: 0;left: 0;}
.easypiechart .easypie-text {line-height: 1;position: absolute;top: 33px;width: 100%;z-index: 1;}
.easypiechart img {margin-top: -4px;}
.jqstooltip {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* FULLCALENDAR */
.fc-state-default {background-color: #ffffff;background-image: none;background-repeat: repeat-x;box-shadow: none;color: #333333;text-shadow: none;}
.fc-state-default {border: 1px solid;}
.fc-button {color: inherit;border: 1px solid #e7eaec;cursor: pointer;display: inline-block;height: 1.9em;line-height: 1.9em;overflow: hidden;padding: 0 0.6em;position: relative;white-space: nowrap;}
.fc-state-active {background-color: #1c84c6;border-color: #1c84c6;color: #ffffff;}
.fc-header-title h2 {font-size: 16px;font-weight: 600;color: inherit;}
.fc-content .fc-widget-header,.fc-content .fc-widget-content {border-color: #e7eaec;font-weight: normal;}
.fc-border-separate tbody {background-color: #F8F8F8;}
.fc-state-highlight {background: none repeat scroll 0 0 #FCF8E3;}
.external-event {padding: 5px 10px;border-radius: 2px;cursor: pointer;margin-bottom: 5px;}
.fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start {border-radius: 2px;}
.fc-event,.fc-agenda .fc-event-time,.fc-event a {padding: 4px 6px;background-color: #1c84c6;border-color: #1c84c6;}
.fc-event-time,.fc-event-title {color: #717171;padding: 0 1px;}
.ui-calendar .fc-event-time,.ui-calendar .fc-event-title {color: #fff;}
/* Chat */
.chat-activity-list .chat-element {border-bottom: 1px solid #e7eaec;}
.chat-element:first-child {margin-top: 0;}
.chat-element {padding-bottom: 15px;}
.chat-element,.chat-element .media {margin-top: 15px;}
.chat-element,.media-body {overflow: hidden;}
.chat-element .media-body {display: block;width: auto;}
.chat-element > .pull-left {margin-right: 10px;}
.chat-element img.img-circle,.dropdown-messages-box img.img-circle {width: 38px; height: 38px;}
.chat-element .well {border: 1px solid #e7eaec;box-shadow: none;margin-top: 10px;margin-bottom: 5px;padding: 10px 20px;font-size: 11px;line-height: 16px;}
.chat-element .actions {margin-top: 10px;}
.chat-element .photos {margin: 10px 0;}
.right.chat-element > .pull-right {margin-left: 10px;}
.chat-photo {max-height: 180px;border-radius: 4px;overflow: hidden;margin-right: 10px;margin-bottom: 10px;}
.chat {margin: 0;padding: 0;list-style: none;}
.chat li {margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #B3A9A9;}
.chat li.left .chat-body {margin-left: 60px;}
.chat li.right .chat-body {margin-right: 60px;}
.chat li .chat-body p { margin: 0;color: #777777;}
.panel .slidedown .glyphicon,.chat .glyphicon {margin-right: 5px;}
.chat-panel .panel-body {height: 350px;overflow-y: scroll;}
/* LIST GROUP */
a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus {background-color: #1c84c6;border-color: #1c84c6;color: #FFFFFF;z-index: 2;}
.list-group-item-heading {margin-top: 10px;}
.list-group-item-text {margin: 0 0 10px;color: inherit;font-size: 12px;line-height: inherit;}
.no-padding .list-group-item {border-left: none;border-right: none;border-bottom: none;}
.no-padding .list-group-item:first-child {border-left: none;border-right: none;border-bottom: none;border-top: none;}
.no-padding .list-group {margin-bottom: 0;}
.list-group-item {background-color: inherit;border: 1px solid #e7eaec;display: block;margin-bottom: -1px;padding: 10px 15px;position: relative;}
.elements-list .list-group-item {border-left: none;border-right: none;padding: 15px 25px;}
.elements-list .list-group-item:first-child {border-left: none;border-right: none;border-top: none !important;}
.elements-list .list-group {margin-bottom: 0;}
.elements-list a {color: inherit;}
.elements-list .list-group-item.active,.elements-list .list-group-item:hover {background: #f3f3f4;color: inherit;border-color: #e7eaec;border-radius: 0;}
.elements-list li.active {transition: none;}
.element-detail-box {padding: 25px;}
/* FLOT CHART  */
.flot-chart {display: block;height: 200px;}
.widget .flot-chart.dashboard-chart {display: block;height: 120px;margin-top: 40px;}
.flot-chart.dashboard-chart {display: block;height: 180px;margin-top: 40px;}
.flot-chart-content {width: 100%;height: 100%;}
.flot-chart-pie-content {width: 200px;height: 200px;margin: auto;}
.jqstooltip {position: absolute;display: block;left: 0;top: 0;visibility: hidden;background: #2b303a;background-color: rgba(43, 48, 58, 0.8);color: white;text-align: left;
  white-space: nowrap;z-index: 10000;padding: 5px 5px 5px 5px;min-height: 22px;border-radius: 3px;}
.jqsfield {color: white;text-align: left;}
.fh-150 {height: 150px;}
.fh-200 {height: 200px;}
.h-auto {height: auto !important;}
.h-150 {min-height: 150px;}
.h-200 { min-height: 200px; height: 200px; }
.h-300 {min-height: 300px; height: 300px;}
.ht-85per{height: 85% !important;}
.ht-80per{height: 80% !important;}
.ht-75per{height: 75% !important;}
.ht-70per{height: 70% !important;}
.ht-65per{height: 65% !important;}
.ht-55per{height: 55% !important;}
.w-15 {min-width: 15px;}
.w-125 {min-width: 125px;}
.w-150 {min-width: 150px;}
.w-200 {min-width: 200px;}
.w-300 {min-width: 300px;}
.w-auto { width: auto !important; }
.legendLabel {padding-left: 5px;}
.stat-list li:first-child {margin-top: 0;}
.stat-list {list-style: none;padding: 0;margin: 0;}
.stat-percent {float: right;}
.stat-list li {margin-top: 15px;position: relative;}
/* DATATABLES */
table.dataTable thead .sorting,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {background: transparent;}
.dataTables_wrapper {padding-bottom: 30px;}
.dataTables_length {float: left;}
.dataTables_filter label {margin-right: 5px;}
.html5buttons {float: right;}
.html5buttons a {border: 1px solid #e7eaec;background: #fff;color: #676a6c;box-shadow: none;padding: 6px 8px;font-size: 12px;}
.html5buttons a:hover,.html5buttons a:focus:active {background-color: #eee;color: inherit;border-color: #d2d2d2;}
div.dt-button-info {z-index: 100;}
/* CIRCLE */
.img-circle {border-radius: 50%;}
.btn-circle {width: 30px;height: 30px;padding: 6px 0;border-radius: 15px;text-align: center;font-size: 12px;line-height: 1.428571429;}
.btn-circle.btn-lg {width: 50px;height: 50px;padding: 10px 16px;border-radius: 25px;font-size: 18px;line-height: 1.33;}
.btn-circle.btn-xl {width: 70px;height: 70px;padding: 10px 16px;border-radius: 35px;font-size: 24px;line-height: 1.33;}
.showdata{display:block !important;}
.show-grid [class^="col-"] {padding-top: 10px;padding-bottom: 10px;border: 1px solid #ddd;background-color: #eee !important;}
.show-grid {margin: 15px 0;}
/* ANIMATION */
.css-animation-box h1 {font-size: 44px;}
.animation-efect-links a {padding: 4px 6px;font-size: 12px;}
#animation_box {background-color: #f9f8f8;border-radius: 16px;width: 80%;margin: 0 auto;padding-top: 80px;}
.animation-text-box {position: absolute;margin-top: 40px;left: 50%;margin-left: -100px;width: 200px;}
.animation-text-info {position: absolute;margin-top: -60px;left: 50%;margin-left: -100px;width: 200px;font-size: 10px;}
.animation-text-box h2 {font-size: 54px;font-weight: 600;margin-bottom: 5px;}
.animation-text-box p {font-size: 12px;text-transform: uppercase;}
/* PEACE */
.pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {background: #ff0000;position: fixed;z-index: 2040;top: 0;right: 100%;width: 100%;height: 2px;}
.pace-inactive {display: none;}
/* WIDGETS */
.widget {border-radius: 5px;padding: 15px 20px;margin-bottom: 10px;margin-top: 10px;}
.widget.style1 h2 {font-size: 30px;}
.widget h2,.widget h3 {margin-top: 5px;margin-bottom: 0;}
.widget-text-box {padding: 20px;border: 1px solid #e7eaec;background: #ffffff;}
.widget-head-color-box {border-radius: 5px 5px 0 0;margin-top: 10px;}
.widget .flot-chart {height: 100px;}
.vertical-align div {display: inline-block;vertical-align: middle;}
.vertical-align h2,.vertical-align h3 {margin: 0;}
.todo-list {list-style: none outside none;margin: 0;padding: 0;font-size: 14px;}
.todo-list.small-list {font-size: 12px;}
.todo-list.small-list > li {background: #f3f3f4;border-left: none;border-right: none;border-radius: 4px;color: inherit;margin-bottom: 2px;padding: 6px 6px 6px 12px;}
.todo-list.small-list .btn-xs,.todo-list.small-list .btn-group-xs > .btn {border-radius: 5px;font-size: 10px;line-height: 1.5;padding: 1px 2px 1px 5px;}
.todo-list > li {background: #f3f3f4;border-left: 6px solid #e7eaec;border-right: 6px solid #e7eaec;border-radius: 4px;color: inherit;margin-bottom: 2px;padding: 10px;}
.todo-list .handle {cursor: move;display: inline-block;font-size: 16px;margin: 0 5px;}
.todo-list > li .label {font-size: 9px;margin-left: 10px;}
.check-link {font-size: 16px;}
.todo-completed {text-decoration: line-through;}
.geo-statistic h1 {font-size: 36px;margin-bottom: 0;}
.glyphicon.fa {font-family: "FontAwesome";}
.inline {display: inline-block !important;}
.input-s-sm {width: 120px;}
.input-s {width: 200px;}
.input-s-lg {width: 250px;}
.i-checks {padding-left: 0;}
.form-control,.single-line {background-color: #FFFFFF;background-image: none;border: 1px solid #e5e6e7;border-radius: 1px;color: inherit;display: block;padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;font-size: 14px;}
.form-control:focus,.single-line:focus {border-color: #1c84c6;}
.has-success .form-control,.has-success .form-control:focus {border-color: #1c84c6;}
.has-warning .form-control,.has-warning .form-control:focus {border-color: #f8ac59;}
.has-error .form-control,.has-error .form-control:focus {border-color: #ed5565;}
.has-success .control-label {color: #1c84c6;}
.has-warning .control-label {color: #f8ac59;}
.has-error .control-label {color: #ed5565;}
.input-group-addon {background-color: #fff;border: 1px solid #E5E6E7;border-radius: 1px;color: inherit;font-size: 14px;font-weight: 400;line-height: 1;padding: 6px 12px;text-align: center;}
.spinner-buttons.input-group-btn .btn-xs {line-height: 1.13;}
.spinner-buttons.input-group-btn {width: 20%;}
.noUi-connect {background: none repeat scroll 0 0 #1c84c6;box-shadow: none;}
.slider_red .noUi-connect {background: none repeat scroll 0 0 #ed5565;box-shadow: none;}
/* UI Sortable */
.ui-sortable .ibox-title {cursor: move;}
.ui-sortable-placeholder {border: 1px dashed #cecece !important;visibility: visible !important;background: #e7eaec;}
.ibox.ui-sortable-placeholder {margin: 0 0 23px !important;}
/* SWITCHES */
.onoffswitch {position: relative;width: 54px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block;overflow: hidden;cursor: pointer;border: 2px solid #1c84c6;border-radius: 3px;}
.onoffswitch-inner {display: block;width: 200%;margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s;-webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before,.onoffswitch-inner:after {display: block;float: left;width: 50%;height: 16px;padding: 0;line-height: 16px;font-size: 10px;  color: white;font-family: Trebuchet, Arial, sans-serif;font-weight: bold;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.onoffswitch-inner:before {content: "ON";padding-left: 7px;background-color: #1c84c6;color: #FFFFFF;}
.onoffswitch-inner:after {content: "OFF";padding-right: 7px;background-color: #FFFFFF;color: #919191;text-align: right;}
.onoffswitch-switch {display: block;width: 18px;margin: 0;background: #FFFFFF;border: 2px solid #1c84c6;border-radius: 3px;position: absolute;top: 0;bottom: 0;right: 36px;
 -moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0;}
/* jqGrid */
.ui-jqgrid {-moz-box-sizing: content-box;}
.ui-jqgrid-btable {border-collapse: separate;}
.ui-jqgrid-htable {border-collapse: separate;}
.ui-jqgrid-titlebar {height: 40px;line-height: 15px;color: #676a6c;background-color: #F9F9F9;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.ui-jqgrid .ui-jqgrid-title {float: left;margin: 1.1em 1em 0.2em;}
.ui-jqgrid .ui-jqgrid-titlebar {position: relative;border-left: 0 solid;border-right: 0 solid;border-top: 0 solid;}
.ui-widget-header {background: none;background-image: none;background-color: #f5f5f6;text-transform: uppercase;border-top-left-radius: 0;border-top-right-radius: 0;}
.ui-jqgrid tr.ui-row-ltr td {border-right-color: inherit;border-right-style: solid;border-right-width: 1px;text-align: left;border-color: #DDDDDD;background-color: inherit;}
.ui-search-toolbar input[type="text"] {font-size: 12px;height: 15px;border: 1px solid #CCCCCC;border-radius: 0;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background: #F9F9F9;border: 1px solid #DDDDDD;line-height: 15px;font-weight: bold;color: #676a6c;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.ui-widget-content {box-sizing: content-box;}
.ui-icon-triangle-1-n {background-position: 1px -16px;}
.ui-jqgrid tr.ui-search-toolbar th {border-top-width: 0 !important;border-top-color: inherit !important;border-top-style: ridge !important;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {background: #f5f5f5;border-collapse: separate;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {background: #f2fbff;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {border: 1px solid #dddddd;background: #ffffff;font-weight: normal;color: #212121;}
.ui-jqgrid .ui-pg-input {font-size: inherit;width: 50px;border: 1px solid #CCCCCC;height: 15px;}
.ui-jqgrid .ui-pg-selbox {display: block;font-size: 1em;height: 25px;line-height: 18px;margin: 0;width: auto;}
.ui-jqgrid .ui-pager-control {position: relative;}
.ui-jqgrid .ui-jqgrid-pager {height: 32px;position: relative;}
.ui-pg-table .navtable .ui-corner-all {border-radius: 0;}
.ui-jqgrid .ui-pg-button:hover {padding: 1px;border: 0;}
.ui-jqgrid .loading {position: absolute;top: 45%;left: 45%;width: auto;height: auto;z-index: 101;padding: 6px;margin: 5px;text-align: center;font-weight: bold;display: none;
  border-width: 2px !important;font-size: 11px;}
.ui-jqgrid .form-control {height: 10px;width: auto;display: inline;padding: 10px 12px;}
.ui-jqgrid-pager {height: 32px;}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius: 0;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius: 0;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius: 0;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius: 0;}
.ui-widget-content {border: 1px solid #ddd;}
.ui-jqgrid .ui-jqgrid-titlebar {padding: 0;}
.ui-jqgrid .ui-jqgrid-titlebar {border-bottom: 1px solid #ddd;}
.ui-jqgrid tr.jqgrow td {padding: 6px;}
.ui-jqdialog .ui-jqdialog-titlebar {padding: 10px 10px;}
.ui-jqdialog .ui-jqdialog-title {float: none !important;}
.ui-jqdialog > .ui-resizable-se {position: absolute;}
/* Nestable list */
.dd {position: relative;display: block;margin: 0;padding: 0;list-style: none;font-size: 13px;line-height: 20px;}
.dd-list {display: block;position: relative;margin: 0;padding: 0;list-style: none;}
.dd-list .dd-list {padding-left: 30px;}
.dd-collapsed .dd-list {display: none;}
.dd-item,.dd-empty,.dd-placeholder {display: block;position: relative;margin: 0;padding: 0;min-height: 20px;font-size: 13px;line-height: 20px;}
.dd-handle {display: block;margin: 10px 0;padding: 5px 10px;color: #333;text-decoration: none;border: 1px solid #e7eaec;background: #f5f5f5;-webkit-border-radius: 3px;  border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box;}
.dd-handle span {font-weight: bold;}
.dd-handle:hover {background: #f0f0f0;cursor: pointer;font-weight: bold;}
.dd-item > button {display: block;position: relative;cursor: pointer;float: left;width: 25px;height: 20px;margin: 5px 0;padding: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;
  border: 0;background: transparent;font-size: 12px;line-height: 1;text-align: center;font-weight: bold;}
.dd-item > button:before {content: '+';display: block;position: absolute;width: 100%;text-align: center;text-indent: 0;}
.dd-item > button[data-action="collapse"]:before {content: '-';}
#nestable2 .dd-item > button {font-family: FontAwesome;height: 34px;width: 33px;color: #c1c1c1;}
#nestable2 .dd-item > button:before {content: "\f067";}
#nestable2 .dd-item > button[data-action="collapse"]:before {content: "\f068";}
.dd-placeholder,.dd-empty {margin: 5px 0;padding: 0;min-height: 30px;background: #f2fbff;border: 1px dashed #b6bcbf;box-sizing: border-box;-moz-box-sizing: border-box;}
.dd-empty {border: 1px dashed #bbb;min-height: 100px;background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-size: 60px 60px;background-position: 0 0, 30px 30px;}
.dd-dragel {position: absolute;z-index: 9999;pointer-events: none;}
.dd-dragel > .dd-item .dd-handle {margin-top: 0;}
.dd-dragel .dd-handle {-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);}
/*Nestable Extras*/
.nestable-lists {display: block;clear: both;padding: 30px 0;width: 100%;border: 0;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;}
#nestable-menu {padding: 0;margin: 10px 0 20px 0;}
#nestable-output,#nestable2-output {width: 100%;font-size: 0.75em;line-height: 1.333333em;font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;padding: 5px;box-sizing: border-box;-moz-box-sizing: border-box;}
#nestable2 .dd-handle {color: inherit;border: 1px dashed #e7eaec;background: #f3f3f4;padding: 10px;}
#nestable2 span.label {margin-right: 10px;}
#nestable-output,#nestable2-output {font-size: 12px;padding: 25px;box-sizing: border-box;-moz-box-sizing: border-box;}
/* CodeMirror */
.CodeMirror {border: 1px solid #eee;height: auto;}
.CodeMirror-scroll {overflow-y: hidden;overflow-x: auto;}
/* Google Maps */
.google-map {height: 300px;}
/* Validation */
label.error {color: #cc5965;display: inline-block;margin-left: 5px;}
.form-control.error {border: 1px dotted #cc5965;}
/* ngGrid */
.gridStyle {border: 1px solid #d4d4d4;width: 100%;height: 400px;}
.gridStyle2 {border: 1px solid #d4d4d4;width: 500px;height: 300px;}
.ngH eaderCell {border-right: none;border-bottom: 1px solid #e7eaec;}
.ngCell {border-right: none;}
.ngTopPanel {background: #F5F5F6;}
.ngRow.even {background: #f9f9f9;}
.ngRow.selected {background: #EBF2F1;}
.ngRow {border-bottom: 1px solid #e7eaec;}
.ngCell {background-color: transparent;}
.ngHeaderCell {border-right: none;}
/* Toastr custom style */
#toast-container > .toast {background-image: none !important;}
#toast-container > .toast:before {position: fixed;font-family: FontAwesome;font-size: 24px;line-height: 24px;float: left;color: #FFF;padding-right: 0.5em;margin: auto 0.5em auto -1.5em;}
#toast-container > .toast-warning:before {content: "\f0e7";}
#toast-container > .toast-error:before {content: "\f071";}
#toast-container > .toast-info:before {content: "\f005";}
#toast-container > .toast-success:before {content: "\f00C";}
#toast-container > div {-moz-box-shadow: 0 0 3px #999;-webkit-box-shadow: 0 0 3px #999;box-shadow: 0 0 3px #999;opacity: .9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}
#toast-container > :hover {-moz-box-shadow: 0 0 4px #999;-webkit-box-shadow: 0 0 4px #999;box-shadow: 0 0 4px #999;opacity: 1;-ms-filter: alpha(opacity=100);filter: alpha(opacity=100);cursor: pointer;}
.toast {background-color: #1c84c6;}
.toast-success {background-color: #1c84c6;}
.toast-error {background-color: #ed5565;}
.toast-info {background-color: #23c6c8;}
.toast-warning {background-color: #f8ac59;}
.toast-top-full-width {margin-top: 20px;}
.toast-bottom-full-width {margin-bottom: 20px;}
/* Notifie */
.cg-notify-message.inspinia-notify {background: #fff;padding: 0;box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);border: none;margin-top: 30px;color: inherit;}
.inspinia-notify.alert-warning {border-left: 6px solid #f8ac59;}
.inspinia-notify.alert-success {border-left: 6px solid #1c84c6;}
.inspinia-notify.alert-danger {border-left: 6px solid #ed5565;}
.inspinia-notify.alert-info {border-left: 6px solid #1c84c6;}
/* Image cropper style */
.img-container,.img-preview {overflow: hidden;text-align: center;width: 100%;}
.img-preview-sm {height: 130px;width: 200px;}
/* Forum styles  */
.forum-post-container .media {margin: 10px 10px 10px 10px;padding: 20px 10px 20px 10px;  border-bottom: 1px solid #f1f1f1;}
.forum-avatar {float: left;margin-right: 20px;text-align: center;width: 110px;}
.forum-avatar .img-circle {height: 48px;width: 48px;}
.author-info {color: #676a6c;font-size: 11px;margin-top: 5px;text-align: center;}
.forum-post-info {padding: 9px 12px 6px 12px;background: #f9f9f9;border: 1px solid #f1f1f1;}
.media-body > .media {background: #f9f9f9;border-radius: 3px;border: 1px solid #f1f1f1;}
.forum-post-container .media-body .photos {margin: 10px 0;}
.forum-photo {max-width: 140px;border-radius: 3px;}
.media-body > .media .forum-avatar {width: 70px;margin-right: 10px;}
.media-body > .media .forum-avatar .img-circle {height: 38px;width: 38px;}
.mid-icon {font-size: 66px;}
.forum-item {margin: 10px 0;padding: 10px 0 20px;border-bottom: 1px solid #f1f1f1;}
.views-number {font-size: 24px;line-height: 18px;font-weight: 400;}
.forum-container,.forum-post-container {padding: 30px !important;}
.forum-item small {color: #999;}
.forum-item .forum-sub-title {color: #999;margin-left: 50px;}
.forum-title {margin: 15px 0 15px 0;}
.forum-info {text-align: center;}
.forum-desc {color: #999;}
.forum-icon {float: left;width: 30px;margin-right: 20px;text-align: center;}
a.forum-item-title {color: inherit;display: block;font-size: 18px;font-weight: 600;}
a.forum-item-title:hover {color: inherit;}
.forum-icon .fa {font-size: 30px;margin-top: 8px;color: #9b9b9b;}
.forum-item.active .fa {color: #1c84c6;}
.forum-item.active a.forum-item-title {color: #1c84c6;}
/* New Timeline style */
.vertical-container {width: 90%;max-width: 1170px;margin: 0 auto;}
.vertical-container::after {content: '';display: table;clear: both;}
#vertical-timeline {position: relative;padding: 0;margin-top: 2em;margin-bottom: 2em;}
#vertical-timeline::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 4px;background: #f1f1f1;}
.vertical-timeline-content .btn {float: right;}
#vertical-timeline.light-timeline:before {background: #e7eaec;}
.dark-timeline .vertical-timeline-content:before {border-color: transparent #f5f5f5 transparent transparent;}
.dark-timeline.center-orientation .vertical-timeline-content:before {border-color: transparent transparent transparent #f5f5f5;}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {border-color: transparent #f5f5f5 transparent transparent;}
.dark-timeline .vertical-timeline-content,.dark-timeline.center-orientation .vertical-timeline-content {background: #f5f5f5;padding: 5px 8px;}
.vertical-timeline-block {position: relative;margin: 2em 0;}
.vertical-timeline-block:after {content: "";display: table;clear: both;}
.vertical-timeline-block:first-child {margin-top: 0;}
.vertical-timeline-block:last-child {margin-bottom: 0;}
.vertical-timeline-icon {position: absolute;top: 0;left: 0;width: 40px;height: 40px;border-radius: 50%;font-size: 16px;border: 3px solid #f1f1f1;text-align: center;}
.vertical-timeline-icon i {display: block;width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -9px;}
.vertical-timeline-content {position: relative;margin-left: 60px;background: white;border-radius: 0.25em;padding: 1em;}
.vertical-timeline-content:after {content: "";display: table;clear: both;}
.vertical-timeline-content h2 {font-weight: 400;margin-top: 4px;}
.vertical-timeline-content p {margin: 1em 0;line-height: 1.6;}
.vertical-timeline-content .vertical-date {float: left;font-weight: 500;}
.vertical-date small {color: #1c84c6;font-weight: 400;}
.vertical-timeline-content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid white;}
/* Tabs */
.tabs-container .panel-body {background: #fff;border: 1px solid #e7eaec;border-radius: 2px;padding: 20px;position: relative;}
.tabs-container .nav-tabs > li.active > a,.tabs-container .nav-tabs > li.active > a:hover,.tabs-container .nav-tabs > li.active > a:focus {  border: 1px solid #e7eaec;
  border-bottom-color: transparent;background-color: #fff;}
.tabs-container .nav-tabs > li {float: left;margin-bottom: -1px;}
.tabs-container .tab-pane .panel-body {border-top: none;}
.tabs-container .nav-tabs > li.active > a,.tabs-container .nav-tabs > li.active > a:hover,.tabs-container .nav-tabs > li.active > a:focus {border: 1px solid #e7eaec;border-bottom-color: transparent;}
.tabs-container .nav-tabs {border-bottom: 1px solid #e7eaec;}
.tabs-container .tab-pane .panel-body {border-top: none;}
.tabs-container .tabs-left .tab-pane .panel-body,.tabs-container .tabs-right .tab-pane .panel-body {border-top: 1px solid #e7eaec;}
.tabs-container .nav-tabs > li a:hover {background: transparent;border-color: transparent;}
.tabs-container .tabs-below > .nav-tabs,.tabs-container .tabs-right > .nav-tabs,.tabs-container .tabs-left > .nav-tabs {border-bottom: 0;}
.tabs-container .tabs-left .panel-body {position: static;}
.tabs-container .tabs-left > .nav-tabs,.tabs-container .tabs-right > .nav-tabs {width: 20%;}
.tabs-container .tabs-left .panel-body {width: 80%;margin-left: 20%;}
.tabs-container .tabs-right .panel-body {width: 80%;margin-right: 20%;}
.tabs-container .tab-content > .tab-pane,.tabs-container .pill-content > .pill-pane {display: none;}
.tabs-container .tab-content > .active,.tabs-container .pill-content > .active {display: block;}
.tabs-container .tabs-below > .nav-tabs {border-top: 1px solid #e7eaec;}
.tabs-container .tabs-below > .nav-tabs > li {margin-top: -1px;margin-bottom: 0;}
.tabs-container .tabs-below > .nav-tabs > li > a {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}
.tabs-container .tabs-below > .nav-tabs > li > a:hover,.tabs-container .tabs-below > .nav-tabs > li > a:focus {border-top-color: #e7eaec;border-bottom-color: transparent;}
.tabs-container .tabs-left > .nav-tabs > li,.tabs-container .tabs-right > .nav-tabs > li {float: none;}
.tabs-container .tabs-left > .nav-tabs > li > a,.tabs-container .tabs-right > .nav-tabs > li > a {min-width: 74px;margin-right: 0;margin-bottom: 3px;}
.tabs-container .tabs-left > .nav-tabs {float: left;margin-right: 19px;}
.tabs-container .tabs-left > .nav-tabs > li > a {  margin-right: -1px;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;  border-radius: 4px 0 0 4px;}
.tabs-container .tabs-left > .nav-tabs .active > a,.tabs-container .tabs-left > .nav-tabs .active > a:hover,.tabs-container .tabs-left > .nav-tabs .active > a:focus {border-color: #e7eaec transparent #e7eaec #e7eaec;}
.tabs-container .tabs-right > .nav-tabs {float: right;margin-left: 19px;}
.tabs-container .tabs-right > .nav-tabs > li > a {margin-left: -1px;-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}
.tabs-container .tabs-right > .nav-tabs .active > a,.tabs-container .tabs-right > .nav-tabs .active > a:hover,.tabs-container .tabs-right > .nav-tabs .active > a:focus {border-color: #e7eaec #e7eaec #e7eaec transparent;z-index: 1;}
/* jsvectormap */
.jvectormap-container {width: 100%;height: 100%;position: relative;overflow: hidden;}
.jvectormap-tip {position: absolute;display: none;border: solid 1px #CDCDCD;border-radius: 3px;background: #292929;color: white;font-family: sans-serif, Verdana;font-size: smaller;padding: 5px;}
.jvectormap-zoomin,.jvectormap-zoomout,.jvectormap-goback {position: absolute;left: 10px;border-radius: 3px;background: #1c84c6;padding: 3px;color: white;cursor: pointer;line-height: 10px;text-align: center;box-sizing: content-box;}
.jvectormap-zoomin,.jvectormap-zoomout {width: 10px;height: 10px;}
.jvectormap-zoomin {top: 10px;}
.jvectormap-zoomout {top: 30px;}
.jvectormap-goback {bottom: 10px;z-index: 1000;padding: 6px;}
.jvectormap-spinner {position: absolute;left: 0;top: 0;right: 0;bottom: 0;
  background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);}
.jvectormap-legend-title {font-weight: bold;font-size: 14px;text-align: center;}
.jvectormap-legend-cnt {position: absolute;}
.jvectormap-legend-cnt-h {bottom: 0;right: 0;}
.jvectormap-legend-cnt-v {top: 0;right: 0;}
.jvectormap-legend {background: black;color: white;border-radius: 3px;}
.jvectormap-legend-cnt-h .jvectormap-legend {float: left;margin: 0 10px 10px 0;padding: 3px 3px 1px 3px;}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {float: left;}
.jvectormap-legend-cnt-v .jvectormap-legend {margin: 10px 10px 0 0;padding: 3px;}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {width: 40px;}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {height: 15px;}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {height: 20px;width: 20px;display: inline-block;vertical-align: middle;}
.jvectormap-legend-tick-text {font-size: 12px;}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {text-align: center;}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {display: inline-block;vertical-align: middle;line-height: 20px;padding-left: 3px;}
/*Slick Carousel */
.slick-prev:before,.slick-next:before {color: #1c84c6 !important;}
/* Payments */
.payment-card {background: #ffffff;padding: 20px;margin-bottom: 25px;border: 1px solid #e7eaec;}
.payment-icon-big {font-size: 60px;color: #d1dade;}
.payments-method.panel-group .panel + .panel {margin-top: -1px;}
.payments-method .panel-heading {padding: 15px;}
.payments-method .panel {border-radius: 0;}
.payments-method .panel-heading h5 {margin-bottom: 5px;}
.payments-method .panel-heading i {font-size: 26px;}
/* Select2 custom styles */
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple {border-color: #e7eaec;}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #1c84c6;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #1c84c6;}
.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #e7eaec;}
.select2-dropdown {border-color: #e7eaec;}
.select2-dropdown input:focus {outline: none;}
.select2-selection {outline: none;}
.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a {background-color: #1c84c6;}
/* Tour */
.tour-tour .btn.btn-default {background-color: #ffffff;border: 1px solid #d2d2d2;color: inherit;}
.tour-step-backdrop {z-index: 2101;}
.tour-backdrop {z-index: 2100;opacity: .7;}
.popover[class*=tour-] {z-index: 2100;}
body.tour-open .animated {animation-fill-mode: initial;}
/* Resizable */
.resizable-panels .ibox {clear: none;margin: 10px;float: left;overflow: hidden;min-height: 150px;min-width: 150px;}
.resizable-panels .ibox .ibox-content {height: calc(100% - 49px);}
.ui-resizable-helper {background: rgba(211, 211, 211, 0.4);}
/* Wizard step fix */
.wizard > .content > .body {position: relative;}
/* PDF js style */
.pdf-toolbar {max-width: 600px;margin: 0 auto;}
/* Dropzone */
.dropzone {min-height: 140px;border: 1px dashed #1c84c6;background: white;padding: 20px 20px;}
.dropzone .dz-message {font-size: 16px;}
/* Activity stream */
.stream {position: relative;padding: 10px 0;}
.stream:first-child .stream-badge:before {top: 10px;}
.stream:last-child .stream-badge:before {height: 30px;}
.stream .stream-badge {width: 50px;}
.stream .stream-badge i {border: 1px solid #e7eaec;border-radius: 50%;padding: 6px;color: #808486;position: absolute;background-color: #ffffff;left: 8px;}
.stream .stream-badge i.fa-circle {color: #ced0d1;}
.stream .stream-badge i.bg-success {color: #ffffff;background-color: #1c84c6;border-color: #1c84c6;}
.stream .stream-badge i.bg-primary {color: #ffffff;background-color: #1c84c6;border-color: #1c84c6;}
.stream .stream-badge i.bg-warning {color: #ffffff;background-color: #f8ac59;border-color: #f8ac59;}
.stream .stream-badge i.bg-info {color: #ffffff;background-color: #23c6c8;border-color: #23c6c8;}
.stream .stream-badge i.bg-danger {color: #ffffff;background-color: #ed5565;border-color: #ed5565;}
.stream .stream-badge:before {content: '';width: 1px;background-color: #e7eaec;position: absolute;top: 0;bottom: 0;left: 20px;}
.stream .stream-info {font-size: 12px;margin-bottom: 5px;}
.stream .stream-info img {border-radius: 50%;width: 18px;height: 18px;margin-right: 2px;margin-top: -4px;}
.stream .stream-info .date {color: #9a9d9f;font-size: 80%;}
.stream .stream-panel {margin-left: 55px;}
.stream-small {margin: 10px 0;}
.stream-small .label {padding: 2px 6px;margin-right: 2px;}
.sidebar-panel {width: 220px;background: #ebebed;padding: 10px 20px;position: absolute;right: 0;}
.sidebar-panel .feed-element img.img-circle {width: 32px;height: 32px;}
.sidebar-panel .feed-element,.media-body,.sidebar-panel p {font-size: 12px;}
.sidebar-panel .feed-element {margin-top: 20px;padding-bottom: 0;}
.sidebar-panel .list-group {margin-bottom: 10px;}
.sidebar-panel .list-group .list-group-item {padding: 5px 0;font-size: 12px;border: 0;}
.sidebar-content .wrapper,.wrapper.sidebar-content {padding-right: 230px !important;}
.body-small .sidebar-content .wrapper,.body-small .wrapper.sidebar-content {padding-right: 20px !important;}
#right-sidebar, #right-actionSidebar { background-color: #fff; border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; overflow: hidden; position: fixed; top: 60px; width: 260px !important; z-index: 1009;  bottom: 0; right: -260px; }
#right-sidebar.sidebar-open, #right-actionSidebar.sidebar-open { right: 0; }
#right-sidebar.sidebar-open.sidebar-top, #right-actionSidebar.sidebar-open.sidebar-top { top: 0; border-top: none; }
.sidebar-container ul.nav-tabs {border: none;}
.sidebar-container ul.nav-tabs.navs-4 li {width: 25%;}
.sidebar-container ul.nav-tabs.navs-3 li {width: 33.3333%;}
.sidebar-container ul.nav-tabs.navs-2 li {width: 50%;}
.sidebar-container ul.nav-tabs li {border: none;}
.sidebar-container ul.nav-tabs li a {border: none;padding: 12px 10px;margin: 0;border-radius: 0;background: #2f4050;color: #fff;text-align: center;border-right: 1px solid #334556;}
.sidebar-container ul.nav-tabs li.active a {border: none;background: #f9f9f9;color: #676a6c;font-weight: bold;}
.sidebar-container .nav-tabs > li.active > a:hover,.sidebar-container .nav-tabs > li.active > a:focus {border: none;}
.sidebar-container ul.sidebar-list {margin: 0;padding: 0;}
.sidebar-container ul.sidebar-list li {border-bottom: 1px solid #e7eaec;padding: 15px 20px;list-style: none;font-size: 12px;}
.sidebar-container .sidebar-message:nth-child(2n+2) {background: #f9f9f9;}
.sidebar-container ul.sidebar-list li a {text-decoration: none;color: inherit;}
.sidebar-container .sidebar-content {padding: 15px 20px;font-size: 12px;}
.sidebar-container .sidebar-title {background: #f9f9f9;padding: 20px;border-bottom: 1px solid #e7eaec;}
.sidebar-container .sidebar-title h3 {margin-bottom: 3px;padding-left: 2px;}
.sidebar-container .tab-content h4 {margin-bottom: 5px;}
.sidebar-container .sidebar-message > a > .pull-left {margin-right: 10px;}
.sidebar-container .sidebar-message > a {text-decoration: none;color: inherit;}
.sidebar-container .sidebar-message {padding: 15px 20px;}
.sidebar-container .sidebar-message .message-avatar {height: 38px;width: 38px;border-radius: 50%;}
.sidebar-container .setings-item {padding: 15px 20px;border-bottom: 1px solid #e7eaec;}
body {font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #2f4050;font-size: 15px !important;color: #676a6c;overflow-x: hidden;}
html,body {height: 100%;}
body.full-height-layout #wrapper,body.full-height-layout #page-wrapper {height: 100%;}
#page-wrapper {min-height: auto;}
body.boxed-layout {background: url('patterns/shattered.png');}
body.boxed-layout #wrapper {background-color: #2f4050;max-width: 1200px;margin: 0 auto;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);}
.top-navigation.boxed-layout #wrapper,.boxed-layout #wrapper.top-navigation {max-width: 1300px !important;}
.block {display: block;}
.clear {display: block;overflow: hidden;}
a {cursor: pointer;}
a:hover,a:focus {text-decoration: none;}
.border-bottom {border-bottom: 1px solid #e7eaec !important;}
.font-bold {font-weight: 600;}
.font-normal {font-weight: 400;}
.text-uppercase {text-transform: uppercase;}
.font-italic {  font-style: italic;}
.b-r {border-right: 1px solid #e7eaec;}
.hr-line-dashed {border-top: 1px dashed #e7eaec;color: #ffffff;background-color: #ffffff;height: 1px;  margin: 20px 0;}
.hr-line-solid {border-bottom: 1px solid #e7eaec;background-color: rgba(0, 0, 0, 0);border-style: solid !important;margin-top: 15px;margin-bottom: 15px;}
video {width: 100% !important;height: auto !important;}
.fixed-nav.body-small {padding-right: 0px !important;}
/* GALLERY */
.gallery > .row > div {margin-bottom: 15px;}
.fancybox img {margin-bottom: 5px;width: 24%;}
/* Summernote text editor  */
.note-editor {height: auto !important;}
.note-editor.fullscreen {z-index: 2050;}
.note-editor.note-frame.fullscreen {z-index: 2020;}
.note-editor.note-frame .note-editing-area .note-editable {color: #676a6c;padding: 15px;}
.note-editor.note-frame {border: none;}
.note-editor.panel {margin-bottom: 0;}
/* MODAL */
.modal-content {background-clip: padding-box;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0);border-radius: 21px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);outline: 0 none;position: relative;}
.modal-dialog {  z-index: 2200;}
.modal-body {padding: 20px 30px 30px 30px;}
.inmodal .modal-body {background: #f8fafb;}
.inmodal .modal-header {padding: 30px 15px;text-align: center;}
.animated.modal.fade .modal-dialog {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.inmodal .modal-title {font-size: 26px;}
.inmodal .modal-icon {font-size: 84px;color: #e2e3e3;}
.modal-footer {margin-top: 0;}
.res-modal{width: 30%;}
/* WRAPPERS */
#wrapper {width: 100%;overflow-x: hidden;}
.wrapper {padding: 0 20px;}
.wrapper-content {padding: 20px 10px 40px;}
#page-wrapper {padding: 0 15px;min-height: 568px;position: relative !important;}
.title-action {text-align: right;padding-top: 30px;}
.ibox-content h1,.ibox-content h2,.ibox-content h3,.ibox-content h5,.ibox-title h1,.ibox-title h2,.ibox-title h3,.ibox-title h4,.ibox-title h5 {margin-top: 5px;}
ul.unstyled,ol.unstyled {list-style: none outside none;margin-left: 0;}
.big-icon {font-size: 160px !important;color: #e5e6e7;}
/* FOOTER */
.footer {background: none repeat scroll 0 0 white;border-top: 1px solid #e7eaec;bottom: 0;left: 0;padding: 10px 20px;position: absolute;right: 0;}
.footer.fixed_full {position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;padding: 10px 20px;background: white;border-top: 1px solid #e7eaec;}
.footer.fixed {position: fixed;bottom: 0;left: 0;right: 0;z-index:9;padding: 10px 20px;background: white;border-top: 1px solid #e7eaec;margin-left: 220px;}
body.mini-navbar .footer.fixed,body.body-small.mini-navbar .footer.fixed {margin: 0 0 0 70px;}
body.mini-navbar.canvas-menu .footer.fixed,body.canvas-menu .footer.fixed {margin: 0 !important;}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {margin: 0 0 0 220px;}
body.body-small .footer.fixed {margin-left: 0;}
/* PANELS */
.page-heading {border-top: 0;padding: 0 10px 20px 10px;}
.panel-heading h1,.panel-heading h2 {margin-bottom: 5px;}
/* TABLES */
.table-bordered {border: 1px solid #EBEBEB;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {background-color: #F5F5F6;border-bottom-width: 1px;}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {border: 1px solid #e7e7e7;}
.table > thead > tr > th {border-bottom: 1px solid #DDDDDD;vertical-align: bottom;}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {border-top: 1px solid #e7eaec;line-height: 1.42857;padding: 8px;vertical-align: top;}
/* PANELS */
.panel.blank-panel {background: none;margin: 0;}
.blank-panel .panel-heading {padding-bottom: 0;}
.nav-tabs > li > a {color: #A7B1C2;font-weight: 600;padding: 10px 20px 10px 25px;}
.nav-tabs > li > a:hover,.nav-tabs > li > a:focus {background-color: #f2f2f2;color: #676a6c !important;font-weight: 500 !important;border-color: #f2f2f2 !important;}
.ui-tab .tab-content {padding: 20px 0;}
/* GLOBAL  */
.no-borders {border: none !important;}
.no-animation {animation: none !important;}
.no-outline {outline: none !important;}
.no-borders-top {border-top: none !important;}
.no-top-border {border-top: 0 !important;}
.ibox-content.text-box {padding-bottom: 0;padding-top: 15px;}
.border-left-right {border-left: 1px solid #e7eaec;border-right: 1px solid #e7eaec;}
.border-top-bottom {border-top: 1px solid #e7eaec;border-bottom: 1px solid #e7eaec;}
.border-left {border-left: 1px solid #e7eaec;}
.border-right {border-right: 1px solid #e7eaec;}
.border-top {border-top: 1px solid #e7eaec;}
.border-bottom {border-bottom: 1px solid #e7eaec;}
.border-size-sm {border-width: 3px;}
.border-size-md {border-width: 6px;}
.border-size-lg {border-width: 9px;}
.border-size-xl {border-width: 12px;}
.full-width {width: 100% !important;}
.wd-50{width: 50% !important;}
.wd-85{width: 85% !important;}
.wd-auto{width: auto !important;}
.wd-75{width: 75% !important;}
.link-block {font-size: 12px;padding: 10px;}
.nav.navbar-top-links .link-block a {font-size: 12px;}
.link-block a {font-size: 10px;color: inherit;}
body.mini-navbar .branding {display: none;}
img.circle-border {border: 6px solid #FFFFFF;border-radius: 50%;}
.branding {float: left;color: #FFFFFF;font-size: 18px;font-weight: 600;padding: 17px 20px;text-align: center;background-color: #1c84c6;}
.login-panel {margin-top: 25%;}
.icons-box h3 {margin-top: 10px;margin-bottom: 10px;}
.icons-box .infont a i {font-size: 25px;display: block;color: #676a6c;}
.icons-box .infont a {color: #a6a8a9;}
.icons-box .infont a {padding: 10px;margin: 1px;display: block;}
.ui-draggable .ibox-title {cursor: move;}
.breadcrumb {background-color: #ffffff;padding: 0;margin-bottom: 0;}
.breadcrumb > li a {color: inherit;}
.breadcrumb > .active {color: inherit;}
code {background-color: #F9F2F4;border-radius: 4px;color: #ca4440;font-size: 90%;padding: 2px 4px;white-space: nowrap;}
.ibox {clear: both;margin-bottom: 25px;margin-top: 0;padding: 0;}
.ibox.collapsed .ibox-content {display: none;}
.ibox.collapsed .fa.fa-chevron-up:before {content: "\f078";}
.ibox.collapsed .fa.fa-chevron-down:before {content: "\f077";}
.ibox:after,.ibox:before {display: table;}
.ibox-title {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #ffffff;border-color: #e7eaec;
  border-image: none;border-style: solid solid none;border-width: 2px 0 0;color: inherit;margin-bottom: 0;padding: 15px 15px 7px;min-height: 48px;}
.ibox-content {background-color: #ffffff;color: inherit;padding: 15px 20px 20px 20px;border-color: #e7eaec;border-image: none;border-style: solid solid none;border-width: 1px 0;}
.ibox-footer {color: inherit;border-top: 1px solid #e7eaec;font-size: 90%;background: #ffffff;padding: 10px 15px;}
table.table-mail tr td {padding: 12px;}
.table-mail .check-mail {padding-left: 20px;}
.table-mail .mail-date {padding-right: 20px;}
.star-mail,.check-mail {width: 40px;}
.unread td a,.unread td {font-weight: 600;color: inherit;}
.read td a,.read td {font-weight: normal;color: inherit;}
.unread td {background-color: #f9f8f8;}
.ibox-content {clear: both;}
.ibox-heading {background-color: #f3f6fb;border-bottom: none;}
.ibox-heading h3 {font-weight: 200;font-size: 24px;}
.ibox-title h5 {display: inline-block;font-size: 14px;margin: 0 0 7px;padding: 0;text-overflow: ellipsis;float: left;}
.ibox-title .label {float: left;margin-left: 4px;}
.ibox-tools {display: block;float: none;margin-top: 0;position: relative;padding: 0;text-align: right;}
.ibox-tools a {cursor: pointer;margin-left: 5px;color: #c4c4c4;}
.ibox-tools a.btn-primary {color: #fff;}
.ibox-tools .dropdown-menu > li > a {padding: 4px 10px;font-size: 12px;}
.ibox .ibox-tools.open > .dropdown-menu {left: auto;right: 0;}
/* BACKGROUNDS */
.gray-bg,.bg-muted {background-color: #f3f3f4;}
.white-bg {background-color: #ffffff;}
.blue-bg,.bg-success {background-color: #1c84c6;color: #ffffff;}
.navy-bg,.bg-primary {background-color: #1c84c6;color: #ffffff;}
.lazur-bg,.bg-info {background-color: #23c6c8;color: #ffffff;}
.yellow-bg,.bg-warning {background-color: #f8ac59;color: #ffffff;}
.red-bg,.bg-danger {background-color: #ed5565;color: #ffffff;}
.black-bg {background-color: #262626;}
.panel-primary {border-color: #1c84c6;}
.panel-primary > .panel-heading {background-color: #1c84c6;border-color: #1c84c6;}
.panel-success {border-color: #1c84c6;}
.panel-success > .panel-heading {background-color: #1c84c6;border-color: #1c84c6;color: #ffffff;}
.panel-info {border-color: #23c6c8;}
.panel-info > .panel-heading {background-color: #23c6c8;border-color: #23c6c8;color: #ffffff;}
.panel-warning {border-color: #f8ac59;}
.panel-warning > .panel-heading {background-color: #f8ac59;border-color: #f8ac59;color: #ffffff;}
.panel-danger {border-color: #ed5565;}
.panel-danger > .panel-heading {background-color: #ed5565;border-color: #ed5565;color: #ffffff;}
.progress-bar {background-color: #1c84c6;}
.progress-small,.progress-small .progress-bar {height: 10px;}
.progress-small,.progress-mini {margin-top: 5px;}
.progress-mini,.progress-mini .progress-bar {height: 5px;margin-bottom: 0;}
.progress-bar-navy-light {background-color: #3dc7ab;}
.progress-bar-success {background-color: #1c84c6;}
.progress-bar-info {background-color: #23c6c8;}
.progress-bar-warning {background-color: #f8ac59;}
.progress-bar-danger {background-color: #ed5565;}
.panel-title {font-size: inherit;}
.jumbotron {border-radius: 6px;padding: 40px;}
.jumbotron h1 {margin-top: 0;}
/* COLORS */
.text-navy {color: #1c84c6;}
.text-primary {color: inherit;}
.text-success {color: #1c84c6;}
.text-info {color: #23c6c8;}
.text-warning {color: #f8ac59;}
.text-danger {color: #ed5565;}
.text-muted {color: #888888;}
.text-white {color: #ffffff !important;}
.simple_tag {background-color: #f3f3f4;border: 1px solid #e7eaec;border-radius: 2px;color: inherit;font-size: 10px;margin-right: 5px;margin-top: 5px;padding: 5px 12px;display: inline-block;}
.img-shadow {-webkit-box-shadow: 0 0 3px 0 #919191;-moz-box-shadow: 0 0 3px 0 #919191;box-shadow: 0 0 3px 0 #919191;}
/* For handle diferent bg color in AngularJS version */
.dashboards\.dashboard_2 nav.navbar,.dashboards\.dashboard_3 nav.navbar,.mailbox\.inbox nav.navbar,.mailbox\.email_view nav.navbar,.mailbox\.email_compose nav.navbar,.dashboards\.dashboard_4_1 nav.navbar,
.metrics nav.navbar,.metrics\.index nav.navbar,.dashboards\.dashboard_5 nav.navbar {background: #fff;}
/* For handle diferent bg color in MVC version */
.Dashboard_2 .navbar.navbar-static-top,.Dashboard_3 .navbar.navbar-static-top,.Dashboard_4_1 .navbar.navbar-static-top,.ComposeEmail .navbar.navbar-static-top,.EmailView .navbar.navbar-static-top,
.Inbox .navbar.navbar-static-top,.Metrics .navbar.navbar-static-top,.Dashboard_5 .navbar.navbar-static-top {background: #fff;}
a.close-canvas-menu {position: absolute;top: 10px;right: 15px;z-index: 1011;color: #a7b1c2;}
a.close-canvas-menu:hover {color: #fff;}
.close-canvas-menu {display: none;}
.canvas-menu .close-canvas-menu {display: block;}
.light-navbar .navbar.navbar-static-top {background-color: #ffffff;}
/* FULL HEIGHT */
.full-height {height: 100%;}
.fh-breadcrumb {height: calc(100% - 196px);margin: 0 -15px;position: relative;}
.fh-no-breadcrumb {height: calc(100% - 99px);margin: 0 -15px;position: relative;}
.fh-column {background: #fff;height: 100%;width: 240px;float: left;}
.modal-backdrop {z-index: 2040 !important;}
.modal { z-index: 2050 !important; padding-left: 0 !important; padding-right: 0 !important;}
.spiner-example {height: 200px;padding-top: 70px;}
/* MARGINS & PADDINGS */
.p-xxs {padding: 5px;}
.p-xs {padding: 10px;}
.p-sm {padding: 15px;}
.p-m {padding: 20px;}
.p-md {padding: 25px;}
.p-lg {padding: 30px;}
.p-xl {padding: 40px;}
.p-w-xs {padding: 0 10px;}
.p-w-sm {padding: 0 15px;}
.p-w-m {padding: 0 20px;}
.p-w-md {padding: 0 25px;}
.p-w-lg {padding: 0 30px;}
.p-w-xl {padding: 0 40px;}
.p-h-xs {padding: 10px 0;}
.p-h-sm {padding: 15px 0;}
.p-h-m {padding: 20px 0;}
.p-h-md {padding: 25px 0;}
.p-h-lg {padding: 30px 0;}
.p-h-xl {padding: 40px 0;}
.m-xxs {margin: 2px 4px;}
.m {margin: 15px;}
.m-xs {margin: 5px;}
.m-sm {margin: 10px;}
.m-md {margin: 20px;}
.m-lg {margin: 30px;}
.m-xl {margin: 50px;}
.m-n {margin: 0 !important;}
.m-l-none {margin-left: 0;}
.m-l-xs {margin-left: 5px;}
.m-l-sm {margin-left: 10px;}
.m-l {margin-left: 15px;}
.m-l-md {margin-left: 20px;}
.m-l-lg {margin-left: 30px;}
.m-l-xl {margin-left: 40px;}
.m-l-n-xxs {margin-left: -1px;}
.m-l-n-xs {margin-left: -5px;}
.m-l-n-sm {margin-left: -10px;}
.m-l-n {margin-left: -15px;}
.m-l-n-md {margin-left: -20px;}
.m-l-n-lg {margin-left: -30px;}
.m-l-n-xl {margin-left: -40px;}
.m-t-none {margin-top: 0;}
.m-t-xxs {margin-top: 1px;}
.m-t-xs {margin-top: 5px;}
.m-t-sm {margin-top: 10px;}
.m-t {margin-top: 15px;}
.m-t-md {margin-top: 20px;}
.m-t-lg {margin-top: 30px;}
.m-t-xl {margin-top: 40px;}
.m-t-n-xxs {margin-top: -1px;}
.m-t-n-xs {margin-top: -5px;}
.m-t-n-sm {margin-top: -10px;}
.m-t-n {margin-top: -15px;}
.m-t-n-md {margin-top: -20px;}
.m-t-n-lg {margin-top: -30px;}
.m-t-n-xl {margin-top: -40px;}
.m-r-none {margin-right: 0;}
.m-r-xxs {margin-right: 1px;}
.m-r-xs {margin-right: 5px;}
.m-r-sm {margin-right: 10px;}
.m-r {margin-right: 15px;}
.m-r-md {margin-right: 20px;}
.m-r-lg {margin-right: 30px;}
.m-r-xl {margin-right: 40px;}
.m-r-n-xxs {margin-right: -1px;}
.m-r-n-xs {margin-right: -5px;}
.m-r-n-sm {margin-right: -10px;}
.m-r-n {margin-right: -15px;}
.m-r-n-md {margin-right: -20px;}
.m-r-n-lg {margin-right: -30px;}
.m-r-n-xl {margin-right: -40px;}
.m-b-none {margin-bottom: 0;}
.m-b-xxs {margin-bottom: 1px;}
.m-b-xs {margin-bottom: 5px;}
.m-b-sm {margin-bottom: 10px;}
.m-b {margin-bottom: 15px;}
.m-b-md {margin-bottom: 20px;}
.m-b-lg {margin-bottom: 30px;}
.m-b-xl {margin-bottom: 40px;}
.m-b-n-xxs {margin-bottom: -1px;}
.m-b-n-xs {margin-bottom: -5px;}
.m-b-n-sm {margin-bottom: -10px;}
.m-b-n {margin-bottom: -15px;}
.m-b-n-md {margin-bottom: -20px;}
.m-b-n-lg {margin-bottom: -30px;}
.m-b-n-xl {margin-bottom: -40px;}
.space-15 {margin: 15px 0;}
.space-20 {margin: 20px 0;}
.space-25 {margin: 25px 0;}
.space-30 {margin: 30px 0;}
.img-sm {width: 32px;height: 32px;}
.img-md {width: 64px;height: 64px;}
.img-lg {width: 96px;height: 96px;}
.b-r-xs {-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.b-r-sm {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.b-r-md {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.b-r-lg {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.b-r-xl {-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;}
.fullscreen-ibox-mode .animated {animation: none;}
body.fullscreen-ibox-mode {overflow-y: hidden;}
.ibox.fullscreen {z-index: 2030;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: auto;margin-bottom: 0;}
.ibox.fullscreen .collapse-link {display: none;}
.ibox.fullscreen .ibox-content {min-height: calc(100% - 48px);}
body.modal-open {padding-right: inherit !important;}
body.modal-open .wrapper-content.animated {-webkit-animation: none;-ms-animation-nam: none;animation: none;}
body.modal-open .animated {animation-fill-mode: initial;z-index: inherit;}
/* Show profile dropdown on fixed sidebar */
body.mini-navbar.fixed-sidebar .profile-element,.block {display: block !important;}
body.mini-navbar.fixed-sidebar .nav-header {padding: 33px 25px;}
body.mini-navbar.fixed-sidebar .logo-element {display: none;}
.fullscreen-video .animated {animation: none;}
/* SEARCH PAGE */
.search-form {margin-top: 10px;}
.search-result h3 {margin-bottom: 0;color: #1E0FBE;}
.search-result .search-link {color: #006621;}
.search-result p {font-size: 12px;margin-top: 5px;}
/* CONTACTS */
.contact-box {background-color: #ffffff;border: 1px solid #e7eaec;padding: 20px;margin-bottom: 20px;}
.contact-box > a {color: inherit;}
.contact-box.center-version {border: 1px solid #e7eaec;padding: 0;}
.contact-box.center-version > a {display: block;background-color: #ffffff;padding: 20px;text-align: center;}
.contact-box.center-version > a img {width: 80px;height: 80px;margin-top: 10px;margin-bottom: 10px;}
.contact-box.center-version address {margin-bottom: 0;}
.contact-box .contact-box-footer {text-align: center;background-color: #ffffff;border-top: 1px solid #e7eaec;padding: 15px 20px;}
/* INVOICE */
.invoice-total > tbody > tr > td:first-child,.invoice-table tbody > tr > td:last-child,.invoice-table tbody > tr > td:nth-child(4),.invoice-table tbody > tr > td:nth-child(3),.invoice-table tbody > tr > td:nth-child(2) {text-align: right;}
.invoice-total > tbody > tr > td {border: 0 none;}
.invoice-total > tbody > tr > td:last-child {border-bottom: 1px solid #DDDDDD;text-align: right;width: 15%;}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {max-width: 400px;z-index: 100;margin: 0 auto;padding-top: 40px;}
.lockscreen.middle-box {width: 200px;padding-top: 110px;}
.loginscreen.middle-box {width: 300px;}
.loginColumns {max-width: 800px;margin: 0 auto;padding: 100px 20px 20px 20px;}
.passwordBox {max-width: 460px;margin: 0 auto;padding: 100px 20px 20px 20px;}
.logo-name {color: #e6e6e6;font-size: 180px;font-weight: 800;letter-spacing: -10px;margin-bottom: 0;}
.middle-box h1 {font-size: 170px;}
.wrapper .middle-box {margin-top: 140px;}
.lock-word {z-index: 10;position: absolute;top: 110px;left: 50%;margin-left: -470px;}
.lock-word span {font-size: 100px;font-weight: 600;color: #e9e9e9;display: inline-block;}
.lock-word .first-word {margin-right: 160px;}
/* DASBOARD */
.dashboard-header {border-top: 0;padding: 20px 20px 20px 20px;}
.dashboard-header h2 {margin-top: 10px;font-size: 26px;}
.fist-item {border-top: none !important;}
.statistic-box {margin-top: 40px;}
.dashboard-header .list-group-item span.label {margin-right: 10px;}
.list-group.clear-list .list-group-item {border-top: 1px solid #e7eaec;border-bottom: 0;border-right: 0;border-left: 0;padding: 10px 0;font-size: 17px !important;}
ul.clear-list:first-child {border-top: none !important;}
.subscribe_screen{padding-top: 80px; background: none;width: 800px; margin: 0 auto;}
.subscribe_screen .panel{padding: 3px; border-radius: 15px;}
.subscribe_screen h2{ font-weight: 600;}
.subscribe_screen .search{ background-color: #fff; padding: 4px; border-radius: 50px; color: #1c1c1e; font-size: 16px; margin-bottom: 10px;}
.subscribe_screen .searchin { border: none; outline: none;color: #48484a; font-weight: 600;font-size: 16px;}
.subscribe_table{height: 350px; overflow-y: auto;}
/*23-03-2022*/
.viewjob .loginbtn{background-color: #1c84c6; padding: 5px 10px; border-radius: 7px; cursor: pointer;transition: .5s; font-size: 20px;}
.viewjob .loginbtn:hover{background-color: #005c97;}
.vj-searchsec{box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 0; background-color: #fff;}
.vj-adv-btn { background: none; outline: none; border: none; padding: 5px 10px; border-radius: 7px; cursor: pointer;transition: .5s; font-size: 17px; color: #0095f6; position: relative; top: 2px;}
.vj-adv-btn:hover { background: #eee; font-weight: 500;}
.vj-ser-btn{border-radius: 4px !important; height: 50px;}
.vj-searchinp{border-radius: 4px;}
.vj-container{margin: 15px;}
.vj-left-panel{background-color: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; border: none; padding: 2px;}
.vj-right-panel{background-color: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; border: none; padding: 2px;}
.vj-left-list-box{background-color: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; padding: 10px; padding-bottom: 0; display: flex;margin-bottom: 12px; cursor: pointer; transition: .5s; border-left: 5px solid #fff;}
.vj-left-list-box:hover{background-color: #f2f2f2;}
.modalHeaderM17{background-color: #eeeeee !important; border: none; margin: 10px 10px 2px 10px; border-radius: 8px;}
.modalHeaderM18{ background-color: #eeeeee !important; border: none; margin: 5px 5px 2px 5px; border-radius: 8px; padding: 0 10px; }
.modalHeaderM18 .titleName{ font-weight: 600; color: #1c1c1e; margin: 10px 0; font-size:22px; }
#settingModal .inputshadowBorder { font-size: 16px; padding: 0 6px; }

.selected-list-box {border-radius: 4px; border-left: 5px solid #0eae24; background-color: #f2f2f2  !important;}
.vj-left-list-box .icon-box { background-color: #0eae24; color: #fff; padding: 10px !important; height: 42px; align-items: center; display: inherit; border: 2px solid !important; font-size: 18px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px;}
.vj-left-list-box .text-det { margin-left: 15px; width: 100%}
.vj-left-list-box .text-det label{ font-size: 12px; border-radius: 50px; background-color: rgb(0 149 246 / 10%); color: #0095f6; padding: 4px 14px;}
.vj-left-list-box .text-det .saveicon::before{ content: "\f08a";}
.vj-left-list-box .text-det:hover .saveicon::before{ content: "\f004";}
.vj-right-panel .text-det{padding: 15px;}
.vj-right-panel .text-det label{ font-size: 12px; border-radius: 50px; background-color: rgb(0 149 246 / 10%); color: #0095f6; padding: 4px 14px;}
.vj-right-panel .text-det .saveicon::before{ content: "\f08a";}
.vj-right-panel .text-det:hover .saveicon::before{ content: "\f004";}
.vj-cusTabs .nav-tabs > li > a{font-weight: 500;}
.vj-rightprv .modal-dialog {width: 400px !important;}
.vj-rightprv .header {height: 100px;}
.vj-rightprv .img-loc { text-align: center; position: relative; top: 30px;}
.vj-rightprv img { width: 20%; border: 3px solid #fff; border-radius: 50px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.vj-rightprv profile-image img { width: 5% !important;}
.vj-modal-close { position: relative; top: 8px; background-color: #fff !important; font-size: 14px !important; font-weight: 600 !important;}
.vj-divider{ border-bottom: 1px solid #cacaca; margin: 20px 0 !important; }
.vj-divider div{ position: relative; top: 12px; text-align: center; }
.vj-divider span{ background-color: #fff; padding: 10px; }
.vj-bwt-trans{background: none; color: #0095f6 !important; font-size: 16px; font-weight: 600;}
.bwt-google { border: 1px solid rgba(0, 149, 246, 1) !important; background: #fff !important; color: rgba(0, 149, 246, 1) !important; padding: 6px 30px 4px 30px; font-weight: 600; margin-top: 10px; border-radius: 50px; font-size: 16px;}
.bwt-google:hover { border: none; background: rgba(0, 149, 246, 1) !important; color: #fff !important;}
.bwt-linkedIn {border: 1px solid rgba(0, 149, 246, 1) !important;background: #fff !important;color: rgba(0, 149, 246, 1) !important;padding: 6px 30px 4px 30px;font-weight: 600;margin-top: 10px;border-radius: 50px;font-size: 16px;}
.bwt-linkedIn:hover {border: none;background: rgb(238 238 238) !important;}
.vj-search-pan {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;border-radius: 10px;display: flex;align-items: center;padding-left: 22px;background-color: #fff;color: #1c84c6;font-weight: 500;}
.vj-search-pan.basic:active { box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6; font-weight: 500; background-color: #fff;}
.vj-search-pan.basic:focus { box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6; font-weight: 500; background-color: #fff;}
.vj-search-pan .form-control{border: none; outline: none; font-size: 20px; height: 50px; border-radius: 50px; background: none;}
.vj-search-pan .close { font-size: 17px; color: #48484a; opacity: 0.6; position: relative; top: 2px; right: 10px;}
.vj-search-box:not(:valid) ~ .close { display: none !important; }   
.vj-SignIn{ font-size: 16px; margin-left: 10px; cursor: pointer; box-shadow: 0px 0px 20px 10px rgb(44 0 0 / 10%); padding: 4px 14px; border: 2px solid; border-radius: 50px; transition: .3s; background-color: #fff; color: #1c84c6; font-weight: 500}
.vj-SignIn:hover{padding: 5px 15px;}
.vj-filter {font-size: 15px;margin-left: 4px;margin-right: 18px;cursor: pointer;padding: 0px 7px;border: 2px solid #1c84c6;border-radius: 50px;transition: .3s;color: #1c84c6;}
.vj-filter:hover { padding: 1px 8px;background-color: #1c84c6;color: #fff;}
.vj-button {cursor: pointer;background-color: #ffffff;padding: 6px 33px;border-radius: 50px;transition: .3s;color: #f17028;font-size: 17px;display: inline-block;margin-top: -1px;}
.tm-apr-panel .box {cursor:pointer; width: 100px; text-align: center; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; padding: 5px 5px; border-radius: 11px; height:90px; transition: .3s; margin-left: 15px}
.tm-apr-panel .box:nth-child(1) {margin-left: 0px}
.tm-apr-panel .box:hover { background-color: #eee;}
.tm-apr-panel .box.bg-grey-ee{background-color:transparent !Important;}
.tm-apr-panel .box.one.bg-grey-ee{border-bottom:5px solid  #1ab394;}
.tm-apr-panel .box.two.bg-grey-ee{border-bottom: 5px solid #0095f6;}
.tm-apr-panel .box.three.bg-grey-ee{border-bottom:5px solid #2ca01c;}
.tm-apr-panel .box.four.bg-grey-ee{border-bottom:5px solid #f86161;}
.tm-apr-panel .circle-badge-big{ margin-top: 0px; height: 40px; width: 40px; line-height: 43px; text-align: center; font-size: 16px; font-weight: 600; border-radius: 34px; color: white; margin-left: auto; margin-right: auto; background-color: #0095f6;}
.tm-apr-panel .text{ font-size: 13px; font-weight: 600; margin-top: 6px; }
.rightsession-expbtn { padding: 5px 12px 4px 10px; position: absolute; margin-left: 0 !important; top: 0px; left: 15px; border-radius: 10px 0px !important; z-index: 1;}
.left-icon-suitcase {background-color: #1c84c6;color: #fff;height: 35px;width: 35px;text-align: center;line-height: 30px;font-size: 14px;border-radius: 26px;border: 2px solid #fff;position: absolute;left: -20px;top: 20px;}
#applyModal.vj-rightprv .modal-dialog {width: 32% !important;}
#applyModal.vj-rightprv .sec3-blk {overflow-x: hidden;height: 470px !important;overflow-y: auto;padding: 5px !important;}
#applyModal.vj-rightprv .sec3-blk #searchBoxContainer input{width:95%;}
#applyModal div[ng-show="accSec5"] #partitioned {letter-spacing: 36px;}
.viewjob .vj-left-panel .bg-grey-f5 .vj-button{white-space:nowrap;width: 100%;padding: 6px 12px;text-align: center;}
.viewjob .vj-left-panel .bg-grey-f5 .vj-button.select-filter{border:1px solid #00bf0e !important;}
.bulk-approval .panel-default{width: 99%;}
.bulk-approval .tab-content{margin-top:5px;}
.bulk-approval-top .text-align-right{padding-top:10px !important;}
.bulk-approval-top .text-align-right h2,.bulk-approval-top .text-align-right a{float:right;}
.bulk-approval-top .text-align-right h2.mbl-hd{display:none;}
.bulk-approval-top .text-align-right a,.bulk-approval-top .text-align-left a{color:#fff;font-size:18px;margin-left:10px;margin-top: 3px;}
.bulk-approval-top .text-align-left a,.viewjob .bulk-approval-top .text-align-left .res-btn{display:none;} 
.bulk-approval-top  a.dropdown-toggle,.viewjob .bulk-approval-top .user{margin-top:-2px;animation: expand-pulse .4s infinite alternate;-webkit-animation-duration: 0.8s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.bulk-approval .vj-searchsec:hover a.text-16{-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;display: inline-block;}
.bulk-approval-top .dropdown-menu.cli-drop{padding: 0;left:auto;right:25px;width:400px;background-color: #fff;z-index: 50 !important;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 34%) !important;border-radius: 4px;border-bottom: 4px solid #0095F6;}
.bulk-approval-top .dropdown-menu.cli-drop p{color:#676a6c;font-size:16px;margin-bottom: 6px;}
.bulk-approval-top .dropdown-menu.cli-drop .circle-name {height: 40px;width: 40px;font-size: 20px;line-height: 40px;margin-top: 10px;}
.bulk-approval-top .dropdown-menu.cli-drop .pull-left.ml-5 {width: 88%;}
.bulk-approval-top .dropdown-menu.cli-drop .pull-left span.bold{font-size: 18px;position: relative;top: 5px;}
.bulk-approval-top .dropdown-menu.cli-drop .pull-left span.bold strong{display:block;font-size:16px !important;font-weight:500;}
.bulk-approval-top .dropdown-menu.cli-drop p span{display:inline-block}
.bulk-approval-top .dropdown-menu.cli-drop p span:nth-child(odd){width:40%;position: relative;}
.bulk-approval-top .dropdown-menu.cli-drop p span:nth-child(odd):after{content:':';font-weight: 600;right: 30%;position: absolute;}
.bulk-approval-top .dropdown-menu.cli-drop p span:nth-child(even){color:#2ca01c;} 
.bulk-approval-top .dropdown-menu.cli-drop p:nth-child(3) span:nth-child(even), .bulk-approval-top .dropdown-menu.cli-drop p:nth-child(4) span:nth-child(even) {box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important;padding: 1px 10px;border-radius: 5px;min-width: 35px;text-align: center;} 
.bulk-approval .vj-searchsec .project .btn-group{width: 85% !important;top: 0px !important;}
.bulk-approval .vj-searchsec .btn-group .dropdown-toggle{padding: 3px 0px !important;}
.bulk-approval .vj-searchsec .employee .btn-group{width: 80% !important;}
.bulk-approval .vj-searchsec .col-md-8 .col-md-3{float:right;width: 23%;}
.bulk-approval  .staff-filter .col-md-8 .col-md-3{width:25%;}
.bulk-approval  .staff-filter .col-md-8 .col-md-2{width:10%;float: right;}
.bulk-approval  .staff-filter .col-md-8 .col-md-4{width: 40%;}
.bulk-approval .vj-searchsec .col-md-8 .col-md-3.text-align-right{width:27%;padding-right:0px;}
.bulk-approval .vj-searchsec {border-radius: 15px;margin: 10px 4px 10px 12px;width: 98%;}
.bulk-approval .cusTabs #tabMenu > a{color: #676a6c !important;padding: 10px 16px !important;text-decoration:none}
.bulk-approval .cusTabs #tabMenu > a:hover{background-color:#ddd; font-weight: 600 !important;}
.bulk-approval .cusTabs #tabMenu.active > a{color: #1c84c6 !important;}
.bulk-approval .cusTabs #tabMenu > a span{position: absolute;border-radius: 10px;top: 0px;right: -27px;padding: 3px 8px 4px;color: #fff; background-color: #2ca01c}
.customer-approval.bulk-approval .cusTabs #tabMenu > a span {right: -21px;}
.bulk-approval .taskmanagement-rightprv .modal-dialog {width: 735px !important;}
.bulk-approval .taskmanagement-rightprv .modal-dialog .table{margin-bottom:0px;}
.bulk-approval .taskmanagement-rightprv .modal-dialog .table td{padding:5px 5px;}
.bulk-approval .filter-expand .box{ height:auto; float:left; width: auto; padding: 3px 5px 3px 8px; border-radius: 25px; width: 120px; margin-left: 8px; }  
.bulk-approval .filter-expand .box.bg-grey-ee{border-width:3px;}
.bulk-approval .filter-expand .box:first-child{margin-left:0px;}
.bulk-approval .filter-expand .box .text{float:left;font-size: 14px;margin-right: 2px;margin-top: 3px;}
.bulk-approval .filter-expand .box .circle-badge-big{float:right;height: 24px;width: 24px;line-height: 25px;margin-left: 5px; font-size: 14px;}
.bulk-approval .filter-expand .col-md-7.text-align-right{padding-right:0px;}
.bulk-approval .box .circle-badge-big.bg-cyan {background-color: #1ab394 !important;}
.bulk-approval #EmployeeView .table th, .bulk-approval #EmployeeView .table td{text-align:left;text-transform: capitalize;}
.bulk-approval #EmployeeView .table td{color:#48484a;vertical-align: middle;padding: 5px;line-height: 10px;}
.bulk-approval #EmployeeView .table td table .bg-grey-ee {background-color: rgb(188 187 187) !important;} 
.bulk-approval #EmployeeView .table td table th:first-child, .bulk-approval #EmployeeView .table td table td:first-child,
.bulk-approval #All .table th:first-child,.bulk-approval #All .table td:first-child{width: 25px;}
.bulk-approval .table .check-box-cover {padding-left: 0px;} 
.bulk-approval #EmployeeView .table .text-align-center{text-align:center;}
.bulk-approval #EmployeeView .table .circle-badge-22 {color: #2ca01c !important;background-color: #2ca01c47 !important;}
.bulk-approval .taskmanagement-rightprv .modal-header .head-3sec {padding: 10px 10px 4px;}
.bulk-approval .taskmanagement-rightprv .modal-header .open.drop .assbox {display: block !important;width: 375px;top: 27px;position: absolute;
background-color: #fff;z-index: 50 !important;box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important;border-radius: 4px;border-bottom: 4px solid #0095F6;}
.bulk-approval .modal-header .assbox.dropdown-menu:before{display:none;}
.bulk-approval .taskmanagement-rightprv .modal-header .ass-emp .name {text-align: left;}
.bulk-approval .taskmanagement-rightprv .modal-header .ass-emp div {color: #48484a;font-size: 13px;font-weight: 500;}
.bulk-approval .add-appbtn {position:absolute;right: 0px;top: -34px;}
.customer-approval.bulk-approval .add-appbtn {position: absolute; top: -55px;} 
.bulkapp-mbl .top {margin-bottom: 10px;text-align: left !important;} 
.bulkapp-mbl  .top .payroll-checkbox{float:left;}
.bulkapp-mbl .top h2{float:left;font-weight: 400;color: #000;margin-top: 5px;font-size: 19px;}
.bulkapp-mbl .top h6{float:right;margin-top:5px;padding-right: 0px;}
.bulkapp-mbl  .top h6.ttl-record span{margin-left: 5px;color: #0095f6;font-weight: 600;}
.bulkapp-mbllst {border-radius: 4px;padding: 6px 7px;margin-bottom: 15px;border-bottom: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 17%), 0 1px 5px 0 rgb(0 0 0 / 18%);text-align:left;position:relative;}  
.bulkapp-mbllst .tp-name {margin: -7px -7px 10px -7px;padding: 1px 5px;position:relative;}
.bulkapp-mbllst .title-top .pull-left{width: 94%;padding-left:32px;}
.bulkapp-mbllst .title-top .pull-right{width: 4%;margin-top:-5px;padding-right: 20px;}
.bulkapp-mbllst .title-top .pull-right a{font-size:20px;}
.bulkapp-mbllst .title-top h3{float:left;margin-bottom: 5px;padding-left: 0;font-weight: 500;color: rgb(51, 122, 183);font-size: 20px;margin: 0px !important;}
.bulkapp-mbllst .title-top .circle-badge {position: absolute;left: -2px;top: -2px;border-radius: 0px 0px 35px 0px !important;height: 30px;color: #ffffff !important;background-color: #2ca01c;padding: 5px 10px 0px 1px;}
.bulkapp-mbllst .title-top .payroll-checkbox{float:left;position: relative;top: -7px;margin: 0px;padding-left: 15px;}
.bulkapp-mbllst .title-top .bt-name{clear:both;border-top: 1px solid #efeded;margin-top: 7px;display: inline-block;width: 100%;padding-top: 5px;}
.bulkapp-mbllst .bt-name h4{font-weight: 500;font-size: 19px;color: #000;}
.bulkapp-mbllst .bt-name h4 span{border-bottom: 2px solid #3aa52a;margin-right: 5p;}
.bulkapp-mbllst  ul{padding-left:0px;margin-bottom: 0px;}
.bulkapp-mbllst  ul li {float:left;list-style:none;width: 33%;margin-bottom: 15px;position:relative;/* font-size: 18px; */}
.bulkapp-mbllst  ul li p {display: block;margin-bottom: 5px;color: #676a6c;font-weight:600;font-size: 18px;}
.bulkapp-mbllst  ul li p span{font-weight:100;font-size: 16px;display: block;padding-top: 8px;}
.bulkapp-mbllst .bt-name ul li{margin-bottom:0px;}
.bulkapp-mbllst .expand ul li{margin:5px 0px;}
.bulkapp-mbllst .expand ul{border-top: 1px solid #e5e5e5;}
.bulkapp-mbl .mblbtm-mnu li button{width: auto !important;position: relative;top: 12px;}
.bulkapp-mbl .mblbtm-mnu >ul >li p {margin: 0px 0px 0px;} 
.bulkapp-mbl .filter{margin: 0px 0px 0px 0px !important;border-radius: 3px;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 38%) !important;margin-bottom: 15px !important;padding: 10px 0px;border: 1px solid #eae9e9;margin-left: 0;width: 100%;background-color: #fff;}
.bulkapp-mbl .filter h3{font-size:25px;text-transform:uppercase;margin: 0px 0px 0px 6px !important;}
.bulkapp-mbl .filter a.pull-right{font-size: 20px;}
.bulkapp-mbl .filter .dd-dept-mobileinfo {margin-top: 1px;}
.bulkapp-mbl .filter .dd-dept-mobileinfo .dropdown-menu {padding: 5px;width: 300px;right: -6px;}
.bulkapp-mbl .filter .fil-btm{clear:both;padding-top: 10px;}
.bulkapp-mbl .filter .fil-btm .top button{margin-bottom:6px;}
.bulkapp-mbl .filter .tm-apr-panel{margin-bottom:10px;}
.bulkapp-mbl .filter .vj-searchsec .col-md-3{float:left;width:30%;}
.bulkapp-mbl .filter .vj-searchsec .col-md-3:last-child{width:10%;}
.bulkapp-mbl .mblbtm-mnu li {margin-bottom: 0px;}
.bulkapp-mbl .mblbtm-mnu .mnu-expand {left: 9px;}
.employee-view .bulkapp-mbllst .title-top .pull-left{padding-left:0px;}
.employee-view .bulkapp-mbllst .bt-name ul li{width:50%;}
.employee-view .bulkapp-mbllst ul li p span{display:inline-block;font-weight:600}
.employee-view .bulkapp-mbllst ul li p strong{width: 80%;display: inline-block;}
.employee-view .bulkapp-mbllst table{display:block;}
.employee-view .bulkapp-mbllst table{display:block;}
.bulk-approval #All .table th .check-box-cover input:checked ~ .checkmark {border-color: #ffffff !important;}
.bulk-approval .select-ID{background-color: rgb(44 160 28 / 18%);} 
.bulk-approval .alltabs.select-ID{background-color: rgb(44 160 28 / 5%);} 
.bulk-approval .select-ID td:first-child,.bulkapp-mbllst.select-ID .title-top h3{color:#48484a !important;}
.bulk-approval .table tr[ng-show="selectedEntityRow==x.Employeeid"]{background-color: rgb(44 160 28 / 18%);border-top: 1px solid #ffffff;}
.bulkapp-mbllst.select-ID .title-top .bt-name{border-color:#fff;}
.bulk-approval #Staff .un-circular-chart .circle {stroke: #2ca01c;}
.bulk-approval .table-striped>tbody>tr:nth-of-type(even) {border-bottom:1px solid #eee;}
.bulk-approval .table-striped td{vertical-align:middle;}
.bulk-approval #Staff .table td{padding: 15px 5px !important;}
.staff-mbl .title-top .pull-left .circle-badge {min-width: 25px;padding: 5px 10px 0px 6px;}
.staff-mbl .bulkapp-mbllst .bt-name h4 {width: 90%;float: left;margin-bottom: 0px;margin-top: 11px;} 
.staff-mbl .bulkapp-mbllst ul {border-top: 1px solid #efeded;margin-top: 5px;}
.bulk-approval #staffModal .modal-body{height:80%;}
.empbtn-list{clear:both;padding-left:10px}
.empbtn-list li{list-style:none;float:left;}
.bulk-approval #EmployeeView .check-box-cover{margin-top:0px !important;} 
.bulk-approval #Approvers .table-striped td,.bulk-approval #Approvers .table-striped th{text-align:left;}
.bulk-approval #Approvers .table-striped td{font-size:17px;}
#ClientManager .modal-dialog {width: 35% !important;}
#ClientManager .modal-header{background-color: #f1f1f1;padding: 14px 5px;}
#ClientManager .modal-header h2{float:left;margin: 0px !important;}
#ClientManager .modal-header .bwt-cancel{margin:0px;}
#ClientManager .modal-body{padding:15px 10px;}
.bulk-approval #Approvers .col-md-6.role .col-md-9{width: 72% !important;padding-right: 0px;}
#ClientManager .roleInfo{float: right;margin-top: 8px;} 
#ClientManager .roleInfo a{padding: 4px 12px;}
#ClientManager .roleInfo ul{padding: 5px;margin:0px;}
#ClientManager .roleInfo li{list-style:none;color: #000;margin-bottom: 5px;font-size: 15px;border-bottom: 1px solid #ccc;padding-bottom:0px;display: inline-block;width: 100%;margin-bottom:0px;background-color: #f1f1f15c;}
#ClientManager .roleInfo li span{float: left;width: 72%;padding: 5px;}
#ClientManager .roleInfo li strong{background-color: #2ca01c2b;width: 28%;float: left;padding: 5px;color: #2ca01c;}
#ClientManager .roleInfo .dropdown-menu{left:auto;right:0px;width: 500px;padding: 0px;}
.customer-approval .ben-Unlockbtn {width: 123px;}
.customer-approval .staff-filter .col-md-8 .col-md-2 {width: 15%;}
.customer-approval .staff-filter .col-md-8 .col-md-4 {width: 30%;}
.customer-approval .staff-filter .col-md-8 .col-md-3 {width: 27%;}
.bulk-approval #Approvers .col-md-6{margin-bottom:25px;width: 100%;}
.bulk-approval #Approvers .col-md-6 label{float:left;width:20%;font-size: 15px !important;font-weight: 600 !important;margin-top:6px;}
.bulk-approval #Approvers .col-md-6 .col-md-9{width: 80%;}
.bulk-approval #Approvers .form-control{font-size:16px;} 
.bulk-approval #Approvers .col-md-6:last-child{width:100%;float:right;margin-bottom: 0px;}
.empbtn-list li:first-child{float:left;}
.empbtn-list li:last-child{float:right;}
.empbtn-list li h5{font-size:15px;}
.bulk-approval #staffModal .table td, .bulk-approval #staffModal .table th {white-space: nowrap;}
#toast-container > .toast-error:before{display:none !important;}
.viewjob .skills-table thead th{background-color: #f5f5f5 !important;border:0px !important;}
.viewjob .skills-table thead th:first-child{border-radius:25px 0px 0px 25px;}
.viewjob .skills-table thead th:last-child{border-radius:0px 25px 25px 0px;}
.viewjob .skills-table td{border: 0px !important;}
.viewjob .skills-table.table>tbody+tbody{border-width:1px;}
.viewjob #un-rightsection.col-md-12 .text-det span.text-black-83 {padding-left: 15px;}
.viewjob .deetsbox {right: 0px;}
.viewjob .bulk-approval-top span[ng-if="userloggedIn"]{display:inline-block;} 
.viewjob-extend .cusTabs{clear:both;}
.viewjob-extend .btm-content{padding: 0px 100px 80px 100px !important;background-color: #fff;}
.viewjob-extend .heading-top{padding: 0px 100px 0px 100px !important;}
.viewjob-extend #carNavi{margin: 10px auto !important;width: 87%;z-index: 9;}
.viewjob-extend #carNavi.sticky{position:fixed;top: 0px;margin-top: 0px !important;left: 0%;width: 100%;}
.viewjob-extend .cusTabs a[data-toggle="dropdown"] {color: #676a6c !important;padding: 5px 6px 10px 6px;font-size: 18px;display: none;}
.viewjob-extend .cusTabs .dropdown-menu {left: auto !important;right: 0px;padding: 0px !important;}
.viewjob-extend .cusTabs .myhr-dotmenus li a {padding: 3px 6px;margin: 0px;}
.viewjob-extend .RecommendedJobs-mobile{margin: -10px 0px 20px;clear: both;padding: 5px;display:none;}
.viewjob-extend .RecommendedJobs-mobile .top{background-color: #eee;padding: 10px;border-radius: 5px;}
.viewjob-extend .RecommendedJobs-mobile .top h2{margin:0px;}
.viewjob-extend .RecommendedJobs-mobile .top a{font-size:20px;}
.viewjob-extend .RecommendedJobs-mobile .receJobRight{box-shadow:inherit !important;border-radius:0px 0px 15px 15px;}
.viewjob-extend p{font-size:16px;}
.careerbtm-mnu.mblbtm-mnu .mnu-expand {top: 8px;left: 10px;} 
.careerbtm-mnu.mblbtm-mnu.show .mnu-expand {top: 13px;}
.careerbtm-mnu.mblbtm-mnu .vj-SignIn,.careerbtm-mnu.mblbtm-mnu .rec-bwt-apply,.careerbtm-mnu.mblbtm-mnu .bwt-arrow{width: 40px;height: 40px;border-radius: 40px;display: inline-block;padding: 1px 5px;font-size: 25px;text-align:center;margin: 0px;}
.careerbtm-mnu.mblbtm-mnu .vj-SignIn{position: relative;top: 1px;box-shadow: none;background-color: #1c84c6;color: #fff;width: 39px;height: 39px;}
.careerbtm-mnu.mblbtm-mnu .dropdown-menu{left: -180px;right:auto;width: 553px;}
.careerbtm-mnu.mblbtm-mnu .dropdown-menu:before {left:32%;right: auto !important;}
.careerbtm-mnu.mblbtm-mnu .dropdown-menu .col-md-4{float:left;width: 50%;margin: 9px 0px;}
.carbtm-login #carbtm-filtr .dropdown-toggle {margin-top: 5px;}
.careerbtm-mnu.mblbtm-mnu #hotjobs .dropdown-toggle{position: relative;top: -4px;color: #636363;font-size: 20px;background-color: #ddd;padding: 3px 14px;}
.careerbtm-mnu.mblbtm-mnu #hotjobs .dropdown-menu{width:250px;left: -79px;}
.careerbtm-mnu.mblbtm-mnu #hotjobs li{padding:0px}
.careerbtm-mnu.mblbtm-mnu #hotjobs li:nth-child(1){display:block !important;}
.careerbtm-mnu.mblbtm-mnu #hotjobs li a .fa-circle {font-size: 19px;}
.careerbtm-mnu.mblbtm-mnu #hotjobs li a, .careerbtm-mnu.mblbtm-mnu #hotjobs li span {font-size: 20px;}
#resumeTextModal .modal-dialog {width: 65% !important;}
#resumeTextModal .modal-dialog textarea{height:300px !important;}
.careerbtm-mnu .switch { position: relative;display: inline-block;width: 77px;height: 24px;}
.careerbtm-mnu .switch input { display: none; }
.careerbtm-mnu .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0; bottom: 0;background-color: #1c84c6;-webkit-transition: .4s;transition: .4s;border-radius: 34px;width: 60px;}
.careerbtm-mnu .slider:before {position: absolute;content: ""; height: 16px;width: 16px;left: 4px;bottom: 4px;
background-color: white;-webkit-transition: .4s; transition: .4s;border-radius: 50%;}
.careerbtm-mnu input:checked + .slider {background-color: #6a6666;}
.careerbtm-mnu input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
.careerbtm-mnu input:checked + .slider:before {-webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);}
.careerbtm-mnu.mblbtm-mnu li:nth-child(1),.careerbtm-mnu.mblbtm-mnu li:nth-child(5){display:none;}
.carbtm-slct .careerbtm-mnu.mblbtm-mnu li{display: table-cell !important;}
.viewjob-extend .careerbtm-mnu li{display:table-cell !important;}
.viewjob-extend .careerbtm-mnu.mblbtm-mnu{left: 116px;width: calc(100% - 220px);}
.viewjob-extend .careerbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -139px);}
.viewjob-extend .careerbtm-mnu.mblbtm-mnu .mnu-expand {top: 18px;left: 15px;}
.viewjob-extend .careerbtm-mnu.mblbtm-mnu.show .mnu-expand{left:auto;top: 20px;}
.viewjob-extend .showPanelopen .bg-light-blue {border-radius: 15px 15px 0px 0px !important;}
/*Requirements Create Job*/
.req-createjob{}
.req-createjob .rec-filter-panel .head {clear: both;}
.req-createjob .rec-filter-panel {margin: 10px 0px 0 4px !important;padding: 5px 5px 5px !important;}
.req-createjob .rec-filter-panel .text { cursor: pointer; font-weight: 600; }
/* Intimeline */
.timeline-item .date i {position: absolute;top: 0;right: 0;padding: 5px;width: 30px;text-align: center;border-top: 1px solid #e7eaec;border-bottom: 1px solid #e7eaec;border-left: 1px solid #e7eaec;background: #f8f8f8;}
.timeline-item .date {text-align: right;width: 110px;position: relative;padding-top: 30px;}
.timeline-item .content {border-left: 1px solid #e7eaec;border-top: 1px solid #e7eaec;padding-top: 10px;min-height: 100px;}
.timeline-item .content:hover {background: #f6f6f6;}

/* PIN BOARD */
ul.notes li,ul.tag-list li {list-style: none;}
ul.notes li h4 {margin-top: 20px;font-size: 16px;}
ul.notes li div {text-decoration: none;color: #000;background: #ffc;display: block;height: 140px;width: 140px;padding: 1em;position: relative;}
ul.notes li div small {position: absolute;top: 5px;right: 5px;font-size: 10px;}
ul.notes li div a {position: absolute;right: 10px;bottom: 10px;color: inherit;}
ul.notes li {margin: 10px 40px 50px 0;float: left;}
ul.notes li div p {font-size: 12px;}
ul.notes li div {text-decoration: none;color: #000;background: #ffc;display: block;height: 140px;width: 140px;padding: 1em;-moz-box-shadow: 5px 5px 2px #212121;-webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);}
ul.notes li div {-webkit-transform: rotate(-6deg);-o-transform: rotate(-6deg);-moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);}
ul.notes li:nth-child(even) div {-o-transform: rotate(4deg);-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);-ms-transform: rotate(4deg);position: relative;top: 5px;}
ul.notes li:nth-child(3n) div {-o-transform: rotate(-3deg);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);position: relative;top: -5px;}
ul.notes li:nth-child(5n) div {-o-transform: rotate(5deg);-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);position: relative;top: -10px;}
ul.notes li div:hover,ul.notes li div:focus {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);position: relative;  z-index: 5;}
ul.notes li div {text-decoration: none;color: #000;background: #ffc;display: block;height: 210px;width: 210px;padding: 1em;-moz-box-shadow: 5px 5px 7px #212121;-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);-moz-transition: -moz-transform 0.15s linear;-o-transition: -o-transform 0.15s linear;-webkit-transition: -webkit-transform 0.15s linear;}
/* FILE MANAGER */
.file-box {float: left;width: 220px;}
.file-manager h5 {text-transform: uppercase;}
.file-manager {list-style: none outside none;margin: 0;padding: 0;}
.folder-list li a {color: #666666;display: block;padding: 5px 0;}
.folder-list li {border-bottom: 1px solid #e7eaec;display: block;}
.folder-list li i {margin-right: 8px;color: #3d4d5d;}
.category-list li a {color: #666666;display: block;padding: 4px 3px;}
.category-list li a span {width: 32px;display: inline-block;white-space: nowrap;}
.category-list li {display: block;padding: 0;}
.category-list li i {margin-right: 6px;color: #3d4d5d;}
.category-list li a .text-navy {color: #1c84c6;}
.category-list li a .text-primary {color: #1c84c6;}
.category-list li a .text-info {color: #23c6c8;}
.category-list li a .text-danger {color: #EF5352;}
.category-list li a .text-warning {color: #F8AC59;}
.fileStatus-List.category-list li:nth-child(1) .fa-circle{color: #00BF0E !important}
.fileStatus-List.category-list li:nth-child(1) .label{background-color: #00BF0E !important}
.fileStatus-List.category-list li:nth-child(2) .fa-circle{color: #FF7735 !important}
.fileStatus-List.category-list li:nth-child(2) .label{background-color: #FF7735 !important}
.fileStatus-List.category-list li:nth-child(3) .fa-circle{color: #1c84c6 !important}
.fileStatus-List.category-list li:nth-child(3) .label{background-color: #1c84c6 !important}
.file-manager h5.tag-title {margin-top: 20px;}
.tag-list li {float: left;}
.tag-list li a {font-size: 10px;background-color: #f3f3f4;padding: 5px 12px;color: inherit;border-radius: 6px;border: 1px solid #e7eaec;margin-right: 10px;margin-top: 5px;display: block;}
.file {border: 1px solid #e7eaec;padding: 0;background-color: #ffffff;position: relative;margin-bottom: 20px;margin-right: 20px;}
.file-manager .hr-line-dashed {margin: 15px 0;}
.file .icon,.file .image {height: 100px;overflow: hidden;}
.file .icon {padding: 15px 10px;text-align: center;}
.file-control {color: inherit;font-size: 11px;margin-right: 10px;}
.file-control.active {text-decoration: underline;}
.file .icon i {font-size: 70px;color: #dadada;}
.file .file-name {padding: 10px;background-color: #f8f8f8;border-top: 1px solid #e7eaec;}
.file-name small {color: #676a6c;}
.corner {position: absolute;display: inline-block;width: 0;height: 0;line-height: 0;border: 0.6em solid transparent;border-right: 0.6em solid #f1f1f1;border-bottom: 0.6em solid #f1f1f1;right: 0em;bottom: 0em;}
a.compose-mail {padding: 8px 10px;}
.mail-search {max-width: 300px;}
/* PROFILE */
.profile-content {border-top: none !important;}
.profile-stats {margin-right: 10px;}
.profile-image {width: 120px;float: left;}
.profile-image img {width: 96px;height: 96px;}
.profile-info {margin-left: 120px;}
.feed-activity-list .feed-element {border-bottom: 1px solid #e7eaec;}
.feed-element:first-child {margin-top: 0;}
.feed-element {padding-bottom: 15px;}
.feed-element,.feed-element .media {margin-top: 15px;}
.feed-element,.media-body {overflow: hidden;}
.feed-element > .pull-left {margin-right: 10px;}
.feed-element img.img-circle,
.dropdown-messages-box img.img-circle {width: 38px;height: 38px;}
.feed-element .well {border: 1px solid #e7eaec;box-shadow: none;margin-top: 10px;margin-bottom: 5px;padding: 10px 20px;font-size: 11px;line-height: 16px;}
.feed-element .actions {margin-top: 10px;}
.feed-element .photos {margin: 10px 0;}
.feed-photo {max-height: 180px;border-radius: 4px;overflow: hidden;margin-right: 10px;margin-bottom: 10px;}
.file-list li {padding: 5px 10px;font-size: 11px;border-radius: 2px;border: 1px solid #e7eaec;margin-bottom: 5px;}
.file-list li a {color: inherit;}
.file-list li a:hover {color: #1c84c6;}
.user-friends img {width: 42px;height: 42px;margin-bottom: 5px;margin-right: 5px;}
/* MAILBOX */
.mail-box {background-color: #ffffff;border: 1px solid #e7eaec;border-top: 0;padding: 0;margin-bottom: 20px;}
.mail-box-header {background-color: #ffffff;border: 1px solid #e7eaec;border-bottom: 0;padding: 30px 20px 20px 20px;}
.mail-box-header h2 {margin-top: 0;}
.mailbox-content .tag-list li a {background: #ffffff;}
.mail-body {border-top: 1px solid #e7eaec;padding: 20px;}
.mail-text {border-top: 1px solid #e7eaec;}
.mail-text .note-toolbar {padding: 10px 15px;}
.mail-body .form-group {margin-bottom: 5px;}
.mail-text .note-editor .note-toolbar {background-color: #F9F8F8;}
.mail-attachment {border-top: 1px solid #e7eaec;padding: 20px;  font-size: 12px;}
.mailbox-content {background: none;border: none;padding: 10px;}
.mail-ontact {width: 23%;}
/* PROJECTS */
.project-people,.project-actions {text-align: right;vertical-align: middle;}
dd.project-people {text-align: left;margin-top: 5px;}
.project-people img {width: 32px;height: 32px;}
.project-title a {font-size: 14px;color: #676a6c;font-weight: 600;}
.project-list table tr td {border-top: none;border-bottom: 1px solid #e7eaec;padding: 10px;vertical-align: middle;position: relative;}
.project-manager .tag-list li a {font-size: 10px;background-color:white;padding: 5px 12px;color: inherit;border-radius: 2px;border: 1px solid #e7eaec;margin-right: 5px;margin-top: 5px;display: block;}
.project-files li a {font-size: 11px;color: #676a6c;margin-left: 10px;line-height: 22px;}
/* FAQ */
.faq-item {padding: 20px;margin-bottom: 2px;background: #fff;}
.faq-item2 {padding: 5px;margin-bottom: 2px;background: #fff;}
.faq-question {font-size: 18px;font-weight: 600;color: #1c84c6;  display: block;}
.faq-question:hover {color: #179d82;}
.faq-answer {margin:0px 0px 9px;background: #f2f2f7 !important;border-radius: 0px !important;padding: 14px 14px 7px 14px !important;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);border-left: 3px solid #676a6c !important; box-shadow: none !important; border: none;}
.faq-answer2 {margin-top: 3px;background: #e5e5e7;border: 1px solid #e7eaec;border-radius: 0px 0 15px 15px;padding: 15px;width: 100%;margin-left: 0;}
.faq-item {padding: 12px 0px 0px 0px !important;}
.faq-page .ibox-content.desk {overflow-y: scroll;overflow-x: hidden;}
.faq-page .ibox-content.desk::-webkit-scrollbar {width: 8px;background-color: rgba(0,0,0,.3);}
.faq-page .ibox-content.desk::-webkit-scrollbar-track {border-radius: 6px;background-color: #F5F5F5;}
.faq-page .ibox-content.desk::-webkit-scrollbar-thumb {background: #ddd;border-radius: 5px;}
.faq-page .ibox-content.desk::-webkit-scrollbar-thumb:hover {background: #000;}
.faq-item .tag-item {background: #f3f3f4;padding: 2px 6px;font-size: 14px;border-radius: 4px;color: #48484a;font-weight: 600;}
.tssec-detail .tag-item {background-color: #ececec;padding: 2px 6px;font-size: 14px;border-radius: 4px;color: #363636;font-weight: 500;}
.que-row {background-color: rgba(44,160, 28, 0.1) !important;padding: 5px 0;border-left: 3px solid #2ca01c;}
.que-row:hover {background-color: rgba(44,160, 28, 0.2) !important;}
.que-row2 {background-color: rgba(44,160, 28, 0.1) !important;padding: 5px 8px;border-left: 3px solid #2ca01c;border-radius: 10px;text-align: left;}
.que-row2:hover {background-color: rgba(44,160, 28, 0.2) !important;}
.faq-answer p.ctn-p p{margin-left:30px !Important}
.faq-answer p.ctn-p span span span {display:none;}
/* Chat view */
    .message-input {height: 90px !important;}
.chat-avatar {width: 36px;height: 36px;float: left;margin-right: 10px;}
.chat-user-name {padding: 10px;}
.chat-user {padding: 8px 10px;border-bottom: 1px solid #e7eaec;}
.chat-user a {color: inherit;}
.chat-view {z-index: 20012;}
.chat-users,.chat-statistic {margin-left: -30px;}
.chat-view .ibox-content {padding: 0;}
.chat-message {padding: 10px 20px;}
.message-avatar {height: 48px;width: 48px;border: 1px solid #e7eaec;border-radius: 4px;margin-top: 1px;}
.chat-discussion .chat-message.left .message-avatar {float: left;margin-right: 10px;}
.chat-discussion .chat-message.right .message-avatar {float: right;margin-left: 10px;}
.message {background-color: #fff;border: 1px solid #e7eaec;text-align: left;display: block;padding: 10px 20px;position: relative;border-radius: 4px;}
.chat-discussion .chat-message.left .message-date {float: right;}
.chat-discussion .chat-message.right .message-date {float: left;}
.chat-discussion .chat-message.left .message {text-align: left;margin-left: 55px;}
.chat-discussion .chat-message.right .message {text-align: right;margin-right: 55px;}
.message-date {font-size: 10px;color: #888888;}
.message-content {display: block;}
.chat-discussion {background: #eee;padding: 15px;height: 400px;overflow-y: auto;}
.labelUnread-title {font-weight: 500 !important;}
.labelUnread {color: #6cc628;}
.select-bg2 {background-color: #e7e4e4;border-radius: 4px;}
.select-bg3 {background-color: #1ab394 !important;color: #fff !important;}
.select-bg4 {background-color: #1c84c6 !important;color: #fff !important;}
.select-bg5 {background-color: #1c84c6 !important;color: #fff !important;}
.select-bg6 {background-color: #1c84c6 !important;color: #fff !important;}
.labelEmp {color: #fff;background-color: #1c84c6;}
.labelTmcrd {color: #fff;background-color: #4fae07;}
.labelPayroll {color: #fff;background-color: #23c6c8;}
.labelSupprt {color: #fff;background-color: #6cc628;}
.labelHR {color: #fff;background-color: #f8ac59;}
.labelActn {color: #fff;background-color: #ff5668;}
.labelBen {color: #fff;background-color: #6cc628;}
.chat-users {overflow-y: auto;height: 400px;}
.chat-message-form .form-group {margin-bottom: 0;}
/* jsTree */
.jstree-open > .jstree-anchor > .fa-folder:before {content: "\f07c";}
.jstree-default .jstree-icon.none {width: 0;}
/* CLIENTS */
.clients-list {margin-top: 20px;}
.clients-list .tab-pane {position: relative;height: 600px;}
.client-detail {position: relative;height: 620px;}
.clients-list table tr td {height: 46px;vertical-align: middle;border: none;}
.client-link {font-weight: 600;color: inherit;}
.client-link:hover {color: inherit;}
.client-avatar {width: 42px;}
.client-avatar img {width: 35px;height: 35px;border-radius: 50%;}
.contact-type {width: 20px;color: #c1c3c4;}
.client-status {text-align: left;}
.client-detail .vertical-timeline-content p {margin: 0;}
.client-detail .vertical-timeline-icon.gray-bg {color: #a7aaab;}
.clients-list .nav-tabs > li.active > a,.clients-list .nav-tabs > li.active > a:hover,.clients-list .nav-tabs > li.active > a:focus {border-bottom: 1px solid #fff;}
/* BLOG ARTICLE */
.blog h2 {font-weight: 700;}
.blog h5 {margin: 0 0 5px 0;}
.blog .btn {margin: 0 0 5px 0;}
.article h1 {font-size: 48px;font-weight: 700;color: #2F4050;}
.article p {font-size: 15px;line-height: 26px;}
.article-title {text-align: center;margin: 40px 0 100px 0;}
.article .ibox-content {padding: 40px;}
/* ISSUE TRACKER */
.issue-tracker .btn-link {color: #1c84c6;}
table.issue-tracker tbody tr td {vertical-align: middle;height: 50px;}
.issue-info {width: 50%;}
.issue-info a {font-weight: 600;color: #676a6c;}
.issue-info small {display: block;}
/* TEAMS */
.team-members {margin: 10px 0;}
.team-members img.img-circle {width: 42px;height: 42px;margin-bottom: 5px;}
/* AGILE BOARD */
.sortable-list {padding: 10px 0;}
.agile-list {list-style: none;margin: 0;}
.agile-list li {background: #FAFAFB;border: 1px solid #e7eaec;margin: 0 0 10px 0;padding: 10px;border-radius: 2px;}
.agile-list li:hover {cursor: pointer;background: #fff;}
.agile-list li.warning-element {border-left: 3px solid #f8ac59;}
.agile-list li.danger-element {border-left: 3px solid #ed5565;}
.agile-list li.info-element {border-left: 3px solid #1c84c6;}
.agile-list li.success-element {border-left: 3px solid #1c84c6;}
.agile-detail {margin-top: 5px;font-size: 12px;}
/* DIFF */
ins {background-color: #c6ffc6;text-decoration: none;}
del {background-color: #ffc6c6;}
/* E-commerce */
.product-box {padding: 0;border: 1px solid #e7eaec;}
.product-box:hover,.product-box.active {border: 1px solid transparent;-webkit-box-shadow: 0 3px 7px 0 #a8a8a8;-moz-box-shadow: 0 3px 7px 0 #a8a8a8;box-shadow: 0 3px 7px 0 #a8a8a8;}
.product-imitation {text-align: center;padding: 90px 0;background-color: #f8f8f9;color: #bebec3;font-weight: 600;}
.cart-product-imitation {text-align: center;padding-top: 30px;height: 80px;width: 80px;background-color: #f8f8f9;}
.product-imitation.xl {padding: 120px 0;}
.product-desc {padding: 20px;position: relative;}
.ecommerce .tag-list {padding: 0;}
.ecommerce .fa-star {color: #d1dade;}
.ecommerce .fa-star.active {color: #f8ac59;}
.ecommerce .note-editor {border: 1px solid #e7eaec;}
table.shoping-cart-table {margin-bottom: 0;}
table.shoping-cart-table tr td {border: none;text-align: right;}
table.shoping-cart-table tr td.desc,table.shoping-cart-table tr td:first-child {text-align: left;}
table.shoping-cart-table tr td:last-child {width: 80px;}
.product-name {font-size: 16px;font-weight: 600;color: #676a6c;display: block;margin: 2px 0 5px 0;}
.product-name:hover,.product-name:focus {color: #1c84c6;}
.product-price {font-size: 14px;font-weight: 600;color: #ffffff;background-color: #1c84c6;padding: 6px 12px;position: absolute;top: -32px;right: 0;}
.product-detail .ibox-content {padding: 30px 30px 50px 30px;}
.image-imitation {background-color: #f8f8f9;text-align: center;padding: 200px 0;}
.product-main-price small {font-size: 10px;}
.product-images {margin: 0 20px;}
/* Social feed */
.social-feed-separated .social-feed-box {margin-left: 62px;}
.social-feed-separated .social-avatar {float: left;padding: 0;}
.social-feed-separated .social-avatar img {width: 52px;height: 52px;border: 1px solid #e7eaec;}
.social-feed-separated .social-feed-box .social-avatar {padding: 15px 15px 0 15px;float: none;}
.social-feed-box {/*padding: 15px;*/border: 1px solid #e7eaec;background: #fff;margin-bottom: 15px;}
.article .social-feed-box {margin-bottom: 0;border-bottom: none;}
.article .social-feed-box:last-child {margin-bottom: 0;border-bottom: 1px solid #e7eaec;}
.article .social-feed-box p {font-size: 13px;line-height: 18px;}
.social-action {margin: 15px;}
.social-avatar {padding: 15px 15px 0 15px;}
.social-comment .social-comment {margin-left: 45px;}
.social-avatar img {height: 40px;width: 40px;margin-right: 10px;}
.social-avatar .media-body a {font-size: 14px;  display: block;}
.social-body {padding: 15px;}
.social-body img {margin-bottom: 10px;}
.social-footer {border-top: 1px solid #e7eaec;padding: 10px 15px;background: #f9f9f9;}
.social-footer .social-comment img {width: 32px;margin-right: 10px;}
.social-comment:first-child {margin-top: 0;}
.social-comment {margin-top: 15px;}
.social-comment textarea {font-size: 12px;}
/* Vote list */
.vote-item {padding: 20px 25px;background: #ffffff;border-top: 1px solid #e7eaec;}
.vote-item:last-child {border-bottom: 1px solid #e7eaec;}
.vote-item:hover {background: #fbfbfb;}
.vote-actions {float: left;width: 30px;margin-right: 15px;text-align: center;}
.vote-actions a {color: #1c84c6;font-weight: 600;}
.vote-actions {font-weight: 600;}
.vote-title {display: block;color: inherit;font-size: 18px;font-weight: 600;margin-top: 5px;margin-bottom: 2px;}
.vote-title:hover,.vote-title:focus {color: inherit;}
.vote-info,.vote-title {margin-left: 45px;}
.vote-info,.vote-info a {color: #b4b6b8;font-size: 12px;}
.vote-info a {margin-right: 10px;}
.vote-info a:hover {color: #1c84c6;}
.vote-icon {text-align: right;font-size: 38px;display: block;color: #e8e9ea;}
.vote-icon.active {color: #1c84c6;}
body.body-small .vote-icon {display: none;}
.lightBoxGallery {text-align: center;}
.lightBoxGallery img {margin: 5px;}
#small-chat {position: fixed;bottom: 20px;right: 20px;z-index: 100;}
#small-chat .badge {position: absolute;top: -3px;right: -4px;}
.open-small-chat {height: 38px;width: 38px;display: block;background: #1c84c6;padding: 9px 8px;text-align: center;color: #fff;border-radius: 50%;}
.open-small-chat:hover {color: white;background: #1c84c6;}
.small-chat-box {display: none;position: fixed;bottom: 20px;right: 75px;background: #fff;border: 1px solid #e7eaec;width: 230px;height: 320px;border-radius: 4px;}
.small-chat-box.ng-small-chat {display: block;}
.body-small .small-chat-box {bottom: 70px;right: 20px;}
.small-chat-box.active {display: block;}
.small-chat-box .heading {background: #2f4050;padding: 8px 15px;font-weight: bold;color: #fff;}
.small-chat-box .chat-date {opacity: 0.6;font-size: 10px;font-weight: normal;}
.small-chat-box .content {padding: 15px 15px;}
.small-chat-box .content .author-name {font-weight: bold;margin-bottom: 3px;font-size: 11px;}
.small-chat-box .content > div {padding-bottom: 20px;}
.small-chat-box .content .chat-message {padding: 5px 10px;border-radius: 6px;font-size: 11px;line-height: 14px;max-width: 80%;background: #f3f3f4;margin-bottom: 10px;}
.small-chat-box .content .chat-message.active {background: #1c84c6;color: #fff;}
.small-chat-box .content .left {text-align: left;clear: both;}
.small-chat-box .content .left .chat-message {float: left;}
.small-chat-box .content .right {text-align: right;clear: both;}
.small-chat-box .content .right .chat-message {float: right;}
.small-chat-box .form-chat {padding: 10px 10px;}
/*metismenu - v2.0.2*/
.metismenu .plus-minus,.metismenu .plus-times {float: right;}
.metismenu .arrow {float: right;line-height: 1.42857;}
.metismenu .glyphicon.arrow:before {content: "\e079";}
.metismenu .active > a > .glyphicon.arrow:before {content: "\e114";}
.metismenu .fa.arrow:before {content: "\f104";}
.metismenu .active > a > .fa.arrow:before {content: "\f107";}
.metismenu .ion.arrow:before {content: "\f3d2";}
.metismenu .active > a > .ion.arrow:before {content: "\f3d0";}
.metismenu .fa.plus-minus:before,.metismenu .fa.plus-times:before {content: "\f067";}
.metismenu .active > a > .fa.plus-times {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.metismenu .active > a > .fa.plus-minus:before {content: "\f068";}
.metismenu .collapse {display: none;}
.metismenu .collapse.in {display: block;}
.metismenu .collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;
  transition-duration: .35s;-webkit-transition-property: height, visibility;transition-property: height, visibility;}
.mini-navbar .metismenu .collapse {opacity: 0;}
.mini-navbar .metismenu .collapse.in {opacity: 1;}
.mini-navbar .metismenu .collapse a {display: none;}
.mini-navbar .metismenu .collapse.in a {display: block;}
/*Usage:: <div class="sk-spinner sk-spinner-rotating-plane"></div> */
.sk-spinner-rotating-plane.sk-spinner {width: 30px;height: 30px;background-color: #1c84c6;margin: 0 auto;-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;animation: sk-rotatePlane 1.2s infinite ease-in-out;}
@-webkit-keyframes sk-rotatePlane {
  0% {-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
  50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
  100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);  }
}
@keyframes sk-rotatePlane {
  0% {-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
  50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
  100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
/*Usage::<div class="sk-spinner sk-spinner-double-bounce"><div class="sk-double-bounce1"></div><div class="sk-double-bounce2"></div></div>*/
.sk-spinner-double-bounce.sk-spinner {width: 40px;height: 40px;position: relative;margin: 0 auto;}
.sk-spinner-double-bounce .sk-double-bounce1,.sk-spinner-double-bounce .sk-double-bounce2 { width: 100%;height: 100%;border-radius: 50%;background-color: #1c84c6;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;animation: sk-doubleBounce 2s infinite ease-in-out;}
.sk-spinner-double-bounce .sk-double-bounce2 {-webkit-animation-delay: -1s;animation-delay: -1s;}
@-webkit-keyframes sk-doubleBounce {
  0%,100% {-webkit-transform: scale(0);transform: scale(0);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes sk-doubleBounce {
  0%,100% {-webkit-transform: scale(0);transform: scale(0);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
}
/*Usage::<div class="sk-spinner sk-spinner-wave"><div class="sk-rect1"></div><div class="sk-rect2"></div><div class="sk-rect3"></div><div class="sk-rect4"></div><div class="sk-rect5"></div></div>*/
.spinner {margin: 100px auto 0;width: 70px;text-align: center;}
.spinner > div {width: 12px;height: 12px;background-color: #1c84c6;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {-webkit-transform: scale(0)}
    40% {-webkit-transform: scale(1.0)}
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {-webkit-transform: scale(0)}
    40% {-webkit-transform: scale(1.0)}
}
.sk-spinner-wave.sk-spinner {margin: 0 auto;width: 50px;height: 30px;text-align: center;font-size: 10px;}
.sk-spinner-wave div {background-color: #1c84c6;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes sk-waveStretchDelay {
  0%,40%,100% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4);}
  20% {-webkit-transform: scaleY(1);transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
  0%,40%,100% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4);}
  20% {-webkit-transform: scaleY(1);transform: scaleY(1);}
}
/*Usage::<div class="sk-spinner sk-spinner-wandering-cubes"><div class="sk-cube1"></div><div class="sk-cube2"></div></div>*/
.sk-spinner-wandering-cubes.sk-spinner {margin: 0 auto;width: 32px;height: 32px;position: relative;}
.sk-spinner-wandering-cubes .sk-cube1,.sk-spinner-wandering-cubes .sk-cube2 {background-color: #1c84c6;width: 10px;height: 10px;position: absolute;top: 0;left: 0;-webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;}
.sk-spinner-wandering-cubes .sk-cube2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
@-webkit-keyframes sk-wanderingCubeMove {
  25% {-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);transform: translateX(42px) rotate(-90deg) scale(0.5);}
  50% {-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);transform: translateX(42px) translateY(42px) rotate(-179deg);}
  50.1% {-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);transform: translateX(42px) translateY(42px) rotate(-180deg);}
  75% {-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}
  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
@keyframes sk-wanderingCubeMove {
  25% {-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);transform: translateX(42px) rotate(-90deg) scale(0.5);}
  50% {-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);transform: translateX(42px) translateY(42px) rotate(-179deg);}
  50.1% {-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);transform: translateX(42px) translateY(42px) rotate(-180deg);}
  75% {-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}
  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
/*Usage::<div class="sk-spinner sk-spinner-pulse"></div>*/
.sk-spinner-pulse.sk-spinner {width: 40px;height: 40px;margin: 0 auto;background-color: #1c84c6;border-radius: 100%;-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;animation: sk-pulseScaleOut 1s infinite ease-in-out;}
@-webkit-keyframes sk-pulseScaleOut {
  0% {-webkit-transform: scale(0);transform: scale(0);}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
}
@keyframes sk-pulseScaleOut {
  0% {-webkit-transform: scale(0);transform: scale(0);}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
}
/*Usage::<div class="sk-spinner sk-spinner-chasing-dots"><div class="sk-dot1"></div><div class="sk-dot2"></div></div>*/
.sk-spinner-chasing-dots.sk-spinner {margin: 0 auto;width: 40px;height: 40px;position: relative;text-align: center;-webkit-animation: sk-chasingDotsRotate 2s infinite linear;animation: sk-chasingDotsRotate 2s infinite linear;}
.sk-spinner-chasing-dots .sk-dot1,.sk-spinner-chasing-dots .sk-dot2 {width: 60%;height: 60%;display: inline-block;position: absolute;top: 0;background-color: #1c84c6;border-radius: 100%;-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;animation: sk-chasingDotsBounce 2s infinite ease-in-out;}
.sk-spinner-chasing-dots .sk-dot2 {top: auto;bottom: 0;-webkit-animation-delay: -1s;animation-delay: -1s;}
@-webkit-keyframes sk-chasingDotsRotate {
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes sk-chasingDotsRotate {
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%,100% {-webkit-transform: scale(0);transform: scale(0);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes sk-chasingDotsBounce {
  0%,100% {-webkit-transform: scale(0);transform: scale(0);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
}
/*Usage:<div class="sk-spinner sk-spinner-three-bounce"><div class="sk-bounce1"></div><div class="sk-bounce2"></div><div class="sk-bounce3"></div></div>*/
.sk-spinner-three-bounce.sk-spinner {margin: 0 auto;width: 70px;text-align: center;}
.sk-spinner-three-bounce div {width: 18px;height: 18px;background-color: #1c84c6;border-radius: 100%;display: inline-block;-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.sk-spinner-three-bounce .sk-bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.sk-spinner-three-bounce .sk-bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-threeBounceDelay {
  0%,80%,100% {-webkit-transform: scale(0);transform: scale(0);}
  40% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes sk-threeBounceDelay {
  0%,80%,100% {-webkit-transform: scale(0);transform: scale(0);}
  40% {-webkit-transform: scale(1);transform: scale(1);}
}
/*Usage::<div class="sk-spinner sk-spinner-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div>      <div class="sk-circle4 sk-circle"></div>
 <div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div>
<div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div>*/
.sk-spinner-circle.sk-spinner {margin: 0 auto;width: 22px;height: 22px;position: relative;}
.sk-spinner-circle .sk-circle {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sk-spinner-circle .sk-circle:before {content: '';display: block;margin: 0 auto;width: 20%;height: 20%;background-color: #1c84c6;border-radius: 100%;-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.sk-spinner-circle .sk-circle2 {-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
.sk-spinner-circle .sk-circle3 {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
.sk-spinner-circle .sk-circle4 {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.sk-spinner-circle .sk-circle5 {-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
.sk-spinner-circle .sk-circle6 {-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg);}
.sk-spinner-circle .sk-circle7 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.sk-spinner-circle .sk-circle8 {-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg);}
.sk-spinner-circle .sk-circle9 {-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
.sk-spinner-circle .sk-circle10 {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
.sk-spinner-circle .sk-circle11 {-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
.sk-spinner-circle .sk-circle12 {-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg);}
.sk-spinner-circle .sk-circle2:before {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-circle .sk-circle3:before {-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-spinner-circle .sk-circle4:before {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-circle .sk-circle5:before {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.sk-spinner-circle .sk-circle6:before {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.sk-spinner-circle .sk-circle7:before {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.sk-spinner-circle .sk-circle8:before {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.sk-spinner-circle .sk-circle9:before {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.sk-spinner-circle .sk-circle10:before {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.sk-spinner-circle .sk-circle11:before {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.sk-spinner-circle .sk-circle12:before {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes sk-circleBounceDelay {
  0%,80%,100% {-webkit-transform: scale(0);transform: scale(0);}
  40% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes sk-circleBounceDelay {
  0%,80%,100% {-webkit-transform: scale(0);transform: scale(0);}
  40% {-webkit-transform: scale(1);transform: scale(1);}
}
/*Usage::<div class="sk-spinner sk-spinner-cube-grid"><div class="sk-cube"></div><div class="sk-cube"></div><div class="sk-cube"></div><div class="sk-cube"></div><div class="sk-cube"></div>
<div class="sk-cube"></div><div class="sk-cube"></div><div class="sk-cube"></div><div class="sk-cube"></div></div>*/
.sk-spinner-cube-grid {}
.sk-spinner-cube-grid.sk-spinner {width: 30px;height: 30px;margin: 0 auto;}
.sk-spinner-cube-grid .sk-cube {width: 33%;height: 33%;background-color: #1c84c6;float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,70%,100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}
  35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}
}
@keyframes sk-cubeGridScaleDelay {
  0%,70%,100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}
  35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}
}
/* Usage::<div class="sk-spinner sk-spinner-wordpress"><span class="sk-inner-circle"></span></div>*/
.sk-spinner-wordpress.sk-spinner {background-color: #1c84c6;width: 30px;height: 30px;border-radius: 30px;position: relative;margin: 0 auto;-webkit-animation: sk-innerCircle 1s linear infinite;animation: sk-innerCircle 1s linear infinite;}
.sk-spinner-wordpress .sk-inner-circle {display: block;background-color: #fff;width: 8px;height: 8px;position: absolute;border-radius: 8px;top: 5px;left: 5px;}
@-webkit-keyframes sk-innerCircle {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes sk-innerCircle {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/*Usage: <div class="sk-spinner sk-spinner-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div>
<div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div> <div class="sk-circle8 sk-circle"></div>
<div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div>*/
.sk-spinner-fading-circle.sk-spinner {margin: 0 auto;width: 22px;height: 22px;position: relative;}
.sk-spinner-fading-circle .sk-circle {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sk-spinner-fading-circle .sk-circle:before {content: '';display: block;margin: 0 auto;width: 18%;height: 18%;background-color: #1c84c6;border-radius: 100%;-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.sk-spinner-fading-circle .sk-circle2 {-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
.sk-spinner-fading-circle .sk-circle3 {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
.sk-spinner-fading-circle .sk-circle4 {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.sk-spinner-fading-circle .sk-circle5 {-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
.sk-spinner-fading-circle .sk-circle6 {-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg);}
.sk-spinner-fading-circle .sk-circle7 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.sk-spinner-fading-circle .sk-circle8 {-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg);}
.sk-spinner-fading-circle .sk-circle9 {-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
.sk-spinner-fading-circle .sk-circle10 {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
.sk-spinner-fading-circle .sk-circle11 {-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
.sk-spinner-fading-circle .sk-circle12 {-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg);}
.sk-spinner-fading-circle .sk-circle2:before {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-fading-circle .sk-circle3:before {-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-spinner-fading-circle .sk-circle4:before {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-fading-circle .sk-circle5:before {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.sk-spinner-fading-circle .sk-circle6:before {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.sk-spinner-fading-circle .sk-circle7:before {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.sk-spinner-fading-circle .sk-circle8:before {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.sk-spinner-fading-circle .sk-circle9:before {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.sk-spinner-fading-circle .sk-circle10:before {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.sk-spinner-fading-circle .sk-circle11:before {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.sk-spinner-fading-circle .sk-circle12:before {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes sk-circleFadeDelay {
 0%,39%,100% {opacity: 0;}
 40% {opacity: 1;}
}
@keyframes sk-circleFadeDelay {
 0%,39%,100% {opacity: 0;}
 40% {opacity: 1;}
}
.ibox-content > .sk-spinner {display: none;}
.ibox-content.sk-loading {position: relative;}
.ibox-content.sk-loading:after {content: '';background-color: rgba(255, 255, 255, 0.7);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.ibox-content.sk-loading > .sk-spinner {display: block;position: absolute;top: 40%;left: 0;right: 0;z-index: 2000;}
.sk-spinner.sk-spinner-wave.sk-spinner-fix {display: block;/*position: absolute;*/top: 40%;left: 0;right: 0;z-index: 2016;}
.loaderDisabler {pointer-events: none;opacity: 0.5;background: rgba(255, 255, 255, 0.7);z-index: 2000;}
/*INSPINIA Landing Page - Responsive Admin Theme*/
.landing-page.pace .pace-progress {background: #ff0000;position: fixed;z-index: 2000;top: 0;left: 0;height: 2px;-webkit-transition: width 1s;-moz-transition: width 1s;-o-transition: width 1s;transition: width 1s;}
.pace-inactive {display: none;}
body.landing-page {color: #676a6c;font-family: 'Open Sans', helvetica, arial, sans-serif;background-color: #fff;}
.landing-page {}
.landing-page .container {overflow: hidden;}
.landing-page span.navy {color: #1c84c6;}
.landing-page p.text-color {color: #676a6c;}
.landing-page a.navy-link {color: #1c84c6;text-decoration: none;}
.landing-page a.navy-link:hover {color: #179d82;}
.landing-page section p {color: #aeaeae;font-size: 13px;}
.landing-page address { font-size: 13px;}
.landing-page h1 {margin-top: 10px;font-size: 30px;font-weight: 200;}
.landing-page .navy-line {width: 60px;height: 1px;margin: 60px auto 0;border-bottom: 2px solid #1c84c6;}
.landing-page .navbar-wrapper {position: fixed;top: 0;right: 0;left: 0;z-index: 200;}
.landing-page .navbar-wrapper > .container {padding-right: 0;padding-left: 0;}
.landing-page .navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px;}
.landing-page .navbar-default.navbar-scroll {background-color: #fff;border-color: #fff;padding: 15px 0;}
.landing-page .navbar-default {background-color: transparent;border-color: transparent;transition: all 0.3s ease-in-out 0s;}
.landing-page .navbar-default .nav li a {color: #fff;font-family: 'Open Sans', helvetica, arial, sans-serif;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;font-size: 14px;}
.landing-page .navbar-nav > li > a {padding-top: 25px;border-top: 6px solid transparent;}
.landing-page .navbar-default .navbar-nav > .active > a,.landing-page .navbar-default .navbar-nav > .active > a:hover {background: transparent;color: #fff;  border-top: 6px solid #1c84c6;}
.landing-page .navbar-default .navbar-nav > li > a:hover,.landing-page .navbar-default .navbar-nav > li > a:focus {color: #1c84c6;background: inherit;}
.landing-page .navbar-default .navbar-nav > .active > a:focus {  background: transparent;color: #fff;}
.landing-page .navbar-default .navbar-nav > .active > a:focus {  background: transparent;  color: #ffffff;}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {  background: transparent;  color: inherit;}
.landing-page .navbar-default .navbar-brand:hover,.landing-page .navbar-default .navbar-brand:focus {background: #179d82;color: #fff;}
.disable-item {pointer-events: none;}
.landing-page .navbar-default .navbar-brand {color: #fff;height: auto;display: block;font-size: 14px;background: #1c84c6;padding: 15px 20px 15px 20px;border-radius: 0 0 5px 5px;font-weight: 700;transition: all 0.3s ease-in-out 0s;}
.landing-page .navbar-scroll.navbar-default .nav li a {  color: #676a6c;}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {  color: #1c84c6;}
.landing-page .navbar-wrapper .navbar.navbar-scroll {  padding-top: 0;  padding-bottom: 5px;  border-bottom: 1px solid #e7eaec;  border-radius: 0;}
.landing-page .nav > li.active {  border: none;  background: inherit;}
.landing-page .nav > li > a {padding: 25px 10px 15px 10px;}
.landing-page .navbar-scroll .navbar-nav > li > a {padding: 20px 10px;}
.landing-page .navbar-default .navbar-nav > .active > a,.landing-page .navbar-default .navbar-nav > .active > a:hover {border-top: 6px solid #1c84c6;}
.landing-page .navbar-fixed-top {border: none !important;}
.landing-page .navbar-fixed-top.navbar-scroll {border-bottom: 1px solid #e7eaec !important;}
.landing-page .navbar.navbar-scroll .navbar-brand {margin-top: 15px;border-radius: 5px;font-size: 12px;padding: 10px;height: auto;}
.landing-page .header-back {height: 470px;  width: 100%;}
.landing-page .header-back.one {background: url('../img/landing/header_one.jpg') 50% 0 no-repeat;}
.landing-page .header-back.two {background: url('../img/landing/header_two.jpg') 50% 0 no-repeat;}
.landing-page .carousel {height: 470px;}
.landing-page .carousel-caption {z-index: 10;}
.landing-page .carousel .item {height: 470px;  background-color: #777;}
.landing-page .carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 470px;}
.landing-page .carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;}
.landing-page .carousel-fade .carousel-inner .active {opacity: 1;}
.landing-page .carousel-fade .carousel-inner .active.left,.landing-page .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.landing-page .carousel-fade .carousel-inner .next.left,.landing-page .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.landing-page .carousel-fade .carousel-control {z-index: 2;}
.landing-page .carousel-control.left,.landing-page .carousel-control.right {background: none;}
.landing-page .carousel-control {width: 6%;}
.landing-page .carousel-inner .container {position: relative;  overflow: visible;}
.landing-page .carousel-inner {  overflow: visible;}
.landing-page .carousel-caption {position: absolute;top: 100px;left: 0;bottom: auto;right: auto;text-align: left;}
.landing-page .carousel-caption {position: absolute;top: 100px;left: 0;bottom: auto;right: auto;text-align: left;}
.landing-page .carousel-caption.blank {top: 140px;}
.landing-page .carousel-image {position: absolute;right: 10px;top: 150px;}
.landing-page .carousel-indicators {padding-right: 60px;}
.landing-page .carousel-caption h1 {font-weight: 700;font-size: 38px;text-transform: uppercase;text-shadow: none;letter-spacing: -1.5px;}
.landing-page .carousel-caption p {font-weight: 700;text-transform: uppercase;text-shadow: none;}
.landing-page .caption-link {color: #fff;margin-left: 10px;text-transform: capitalize;font-weight: 400;}
.landing-page .caption-link:hover {text-decoration: none;  color: inherit;}
.landing-page .services {padding-top: 60px;}
.landing-page .services h2 {font-size: 20px;letter-spacing: -1px;font-weight: 600;text-transform: uppercase;}
.landing-page .features-block {margin-top: 40px;}
.landing-page .features-text {margin-top: 40px;}
.landing-page .features small {color: #1c84c6;}
.landing-page .features h2 {font-size: 18px;margin-top: 5px;}
.landing-page .features-text-alone {margin: 40px 0;}
.landing-page .features-text-alone h1 {font-weight: 200;}
.landing-page .features-icon {color: #1c84c6;  font-size: 40px;}
.landing-page .navy-section {margin-top: 60px;background: #1c84c6;color: #fff;padding: 20px 0;}
.landing-page .gray-section {background: #f4f4f4;margin-top: 60px;}
.landing-page .team-member {text-align: center;}
.landing-page .team-member img {margin: auto;}
.landing-page .social-icon a {background: #1c84c6;color: #fff;padding: 4px 8px;height: 28px;width: 28px;display: block;border-radius: 50px;}
.landing-page .social-icon a:hover {background: #179d82;}
.landing-page .img-small {height: 88px;width: 88px;}
.landing-page .pricing-plan {margin: 20px 30px 0 30px;border-radius: 4px;}
.landing-page .pricing-plan.selected {transform: scale(1.1);background: #f4f4f4;}
.landing-page .pricing-plan li {padding: 10px 16px;border-top: 1px solid #e7eaec;text-align: center;color: #aeaeae;}
.landing-page .pricing-plan .pricing-price span {font-weight: 700;color: #1c84c6;}
.landing-page li.pricing-desc {font-size: 13px;border-top: none;padding: 20px 16px;}
.landing-page li.pricing-title {background: #1c84c6;color: #fff;padding: 10px;border-radius: 4px 4px 0 0;font-size: 22px;font-weight: 600;}
.landing-page .testimonials {padding-top: 80px;padding-bottom: 90px;background-color: #1c84c6;background-image: url('../img/landing/avatar_all.png');}
.landing-page .big-icon {font-size: 56px !important;}
.landing-page .features .big-icon {color: #1c84c6 !important;}
.landing-page .contact {background-image: url('../img/landing/word_map.png');background-position: 50% 50%;background-repeat: no-repeat;margin-top: 60px;}
.landing-page section.timeline {padding-bottom: 30px;}
.landing-page section.comments {padding-bottom: 80px;}
.landing-page .comments-avatar {margin-top: 25px;margin-left: 22px;margin-bottom: 25px;}
.landing-page .comments-avatar .commens-name {font-weight: 600;font-size: 14px;}
.landing-page .comments-avatar img {width: 42px;height: 42px;border-radius: 50%;margin-right: 10px;}
.landing-page .bubble {position: relative;height: 120px;padding: 20px;background: #FFFFFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-style: italic;font-size: 14px;}
.landing-page .bubble:after {content: '';  position: absolute;border-style: solid;border-width: 15px 14px 0;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 1;bottom: -15px;left: 30px;}
.landing-page .btn-primary.btn-outline:hover,.landing-page .btn-success.btn-outline:hover,.landing-page .btn-info.btn-outline:hover,.landing-page .btn-warning.btn-outline:hover,.landing-page .btn-danger.btn-outline:hover {color: #fff;}
.landing-page .btn-primary {background-color: #1c84c6;border-color: #1c84c6;color: #FFFFFF;font-size: 14px;padding: 10px 20px;font-weight: 600;}
.landing-page .btn-primary:hover,.landing-page .btn-primary:focus,.landing-page .btn-primary:active,.landing-page .btn-primary.active,.landing-page .open .dropdown-toggle.btn-primary {background-color: #179d82;border-color: #179d82;color: #FFFFFF;}
.landing-page .btn-primary:active,.landing-page .btn-primary.active,.landing-page .open .dropdown-toggle.btn-primary {background-image: none;}
.landing-page .btn-primary.disabled,.landing-page .btn-primary.disabled:hover,.landing-page .btn-primary.disabled:focus,.landing-page .btn-primary.disabled:active,.landing-page .btn-primary.disabled.active,
.landing-page .btn-primary[disabled],.landing-page .btn-primary[disabled]:hover,.landing-page .btn-primary[disabled]:focus,.landing-page .btn-primary[disabled]:active,.landing-page .btn-primary.active[disabled],
.landing-page fieldset[disabled] .btn-primary,.landing-page fieldset[disabled] .btn-primary:hover,.landing-page fieldset[disabled] .btn-primary:focus,.landing-page fieldset[disabled] .btn-primary:active,
.landing-page fieldset[disabled] .btn-primary.active {background-color: #1dc5a3;border-color: #1dc5a3;}
body.rtls {/* Theme config */}
body.rtls #page-wrapper {margin: 0 220px 0 0;}
body.rtls .nav-second-level li a {padding: 7px 35px 7px 10px;}
body.rtls .ibox-title h5 {float: right;}
body.rtls .pull-right {float: left !important;}
body.rtls .pull-left {float: right !important;}
body.rtls .ibox-tools {float: left;}
body.rtls .stat-percent {float: left;}
body.rtls .navbar-right {float: left !important;}
body.rtls .navbar-top-links li:last-child {margin-left: 40px;margin-right: 0;}
body.rtls .minimalize-styl-2 {float: right;margin: 14px 20px 5px 5px;}
body.rtls .feed-element > .pull-left {margin-left: 10px;margin-right: 0;}
body.rtls .timeline-item .date {text-align: left;}
body.rtls .timeline-item .date i {left: 0;right: auto;}
body.rtls .timeline-item .content {border-right: 1px solid #e7eaec;border-left: none;}
body.rtls .theme-config {left: 0;right: auto;}
body.rtls .spin-icon {border-radius: 0 20px 20px 0;}
body.rtls .toast-close-button {float: left;}
body.rtls #toast-container > .toast:before {margin: auto -1.5em auto 0.5em;}
body.rtls #toast-container > div {padding: 15px 50px 15px 15px;}
body.rtls .center-orientation .vertical-timeline-icon i {margin-left: 0;margin-right: -12px;}
body.rtls .vertical-timeline-icon i {right: 50%;left: auto;margin-left: auto;margin-right: -12px;}
body.rtls .file-box {float: right;}
body.rtls ul.notes li {float: right;}
body.rtls .chat-users,body.rtls .chat-statistic {margin-right: -30px;margin-left: auto;}
body.rtls .dropdown-menu > li > a {text-align: right;}
body.rtls .b-r {border-left: 1px solid #e7eaec;border-right: none;}
body.rtls .dd-list .dd-list {padding-right: 30px;padding-left: 0;}
body.rtls .dd-item > button {float: right;}
body.rtls .theme-config-box {margin-left: -220px;  margin-right: 0;}
body.rtls .theme-config-box.show {margin-left: 0;margin-right: 0;}
body.rtls .spin-icon {right: 0;left: auto;}
body.rtls .skin-settings {margin-right: 40px;  margin-left: 0;}
body.rtls .skin-settings {direction: ltr;}
body.rtls .footer.fixed {margin-right: 220px;margin-left: 0;}
body.rtls.mini-navbar .footer.fixed,body.body-small.mini-navbar .footer.fixed {margin: 0 70px 0 0;}
body.rtls.mini-navbar.fixed-sidebar .footer.fixed,body.body-small.mini-navbar .footer.fixed {margin: 0 0 0 0;}
body.rtls.top-navigation .navbar-toggle {float: right;margin-left: 15px;margin-right: 15px;}
.body-small.rtls.top-navigation .navbar-header {float: none;}
body.rtls.top-navigation #page-wrapper {margin: 0;}
body.rtls.mini-navbar #page-wrapper {margin: 0 70px 0 0;}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {margin: 0 0 0 0;}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 220px 0 0;}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {width: 220px;}
.body-small.rtls .navbar-fixed-top {margin-right: 0;}
.body-small.rtls .navbar-header {float: right;}
body.rtls .navbar-top-links li:last-child {margin-left: 20px;}
body.rtls .top-navigation #page-wrapper,body.rtls.mini-navbar .top-navigation #page-wrapper,body.rtls.mini-navbar.top-navigation #page-wrapper {margin: 0;}
body.rtls .top-navigation .footer.fixed,body.rtls.top-navigation .footer.fixed {margin: 0;}
.rtls .ltr-support {direction: ltr;}
.rtls.mini-navbar .nav-second-level,.rtls.mini-navbar li.active .nav-second-level {left: auto;right: 70px;}
.rtls #right-sidebar {left: -260px;right: auto;}
.rtls #right-sidebar.sidebar-open {left: 0;}
/*This is style for skin config Use only in demo theme*/
.theme-config {position: absolute;top: 65px;right: 0;overflow: hidden;z-index: 99;}
.theme-config-box {margin-right: -220px;position: relative;z-index: 999;transition-duration: 0.8s;}
.theme-config-box.show {margin-right: 0;}
.spin-icon {background: #1c84c6;position: absolute;border-radius: 30px 0 0 30px;font-size: 16px;top: 0;padding: 7px 15px 7px 10px;left: 0;width: 35px;color: #fff;cursor: pointer;}
.skin-settings {width: 220px;margin-left:35px;background: #f3f3f4;}
.skin-settings .title {background: #efefef;text-align: center;text-transform: uppercase;font-weight: 600;display: block;padding: 10px 15px;font-size: 12px;}
.setings-item {padding: 10px 30px;}
.setings-item.skin {text-align: center;}
.setings-item .switch {float: right;}
.skin-name a {text-transform: uppercase;}
.setings-item a {color: #fff;}
.default-skin,.blue-skin,.ultra-skin,.yellow-skin {text-align: center;}
.default-skin {font-weight: 600;background: #283A49;}
.default-skin:hover {background: #1e2e3d;}
.blue-skin {font-weight: 600;background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;}
.blue-skin:hover {background: #0d8ddb;}
.yellow-skin {font-weight: 600;background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;}
.yellow-skin:hover {background: #ce8735;}
.skin-2 .spin-icon {right: 205px;}
.ultra-skin {/*padding: 20px 10px;*/font-weight: 600;background: url("patterns/bg.png") repeat scroll 0 0;}
.ultra-skin:hover {background: url("patterns/hover1.2.png") repeat scroll 0 0;}
.ultra-skin1 {/*padding: 20px 10px;*/font-weight: 600;background: url("patterns/3.png") repeat scroll 0 0;}
.ultra-skin1:hover {background: url("patterns/4.png") repeat scroll 0 0;}
/*SKIN 1 - Blue light*/
.skin-1 .minimalize-styl-2 {margin: 14px 5px 5px 30px;}
.skin-1 .navbar-top-links li:last-child {margin-right: 30px;}
.skin-1.fixed-nav .minimalize-styl-2 {margin: 14px 5px 5px 15px;}
.skin-1 .spin-icon {background: #0e9aef !important;}
.skin-1 .nav-header {background-color: #0e9aef;background-image: url('patterns/header-profile-skin-1.png');}
.skin-1.mini-navbar .nav-second-level {background: #3e495f;}
.skin-1 .breadcrumb {background: transparent;}
.skin-1 .page-heading {border: none;}
.skin-1 .nav > li.active {background: #3a4459;}
.skin-1 .nav > li > a {color: #9ea6b9;}
.skin-1 ul.nav-second-level {background-color: inherit;}
.skin-1 .nav > li.active > a {color: #fff;}
.skin-1 .navbar-minimalize {background: #0e9aef;border-color: #0e9aef;}
body.skin-1 {background: #3e495f;}
.skin-1 .navbar-static-top {background: #ffffff;}
.skin-1 .dashboard-header {background: transparent;border-bottom: none !important;border-top: none;padding: 20px 30px 10px 30px;}
.fixed-nav.skin-1 .navbar-fixed-top {background: #fff;}
.skin-1 .wrapper-content {padding: 30px 15px;}
.skin-1 #page-wrapper {background: #f4f6fa;}
.skin-1 .ibox-title,.skin-1 .ibox-content {border-width: 1px;}
.skin-1 .ibox-content:last-child {border-style: solid solid solid solid;}
.skin-1 .nav > li.active {border: none;}
.skin-1 .nav-header {padding: 35px 25px 25px 25px;}
.skin-1 .nav-header a.dropdown-toggle {color: #fff;margin-top: 10px;}
.skin-1 .nav-header a.dropdown-toggle .text-muted {color: #fff;opacity: 0.8;}
.skin-1 .profile-element {text-align: center;}
.skin-1 .img-circle {border-radius: 5px;}
.skin-1 .navbar-default .nav > li > a:hover,.skin-1 .navbar-default .nav > li > a:focus {background: #3a4459;color: #fff;}
.skin-1 .nav.nav-tabs > li.active > a {color: #555;}
.skin-1 .nav.nav-tabs > li.active {background: transparent;}
/* SKIN 2 - Inspinia Ultra*/
body.skin-2 {color: #565758 !important;}
.skin-2 .minimalize-styl-2 {margin: 14px 5px 5px 25px;}
.skin-2 .navbar-top-links li:last-child {margin-right: 25px;}
.skin-2 .spin-icon {background: #23c6c8 !important;}
.skin-2 .nav-header {background-color: #23c6c8;background-image: url('patterns/header-profile-skin-2.png');}
.skin-2.mini-navbar .nav-second-level {background: #ededed;}
.skin-2 .breadcrumb {background: transparent;}
.skin-2.fixed-nav .minimalize-styl-2 {margin: 14px 5px 5px 15px;}
.skin-2 .page-heading {border: none;background: rgba(255, 255, 255, 0.7);}
.skin-2 ul.nav-second-level {background-color: inherit;}
.skin-2 .nav > li.active {background: #e0e0e0;}
.skin-2 .logo-element {padding: 17px 0;}
.skin-2 .nav > li > a{ color: #586b7d;}
.skin-2 .welcome-message{color: #ffffff !important;}
.skin-2 #top-search::-moz-placeholder {color: #edf6ff;opacity: 0.5;}
.skin-2 #side-menu > li > a,.skin-2 .nav.nav-second-level > li > a {color: #586b7d;}
.skin-2 .nav > li.active > a {color: #213a53;}
.skin-2.mini-navbar .nav-header {background: #213a53;}
.skin-2 .navbar-minimalize {background: #23c6c8;border-color: #23c6c8;}
.skin-2 .border-bottom {border-bottom: none !important;}
.skin-2 #top-search {color: #fff;}
body.skin-2 #wrapper {background-color: #ededed;}
.skin-2 .navbar-static-top {background: #213a53;}
.fixed-nav.skin-2 .navbar-fixed-top {background: #213a53;border-bottom: none !important;}
.skin-2 .nav-header {padding: 30px 25px 30px 25px;}
.skin-2 .dashboard-header {background: rgba(255, 255, 255, 0.4);border-bottom: none !important;border-top: none;padding: 20px 30px 20px 30px;}
.skin-2 .wrapper-content {padding: 30px 15px;}
.skin-2 .dashoard-1 .wrapper-content {padding: 0 30px 25px 30px;}
.skin-2 .ibox-title {background: rgba(255, 255, 255, 0.7);border: none;margin-bottom: 1px;}
.skin-2 .ibox-content {background: rgba(255, 255, 255, 0.4);border: none !important;}
.skin-2 #page-wrapper {background: #f6f6f6;background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
  background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
  background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";}
.skin-2 .ibox-title,.skin-2 .ibox-content {border-width: 1px;}
.skin-2 .ibox-content:last-child {border-style: solid solid solid solid;}
.skin-2 .nav > li.active {border: none;}
.skin-2 .nav-header a.dropdown-toggle {color: #edf6ff;margin-top: 10px;}
.skin-2 .nav-header a.dropdown-toggle .text-muted {color: #edf6ff;opacity: 0.8;}
.skin-2 .img-circle {border-radius: 10px;}
.skin-2 .nav.navbar-top-links > li > a:hover,.skin-2 .nav.navbar-top-links > li > a:focus {background: #1a2d41;}
.skin-2 .navbar-default .nav > li > a:hover,.skin-2 .navbar-default .nav > li > a:focus {background: #e0e0e0;color: #213a53;}
.skin-2 .nav.nav-tabs > li.active > a {color: #555;}
.skin-2 .nav.nav-tabs > li.active {background: transparent;}
/*SKIN 3 - Yellow/purple */
.skin-3 .minimalize-styl-2 {margin: 14px 5px 5px 30px;}
.skin-3 .navbar-top-links li:last-child {margin-right: 30px;}
.skin-3.fixed-nav .minimalize-styl-2 {margin: 14px 5px 5px 15px;}
.skin-3 .spin-icon {background: #ecba52 !important;}
body.boxed-layout.skin-3 #wrapper {background: #3e2c42;}
.skin-3 .nav-header {background-color: #ecba52;background-image: url('patterns/header-profile-skin-3.png');}
.skin-3.mini-navbar .nav-second-level {background: #3e2c42;}
.skin-3 .breadcrumb {background: transparent;}
.skin-3 .page-heading {border: none;}
.skin-3 ul.nav-second-level {background-color: inherit;}
.skin-3 .nav > li.active {background: #38283c;}
.fixed-nav.skin-3 .navbar-fixed-top {background: #fff;}
.skin-3 .nav > li > a {color: #948b96;}
.skin-3 .nav > li.active > a {color: #fff;}
.skin-3 .navbar-minimalize {background: #ecba52;border-color: #ecba52;}
body.skin-3 {background: #3e2c42;}
.skin-3 .navbar-static-top {background: #ffffff;}
.skin-3 .dashboard-header {background: transparent;border-bottom: none !important;border-top: none;padding: 20px 30px 10px 30px;}
.skin-3 .wrapper-content {padding: 30px 15px;}
.skin-3 #page-wrapper {background: #f4f6fa;}
.skin-3 .ibox-title,.skin-3 .ibox-content {border-width: 1px;}
.skin-3 .ibox-content:last-child { border-style: solid solid solid solid;}
.skin-3 .nav > li.active {border: none;}
.skin-3 .nav-header {padding: 35px 25px 25px 25px;}
.skin-3 .nav-header a.dropdown-toggle {color: #fff;margin-top: 10px;}
.skin-3 .nav-header a.dropdown-toggle .text-muted {color: #fff;opacity: 0.8;}
.skin-3 .profile-element {text-align: center;}
.skin-3 .img-circle {border-radius: 5px;}
.skin-3 .navbar-default .nav > li > a:hover,.skin-3 .navbar-default .nav > li > a:focus {background: #38283c;color: #fff;}
.skin-3 .nav.nav-tabs > li.active > a {color: #555;}
.skin-3 .nav.nav-tabs > li.active {background: transparent;}
body.md-skin {font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #ffffff;}
.md-skin .nav-header {background: url("patterns/bg.png") no-repeat;}
.md-skin .label,.md-skin .badge {font-family: 'Roboto';}
.md-skin ul.nav-second-level {background-color: inherit;}
.md-skin .font-bold {font-weight: 500;}
.md-skin .wrapper-content {padding: 30px 20px 40px;}
.md-skin .page-heading {border-bottom: none !important;border-top: 0;padding: 0 10px 20px 10px;box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);}
.md-skin .full-height-layout .page-heading {  border-bottom: 1px solid #e7eaec !important;}
.md-skin .ibox {clear: both;margin-bottom: 25px;margin-top: 0;padding: 0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin .ibox:hover {box-shadow: 0 1rem 0.8rem rgba(0, 0, 0, 0.06);}
.md-skin .ibox.border-bottom {  border-bottom: none !important;}
.md-skin .ibox-title,.md-skin .ibox-content {border-style: none;}
.md-skin .ibox-title h5 {font-size: 16px;font-weight: 400;}
.md-skin a.close-canvas-menu {color: #ffffff;}
.md-skin .welcome-message {color: #ffffff;font-weight: 300;}
.md-skin #top-search::-moz-placeholder {color: #ffffff;}
.md-skin #top-search::-webkit-input-placeholder {color: #ffffff;}
.md-skin #nestable-output,.md-skin #nestable2-output {font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;}
.md-skin .landing-page {font-family: 'Roboto', helvetica, arial, sans-serif;}
.md-skin .landing-page.navbar-default.navbar-scroll {background-color: #fff !important;}
.md-skin .landing-page.navbar-default {background-color: transparent !important;box-shadow: none;}
.md-skin .landing-page.navbar-default .nav li a {font-family: 'Roboto', helvetica, arial, sans-serif;}
.md-skin .nav > li > a {color: #676a6c;padding: 14px 20px 14px 25px;text-decoration: none;}
.md-skin .nav.navbar-right > li > a {color: #ffffff;}
.md-skin .nav > li.active > a {color: #5b5d5f;font-weight: 700;}
.md-skin .navbar-default .nav > li > a:hover,.md-skin .navbar-default .nav > li > a:focus {font-weight: 700;color: #5b5d5f;}
.md-skin .nav .open > a,.md-skin .nav .open > a:hover,.md-skin .nav .open > a:focus {background: #1c84c6;}
.md-skin .navbar-top-links li {display: inline-table;}
.md-skin .navbar-top-links .dropdown-menu li {display: block;}
.md-skin .pace-done .nav-header {transition: all 0.4s;}
.md-skin .nav > li.active {background: #f8f8f9;}
.md-skin .nav-second-level li a {padding: 7px 10px 7px 52px;}
.md-skin .nav-third-level li a {padding-left: 62px;}
.md-skin .navbar-top-links li a {padding: 20px 10px;min-height: 50px;}
.md-skin .nav > li > a {font-weight: 400;}
.md-skin .navbar-static-side .nav > li > a:focus,.md-skin .navbar-static-side .nav > li > a:hover {background-color: inherit;}
.md-skin .navbar-top-links .dropdown-menu li a {padding: 3px 20px;min-height: inherit;}
.md-skin .nav-header .navbar-fixed-top a,.md-skin .nav-header .text-muted {color: #ffffff;}
.md-skin .navbar-form-custom .form-control {font-weight: 300;}
.md-skin .mini-navbar .nav-second-level {background-color: inherit;}
.md-skin .mini-navbar li.active .nav-second-level {left: 65px;}
.md-skin .canvas-menu.mini-navbar .nav-second-level {background: inherit;}
.md-skin .pace-done .navbar-static-side,.md-skin .pace-done .nav-header,.md-skin .pace-done li.active,.md-skin .pace-done #page-wrapper,.md-skin .pace-done .footer {  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}
.md-skin .navbar-fixed-top {background: #fff;transition-duration: 0.4s; z-index: 2030;border-bottom: none !important;}
.md-skin .navbar-fixed-top,.md-skin .navbar-static-top { background-color: #1c84c6 !important;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin .navbar-static-side {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin #right-sidebar {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border: none;z-index: 900;}
.md-skin .white-bg .navbar-fixed-top,.md-skin .white-bg .navbar-static-top {background: #fff !important;}
.md-skin .contact-box {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border: none;}
.md-skin .dashboard-header {border-bottom: none !important;border-top: 0;padding: 20px 20px 20px 20px;margin: 30px 20px 0 20px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin ul.notes li div {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin .file {border: none;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin .mail-box {background-color: #ffffff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 0;margin-bottom: 20px;border: none;}
.md-skin .mail-box-header {  border: none;background-color: #ffffff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 30px 20px 20px 20px;}
.md-skin .mailbox-content {border: none;padding: 20px;background: #ffffff;}
.md-skin .social-feed-box {border: none;background: #fff;margin-bottom: 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin.landing-page .navbar-default {background-color: transparent !important;border-color: transparent;transition: all 0.3s ease-in-out 0s;box-shadow: none;}
.md-skin.landing-page .navbar-default.navbar-scroll,.md-skin.landing-page.body-small .navbar-default {background-color: #ffffff !important;}
.md-skin.landing-page .nav > li.active {background: inherit;}
.md-skin.landing-page .navbar-scroll .navbar-nav > li > a {padding: 20px 10px;}
.md-skin.landing-page .navbar-default .nav li a {font-family: 'Roboto', helvetica, arial, sans-serif;}
.md-skin.landing-page .nav > li > a {padding: 25px 10px 15px 10px;}
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {background: inherit;color: #1c84c6;}
.md-skin.landing-page.body-small .nav.navbar-right > li > a {color: #676a6c;}
.md-skin .landing_link a,.md-skin .special_link a {color: #ffffff !important;}
.md-skin.canvas-menu.mini-navbar .nav-second-level {background: #f8f8f9;}
.md-skin.mini-navbar .nav-second-level {background-color: #ffffff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin.mini-navbar .nav-second-level li a {padding-left: 0;}
.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {padding-left: 52px;}
.md-skin.top-navigation .nav.navbar-right > li > a {padding: 15px 20px;color: #676a6c;}
.md-skin.top-navigation .nav > li a:hover,.md-skin .top-navigation .nav > li a:focus,.md-skin.top-navigation .nav .open > a,.md-skin.top-navigation .nav .open > a:hover,
.md-skin.top-navigation .nav .open > a:focus {color: #1c84c6;background: #ffffff;}
.md-skin.top-navigation .nav > li.active a {color: #1c84c6;background: #ffffff;}
.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {margin-top: 0;}
.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {width: 0;}
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 0 0 0;}
.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 0 0 0;}
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {width: 220px;background-color: #ffffff;}
.md-skin.boxed-layout #wrapper {background-color: #ffffff;}
.md-skin.canvas-menu nav.navbar-static-side {z-index: 2001;background: #ffffff;height: 100%;position: fixed;display: none;}
.md-skin .announcementborder {border: 2px solid #1ab394;}
body.md-skin1 {font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #ffffff;}
.md-skin1 .nav-header {background: url("patterns/4.png") no-repeat;}
.md-skin1 .label,.md-skin1 .badge {font-family: 'Roboto';}
.md-skin1 ul.nav-second-level {background-color: inherit;}
.md-skin1 .font-bold {font-weight: 500;}
.md-skin1 .wrapper-content {padding: 30px 20px 40px;}
.md-skin1 .page-heading {border-bottom: none !important;border-top: 0;padding: 0 10px 20px 10px;box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);}
.md-skin1 .full-height-layout .page-heading {border-bottom: 1px solid #e7eaec !important;}
.md-skin1 .ibox {clear: both;margin-bottom: 25px;margin-top: 0;padding: 0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1 .ibox.border-bottom {border-bottom: none !important;}
.md-skin1 .ibox-title,
.md-skin1 .ibox-content {border-style: none;}
.md-skin1 .ibox-title h5 {font-size: 16px;font-weight: 400;}
.md-skin1 a.close-canvas-menu {color: #ffffff;}
.md-skin1 .welcome-message {color: #ffffff;font-weight: 300;}
.md-skin1 #top-search::-moz-placeholder {color: #ffffff;}
.md-skin1 #top-search::-webkit-input-placeholder {color: #ffffff;}
.md-skin1 #nestable-output,.md-skin1 #nestable2-output {font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;}
.md-skin1 .landing-page {font-family: 'Roboto', helvetica, arial, sans-serif;}
.md-skin1 .landing-page.navbar-default.navbar-scroll {background-color: #fff !important;}
.md-skin1 .landing-page.navbar-default {background-color: transparent !important;box-shadow: none;}
.md-skin1 .landing-page.navbar-default .nav li a {font-family: 'Roboto', helvetica, arial, sans-serif;}
.md-skin1 .nav > li > a {color: #676a6c;padding: 14px 20px 14px 25px;}
.md-skin1 .nav.navbar-right > li > a {color: #ffffff;}
.md-skin1 .nav > li.active > a {color: #5b5d5f;font-weight: 700;}
.md-skin1 .navbar-default .nav > li > a:hover,.md-skin1 .navbar-default .nav > li > a:focus {    font-weight: 700;    color: #5b5d5f;}
.md-skin1 .nav .open > a,.md-skin1 .nav .open > a:hover,.md-skin1 .nav .open > a:focus {background: #1c84c6;}
.md-skin1 .navbar-top-links li {display: inline-table;}
.md-skin1 .navbar-top-links .dropdown-menu li {display: block;}
.md-skin1 .pace-done .nav-header {transition: all 0.4s;}
.md-skin1 .nav > li.active {background: #f8f8f9;}
.md-skin1 .nav-second-level li a {padding: 7px 10px 7px 52px;}
.md-skin1 .nav-third-level li a {padding-left: 62px;}
.md-skin1 .navbar-top-links li a {padding: 20px 10px;min-height: 50px;}
.md-skin1 .nav > li > a {font-weight: 400;}
.md-skin1 .navbar-static-side .nav > li > a:focus,.md-skin1 .navbar-static-side .nav > li > a:hover {background-color: inherit;}
.md-skin1 .navbar-top-links .dropdown-menu li a {padding: 3px 20px;min-height: inherit;}
.md-skin1 .nav-header .navbar-fixed-top a {color: #ffffff;}
.md-skin1 .nav-header .text-muted {color: #ffffff;}
.md-skin1 .navbar-form-custom .form-control {font-weight: 300;}
.md-skin1 .mini-navbar .nav-second-level {background-color: inherit;}
.md-skin1 .mini-navbar li.active .nav-second-level {left: 65px;}
.md-skin .canvas-menu.mini-navbar .nav-second-level {background: inherit;}
.md-skin1 .pace-done .navbar-static-side,.md-skin1 .pace-done .nav-header,.md-skin1 .pace-done li.active,.md-skin1 .pace-done #page-wrapper,.md-skin1 .pace-done .footer {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.md-skin1 .navbar-fixed-top {background: #fff;transition-duration: 0.4s;z-index: 2030;border-bottom: none !important;}
.md-skin1 .navbar-fixed-top,
.md-skin1 .navbar-static-top {background-color: #1ab394 !important;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin .navbar-static-side {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1 #right-sidebar {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border: none;z-index: 900;}
.md-skin1 .white-bg .navbar-fixed-top,.md-skin1 .white-bg .navbar-static-top {background: #fff !important;}
.md-skin1 .contact-box {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border: none;}
.md-skin1 .dashboard-header {border-bottom: none !important;border-top: 0;padding: 20px 20px 20px 20px;margin: 30px 20px 0 20px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1 ul.notes li div {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1 .file {border: none;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1 .mail-box {background-color: #ffffff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 0;margin-bottom: 20px;border: none;}
.md-skin1 .mail-box-header {border: none;background-color: #ffffff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 30px 20px 20px 20px;}
.md-skin1 .mailbox-content {border: none;padding: 20px;background: #ffffff;}
.md-skin1 .social-feed-box {border: none;background: #fff;margin-bottom: 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1.landing-page .navbar-default {background-color: transparent !important;border-color: transparent;transition: all 0.3s ease-in-out 0s;box-shadow: none;}
.md-skin1.landing-page .navbar-default.navbar-scroll,.md-skin1.landing-page.body-small .navbar-default {background-color: #ffffff !important;}
.md-skin1.landing-page .nav > li.active {background: inherit;}
.md-skin1.landing-page .navbar-scroll .navbar-nav > li > a {padding: 20px 10px;}
.md-skin1.landing-page .navbar-default .nav li a {font-family: 'Roboto', helvetica, arial, sans-serif;}
.md-skin1.landing-page .nav > li > a {padding: 25px 10px 15px 10px;}
.md-skin1.landing-page .navbar-default .navbar-nav > li > a:hover,
.md-skin1.landing-page .navbar-default .navbar-nav > li > a:focus {background: inherit; color: #1ab394;}
.md-skin1.landing-page.body-small .nav.navbar-right > li > a {color: #676a6c;}
.md-skin1 .landing_link a,.md-skin1 .special_link a {color: #ffffff !important;}
.md-skin1.canvas-menu.mini-navbar .nav-second-level {background: #f8f8f9;}
.md-skin1.mini-navbar .nav-second-level {background-color: #ffffff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.md-skin1.mini-navbar .nav-second-level li a { padding-left: 0;}
.md-skin1.mini-navbar.fixed-sidebar .nav-second-level li a {padding-left: 52px;}
.md-skin1.top-navigation .nav.navbar-right > li > a {padding: 15px 20px;color: #676a6c;}
.md-skin1.top-navigation .nav > li a:hover,.md-skin1 .top-navigation .nav > li a:focus,.md-skin1.top-navigation .nav .open > a,.md-skin1.top-navigation .nav .open > a:hover,.md-skin1.top-navigation .nav .open > a:focus {color: #1ab394;background: #ffffff;}
.md-skin1.top-navigation .nav > li.active a {color: #1ab394;background: #ffffff;}
.md-skin1.fixed-nav #wrapper.top-navigation #page-wrapper {margin-top: 0;}
.md-skin1.fixed-sidebar.mini-navbar .navbar-static-side {width: 0;}
.md-skin1.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 0 0 0;}
.md-skin1.body-small.fixed-sidebar.mini-navbar #page-wrapper {margin: 0 0 0 0;}
.md-skin1.body-small.fixed-sidebar.mini-navbar .navbar-static-side {width: 220px;background-color: #ffffff;}
.md-skin1.boxed-layout #wrapper {background-color: #ffffff;}
.md-skin1.canvas-menu nav.navbar-static-side { z-index: 2001;background: #ffffff; height: 100%;position: fixed;display: none;}

.navbar-static-side .nav>li {background-color: #fff;}
.navbar-static-side .nav > li.active {background-color: #f3f3f3;}
.navbar-static-side .nav > li.active .nav>li {background-color: #f3f3f3;}
.TenName{padding: 0px;font-size: 22px;color: #1c1c1e;font-weight: 600;}
.TenName .letterLog{font-size: 16px;height: 33px;background-color: #ddd;display: block;float: left;width: 33px;border-radius: 4px;text-align: center;line-height: 33px;margin-right: 6px;}

.navbar-default .nav li a span.arrow {
    font-size: 19px;
}
.navbar-default .active > a > .fa.arrow {margin-right: -5px;}
/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 40px;height: 20px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before { position: absolute;content: "";height: 12px;width: 12px; left: 1px; bottom: 4px; background-color: white; -webkit-transition: .4s;transition: 0.4s;}
input:checked + .slider {background-color: #1c84c6;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
/*CHECK BOX CUSTOM*/
.check-box-cover {display: block;position: relative;padding-left: 25px;padding-right:10px;margin-bottom: 12px;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 /* Hide the browser's default checkbox */
.check-box-cover input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;}
/* On mouse-over, add a grey background color */
.check-box-cover:hover input ~ .checkmark {background-color: #ccc;}
.check-box-cover input:checked ~ .checkmark {background-color: #2CA01C;border: 2px solid #2CA01C;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-box-cover input:checked ~ .checkmark:after {display: block;}
.check-box-cover .checkmark:after {left: 5px !important;top: 1px !important;width: 7px !important;height: 12px !important;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.clearfix:after {clear: both;content: "";display: block;height: 0;}
.wrapper_progress a, a:active {color: #333;text-decoration: none;}
.wrapper_progress a:hover {color: #999;}
.switch1 {position: relative;display: inline-block;width: 77px;height: 24px;}
.switch1 input {display: none;}
.slider1 {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff !important;-webkit-transition: .4s;transition: .4s;border-radius: 34px;
width: 77px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.slider1:before {position: absolute;content: ""; height: 16px; width: 16px;left: 10px;bottom: 4px;background-color: #2ca01c !important; -webkit-transition: .4s;transition: .4s; border-radius: 50%;}
input:checked + .slider1 {background-color: #fff !important;}
input:focus + .slider1 {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider1:before {-webkit-transform: translateX(47px);-ms-transform: translateX(47px);transform: translateX(47px);background-color: #676a6c !important;}
.slider1:after {content: 'Active';display: block;position: absolute;transform: translate(-50%,-50%);top: 47%;left: 67%;font-size: 11px;font-family: Verdana, sans-serif;color: #2ca01c !important;}
input:checked + .slider1:after {content: 'Inactive';left: 40%;color: #676a6c !important;}
/* Breadcrups CSS */
.arrow-steps .step {font-size: 13px;width: 13%;text-align: center;color: #666;cursor: default; margin: 0 3px;padding: 12px 10px 10px 30px;min-width: 138px;float: left;
 position: relative;background-color: #eeeeee;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: background-color 0.2s ease;font-weight: 500 !important;}
.arrow-steps .step:after,.arrow-steps .step:before {content: " ";position: absolute;top: 0;right: -16px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 22px solid transparent;border-left: 17px solid #eeeeee;z-index: 2;transition: border-color 0.2s ease;}
.arrow-steps .step:before {right: auto;left: 0;border-left: 17px solid #fff;z-index: 0;}
.arrow-steps .step:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.arrow-steps .step span {position: relative;}
.arrow-steps .step.current {color: #fff !important;background-color: #1c84c6 !important;}
.arrow-steps .step.current:after {border-left: 17px solid #1c84c6 !important;}
.arrow-steps .step.done {color: #fff;background-color: #2ca01c;}
.arrow-steps .step.done:after {border-left: 17px solid #2ca01c;}
/*payroll*/
.payroll-step{display:flex}
.payroll-step .step {height: 40px;width: 40px;
 margin: 0 50px;line-height: 38px;text-align: center;border-radius: 215px;background: #fff;color: #1c84c6;font-size: 18px;border: 2px solid #1c84c6;cursor: pointer;}
.payroll-step .step.current {color: #fff !important;background-color: #1c84c6;border: 2px solid #1c84c6 !important;}
.payroll-step .step.current span{color:#fff !important;}
.payroll-step .step.done span{color:#2ca01c;}
.payroll-step .step.done {border: 2px solid #2ca01c;}
.payroll-step-text{color: #1c84c6;}
.payroll-step .step.done h6 {color: #2ca01c;}
/*Auto Complete*/
.autocomplete {position: relative;display: inline-block;}
.autocomplete-items {position: absolute;border: none;border-top: none;z-index: 99;top: 100%;left: 0;right: 0;border-radius: 0px 0px 10px 10px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 0 3px 1px -2px rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;padding: 5px;border-bottom: 4px solid #1ea2fe;overflow: hidden;/* max-height: 500px; */float: left;-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */-webkit-overflow-scrolling: auto; /* Stops scrolling immediately */}
.autocomplete-items .inScroll{max-height: 400px;overflow:hidden;}
.autocomplete-items .inScroll:hover{overflow-y:auto;}
.autocomplete-items .uniCompleteList {padding: 5px 5px;background-color: #fff;border-bottom: 1px solid #d1cece;}
.autocomplete-items .uniCompleteList:last-child{ border-bottom: none;}
.search-loader div{border-bottom: none !important;}
/*when hovering an item:*/
.autocomplete-items .uniCompleteList:hover {background-color: #f3f3f3 !important; color: #000 !important; border-radius: 4px;/* border-left: 4px solid #2cA01C;*/}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {background-color: DodgerBlue !important;color: #ffffff;}
.highlightedText {/*background: #727779 !important;color: #fff !important;*/ color: #1c84c6;font-weight: bold;border-bottom: 2px solid #1c84c6;border-radius:0px !important;padding: 0 !important;}
.autocomplete-items tr{border:none}
.autocomplete-items td {border: none;padding:2px}
.autocomplete-items a {color: inherit;text-decoration: inherit;font-size: inherit;font-style: inherit;padding: 0px;}
.autocomplete-items-anchor {color: inherit;text-decoration: inherit; font-size: inherit;font-style: inherit;padding: 0px;}
.universeal-textbox {border: none;background-color: #1c84c6;border-bottom: 1px solid #06886e;}
.universeal-textbox::-webkit-input-placeholder {/*color: #06886e;*/color:#fff}
.universeal-textbox:-moz-placeholder {/*color: #06886e;*/color: #fff}
.universeal-textbox::-moz-placeholder {/*color: #06886e;*/color: #fff}
.image-active {border: 3px solid #1c84c6;}
.image-inactive {border: 2px solid #ed5565;}
.autocomplete-items .noData{padding:10px;}
.autocomplete-items .noData img{float:left;width:35%;}
.autocomplete-items .noData .right{float:left;padding-left: 25px;text-align:left;}
.autocomplete-items .noData .right h1{font-size: 30px;font-weight: 500;}
.autocomplete-items .noData .right h6{font-size:20px;font-weight:400}
/*Abul Css Start*/
/*Common css boostrap override*/
.ibox-title h5 {color: #3c3b3b !important;}
.dsh-profile .ibox-content{min-height:350px !important;}
.dsh-profile .ibox-content .img-circle{height: 100px;}
.dsh-employment span.label{ margin-top: 2px;}
.dsh-employment .table tr td:first-child {padding-left: 0px;}
.dsh-employment .table tr td i {margin-right: 5px;font-size: 16px;width: 15px;position: relative;}
.dsh-employment .table tr:nth-child(4) i {font-size: 23px;left: 2px;top: 3px;}
.dsh-right .dsh-announce .ibox-content i{color: #676a6c;font-size: 15px;position: relative;top: 2px;font-weight: 600;}
.dsh-right .float-right{margin-left: 22px;}
.dsh-right .dsh-messages .float-right{margin-left: 25px;}
.dsh-right .ibox-content{padding:0px !important;}
.dsh-right .feed-element{padding:15px;    margin-top: 0;}
.dsh-right .feed-element:hover{background-color: #fff;}
.dsh-right .feed-element:last-child{border-bottom:0px;}
.dsh-right .feed-element strong{font-weight:400 !important;}
.dsh-right .dsh-onboard img{width: 28px !important;margin-top: 12px !important;}
.dsh-right .dsh-onboard h5{padding-top:5px;}
.dsh-right .dsh-onboard span{margin-top: 3px;padding: 4px 10px;    font-size: 17px;}
.dsh-right .dsh-onboardNwList .dsh-onboard {padding:5px !important;}
.dsh-right .dsh-onboardNwList .dsh-onboard .emptype {clear: both; width: 36%; text-align: center; margin-left: 62px; height: 18px; line-height: 18px; padding: 0px 5px 1px !important; white-space:nowrap; font-size: 10px !important; font-weight: 600;}
.dsh-right .dsh-onboardNwList .dsh-onboard  h3 {float: left;margin: 19px 0px 0px;font-size: 14px;}
.dsh-right .dsh-onboardNwList img.img-circle{float: left;margin-right: 7px;width: 35px;margin-top:0px;}
.dsh-right .dsh-onboard .un-circular-chart {height: 40px;margin: 0 auto;}
.dsh-right .dsh-onboardNwList .dsh-onboard td{padding-bottom:5px;}
.dsh-right .dsh-onboardNwList .dsh-onboard .dash-table-box {overflow-y:hidden;max-height: 147px;}
.dsh-right .dsh-onboardNwList .dsh-onboard .dash-table-box:hover {overflow-y: scroll;max-height: 150px;}
.dsh-right .dsh-onboardNwList .dsh-onboard .dash-table-box tr{border-bottom:1px solid #ddd !important;}
.dsh-right .dsh-onboardNwList .dsh-onboard th{padding:5px 3px;}
.dsh-right .dshbrd-ibox-title.bgclr {background-color: #FF7735 !important; padding: 8px 20px 3px 18px !important;}
.dsh-right .dshbrd-ibox-title.bgclr .onboarding-count {color: #ff7735 !important;}
.dsh-onboardNwList .ibox-title h5 i{margin-right:0px !important;}
/* Scrollbar custom*/
.dsh-right .inspinia-timeline::-webkit-scrollbar {width: 5px;height:1px;border-radius:10px}
.dsh-right .inspinia-timeline::-webkit-scrollbar-thumb {background:  #b2adad;}
.dsh-right .inspinia-timeline::-webkit-scrollbar-track {background:#dedede; }
.dsh-onboardNwList{padding:5px;}
.dsh-onboardNwList li{list-style:none;background-color:#f3f3f3;display:inline-block;width:100%;border-radius:5px;padding:5px;}
.dsh-onboardNwList .left{display:flex;float:left}
.dsh-onboardNwList .left .text{margin-left:5px;}
.dsh-onboardNwList .left .text h3{margin:0px;}
.dsh-onboardNwList .per-onboard .un-circular-chart .circle-bg {stroke: #fff !important;} 
.dsh-onboardNwList .emptype{background-color: #00bf0e;padding: 2px 5px 1px !important;color: #fff;border-radius: 25px;font-size: 13px !important;display: block;}
.dsh-onboardNwList .left .text p{font-size:14px;margin-bottom: 0px;}
.dsh-onboardNwList .per-onboard{float:right;}
.dsh-onboardNwList .ibox-content ul.list {overflow-y: hidden;padding:5px !important;height:180px;}
.dsh-onboardNwList .ibox-content:hover ul.list {overflow-y: auto;}
.dsh-onboardNwList li:last-child{background-color:#fff;text-align:center;padding: 0px;}
.dsh-onboardNwList li:last-child a,.dsh-right .dsh-onboard .dsh-onboardNwList tr:last-child a{border: none !important;color: #5c99fc !important;background-color: #fff !important;cursor: pointer;text-align: center;font-weight: 600;}
.dsh-onboardNw .grid-list-sec2{width:auto;top: -5px !important;}
.dsh-onboardNw .grid-list-sec2 li{width:33%; padding:0px !important;}
.dsh-onboardNw .grid-list-sec2 li a{ width: 100% !important; line-height:29px !important; border-radius: 22px !important; font-size: 14px !important;}
.dsh-onboardNwList .onbrddsh-slct {color: #6f6f6f;border: 0px;border-radius: 25px;padding: 1px 4px;font-weight: 400;outline: 0px;right: 100px;width: 110px;position: absolute;top:6px;}
.dashboard-page .dsh-right .dsh-onboardNwList .dsh-announce-btm .grid-list-sec2 {width: 97%;padding: 9px 3px 9px;}
.dashboard-page .dsh-right .dsh-onboardNwList .dsh-announce-btm .grid-list-sec2 #tabMenu {padding: 0px 5px !important;}
.dashboard-page .dsh-right .dsh-onboardNwList .dsh-announce-btm .grid-list-sec2 #tabMenu a {box-shadow: 0px 0px 0px 1px rgb(226, 226, 226);}
.dashboard-page .dsh-right .dsh-onboardNwList .dsh-announce-btm .grid-list-sec2 #tabMenu .newbadge{ right: -3px !important;}
/*Dashboard Grey Color Heading*/
.md-skin .dashboard-page .ibox {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);margin-bottom: 15px;}
.dashboard-page { background-color: #fff;padding: 15px 20px 10% 5px!important;margin-bottom: 0px !important;}
.md-skin .dashboard-page .ibox-title {min-height: 34px;padding: 8px 25px 0px 22px;}
.dashboard-page .dsh-onboard .dshbrd-prjct-header{background-color: #ff773540;color: #FF7735;}
.dashboard-page .dsh-onboard span.label{color: #ff7735;background-color: #ff773524;float: left;height: 25px;width: 25px;margin-right: 3px;text-align: center;padding: 4px 5px;}
.dashboard-page .ibox-title h5{margin-bottom:0px;}
.dashboard-page .ibox-title h5 .icon-badge{margin-bottom:0px;width: 20px;height: 20px !important;padding: 3px 5px 3px 5px !important;margin-right: 8px;border-radius: 2px !important;}
.dashboard-page .dsh-onboard .ibox{margin-bottom:8px;}
.dashboard-page .ibox-tools a {color: #fff;font-size: 18px;margin-top: -5px;display: inline-block;}
.dashboard-page .dsh-middle .ibox{padding:8px 0px;}
.dashboard-page .dsh-middle .ibox-content{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);padding:12px 15px;}
.dashboard-page .dsh-middle .ibox-title{padding: 12px 15px 9px 6px;}
.dashboard-page .dsh-announce{margin-bottom: 10px;}
.dashboard-page .dsh-announce .auditclass.rht-view{margin-top: 15px;}
.dashboard-page .dsh-announce .ibox-content{height: 321px;}
.dashboard-page .dsh-profile{width: 37%;float:left;}
.dashboard-page .dsh-employment{width: 63%;float:left;}
.dashboard-page .dsh-profile .dshbrd-profile-card{border-radius:7px;}
.dashboard-page .dsh-profile .dshbrd-profile-card .ibox-content.text-center{border-radius:7px;}
.dashboard-page .dsh-profile .dshbrd-profile-card .col-md-4,.dashboard-page .dsh-profile .dshbrd-profile-card .col-md-8{padding:0px 5px;}
.dashboard-page .dsh-profile .dshbrd-profile-card .col-md-8 a{color: #676a6c;font-weight: 400;word-break: break-word;}
.dashboard-page .dsh-profile .dshbrd-profile-card .col-md-8 a i{color: #00BF0E;visibility: hidden;padding-left:5px;}
.dashboard-page .dsh-profile .dshbrd-profile-card .col-md-8 a:hover i{visibility:visible;}
/*Dashboard Uplift Styles - Ronald Code*/
.dshbrd-profile-card {border-top: 5px solid #00BF0E;border-bottom: 5px solid #00BF0E;}
.dshbrd-profile-card-term {border-top: 5px solid #F86161 !important;border-bottom: 5px solid #F86161 !important;}
.dshbrd-profile-card-image {border-radius: 50%;object-fit: cover;width: 100px;height: 100px;margin-top: -13%;}
.dshbrd-profile-card-bg-img {margin-top: -14px;}
.dshbrd-profile-card-green-icons {color: #00BF0E;font-size: 15px;padding-right: 5px;}
.dshbrd-profile-card-green-icons.fa-home,.dshbrd-profile-card-green-icons.fa-phone{font-size:18px;}
.dshbrd-profile-card-green-icons.fa-mobile{font-size:20px;}
.dshbrd-profile-card-red-icons {color: #F86161;font-size: 15px;padding-right: 5px;}
.dshbrd-profile-card-bottom-icons {font-size: 20px;border-radius: 50%;padding: 5px 7px 7px 8px;width: 40px;height: 40px;border: none;margin-left: 10px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);}
.dashboard-page .holiday-banner-emp-dshbrd {background-color: #f1f1f1; width: 96%;min-height: 150px;position: relative;margin: 0px 0px;border-radius: 21px;padding-left: 3px;overflow: hidden;}
.dashboard-page .holiday-banner-emp-dshbrd .caption {color: #000;padding: 10px;margin: 4px;width: 97%;background-color: #ffffff;float: left;border-radius: 21px;height: 172px;overflow-y: auto;position: relative; overflow-x: hidden;}
.dashboard-page .holiday-banner-emp-dshbrd .caption::after {content: "";position: absolute;width: 100%;height: 100%;top: 0px;opacity: 0.2;background: url(../Images/holidy-bnr.png) center center / 29% no-repeat;}
.dashboard-page .holiday-banner-emp-dshbrd .caption h3 {font-weight: 500; margin: 0px 0px 8px;font-size: 21px; color: #1c84c6;}
.dashboard-page .holiday-banner-emp-dshbrd .caption p {font-size: 16px;margin: 4px 0px 7px;color: #818181;font-weight: 400;}
.dashboard-page .holiday-banner-emp-dshbrd .caption p span:first-child {display: inline-block;margin-bottom: 5px;}
.dashboard-page .holiday-banner-emp-dshbrd .caption p span:first-child strong {font-weight: 400;}
.dashboard-page .holiday-banner-emp-dshbrd .caption p.NoUpcomingHoliday span{font-size:26px !important;}
.dashboard-page .holiday-banner-emp-dshbrd .caption p .holiday-Bg-color {background-color: #5C99FC;color: #fff;padding: 2px 21px; border-radius: 14px;margin-left: 4%;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);}
.dashboard-page .holiday-banner-emp-dshbrd .sky {height: 58px;overflow: hidden;position: absolute;width: 100%; bottom: 0px;}
.dashboard-page .holiday-banner-emp-dshbrd .sky .cloud {border-radius: 200px;height: 100%;position: absolute;right: 0;width: 100%;background: url(/Images/holiday-cloud.png) left center;-webkit-animation: clouds-in-out 18s 4s infinite linear;}
.dashboard-page .holiday-banner-emp-dshbrd .flag {position: absolute;bottom: 5px;left: 10px;} 
.holiday-banner-emp-dshbrd-img { float: right; margin: 45px 11px 0px 0px;width: 21%;}
.hldEdit65{border-bottom: 1px solid #e7eaec !important; padding-bottom: 15px; margin-bottom: 15px;}
.hldEdit65:nth-last-child(1){border-bottom: none !important;}
.holi-benOff .dsh-ben {display: none;}
.holi-benOn .dsh-ben {display: block;}
.holi-benOff .dsh-hldy {width: 85% !important;}
.holi-benOn .dsh-hldy {width: 61%;}
.holi-benOff .holiday-banner-emp-dshbrd-img {width: 17%; margin: 25px 11px 0px 0px !important;}
.holi-benOn .holiday-banner-emp-dshbrd-img {width: 21%;}
 .dsh-onboard-header {background-color: #5C99FC;color: #fff;border-radius: 20px;padding: 3px 57px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);}
.dsh-video-header {background-color: #F39C11;color: #fff;border-radius: 20px;padding: 3px 57px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);}
.dsh-onboard-complt {font-size: 33px;font-weight: 500;color: #00BF0E;}
.dsh-onboard-incomplt {font-size: 33px;font-weight: 500;color: #F84747;}
.dsh-video-youtube {font-size: 60px;color: #FF0000;}
.dsh-video-youtube:hover {font-size: 60px;color: #FF0000;}
.dshbrd-ibox-title {border-radius: 21px 21px 0 0;background-color: #5C99FC;color: #fff;}
.md-skin .dashboard-page .ibox-title h5 {color: #fff !important;font-weight: 500;}
.dshbrd-tmcrd-numbers {color: #00BF0E;background-color: #E3F8E4;font-size: 16px;border-radius: 50%;padding: 3px 8px 3px 8px;width: 40px;height: 40px;border: none;}
.dshbrd-tmcrd-header {background-color: #CAE9FE;color: #5C99FC;border-radius: 12px;margin-bottom: 12px;margin-top: 4px;}
.dshbrd-tmcrd-status {color: #fff;border-radius: 20px;padding: 0px 14px;font-size: 15px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);    min-width: 85px;display: inline-block;}
.dshbrd-prjct-numbers {color: #00BF0E;background-color: #E3F8E4;font-size: 16px;border-radius: 50%; padding: 3px 8px 3px 8px;width: 40px; height: 40px;border: none;}
.dshbrd-prjct-header {background-color: #FCE7C7;color: #F39C11;border-radius: 12px;margin-bottom: 12px;margin-top: 4px;}
.dshbrd-pendingTM-header {background-color: #d7efff;color: #1ea2fe;border-radius: 12px;margin-bottom: 12px;margin-top: 4px;}
.dshbrd-pendingTM-table tr th:nth-child(1), .dshbrd-pendingTM-table tr td:nth-child(1) {width: 3%;}
.dshbrd-pendingTM-table tr th:nth-child(2), .dshbrd-pendingTM-table tr td:nth-child(2) {width: 7%;}
.dshbrd-pendingTM-table tr th:nth-child(3), .dshbrd-pendingTM-table tr td:nth-child(3) {width: 22%;}
.dshbrd-pendingTM-table tr th:nth-child(4), .dshbrd-pendingTM-table tr td:nth-child(4) {width: 15%;}
.dshbrd-pendingTM-table tr th:nth-child(5), .dshbrd-pendingTM-table tr td:nth-child(5) {width: 12%;}
.dshbrd-pendingTM-table tr th:nth-child(6), .dshbrd-pendingTM-table tr td:nth-child(6) {width: 10%;}
.dshbrd-pendingTM-table tr th:nth-child(7), .dshbrd-pendingTM-table tr td:nth-child(7) {width: 10%;}
.dshbrd-pendingTM-table tr th:nth-child(8), .dshbrd-pendingTM-table tr td:nth-child(8) {width: 10%;}
.dshbrd-prjct-status {color: #5C99FC; font-size: 15px;}
.dshbrd-pendingTM-table tr th .payroll-checkbox { top: -9px; left: 9px; }
.dshbrd-pendingTM-table tr td .bwt-hrv { width: 15px; left: 5px; top: -3px; }
.time-ytd .bwt-w4form{ top: -2px; position: relative; padding: 1px; width: 85px; font-size: 15px; margin: 0 3px;}
.dshbrd-CusComp-table tr th:nth-child(1), .dshbrd-CusComp-table tr td:nth-child(1) {width: 8%;}
.dshbrd-CusComp-table tr th:nth-child(2), .dshbrd-CusComp-table tr td:nth-child(2) {width: 30%;}
.dshbrd-CusComp-table tr th:nth-child(3), .dshbrd-CusComp-table tr td:nth-child(3) {width: 20%;}
.dshbrd-CusComp-table tr th:nth-child(4), .dshbrd-CusComp-table tr td:nth-child(4) {width: 20%;}
.dshbrd-CusComp-table .un-circular-chart  { height: 35px !important; margin: 5px auto !important; }
.cusFileCateUl{ list-style: none; padding: 0; }
.cusFileCateUl li{ padding: 5px !important; font-size: 18px !important; font-weight: 500; border-bottom: 1px solid #ddd; border-radius: 5px;}
.cusFileCateUl li a{ color: #48484a; }
.cusFileCateUl li.selectedItem{ background-color: #ddd; border-left: 5px solid #2ca01c }
.cusFileCateUl li:nth-last-child(1){ border-bottom: none;}
.cusFileCateUl li span{ color: #fff; width: 40px; padding: 4px; background-color: #1C84C6; font-size: 14px; margin-top: 2px; float: right !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; }
.dashboard-page .holiday-banner-emp-dshbrd-img .caption {color: #000;padding: 10px;margin: 4px;background-color: #fff;float: left;border-radius: 5px;min-height: 110px;}
.dashboard-page .holiday-banner-emp-dshbrd-img .caption h3 {font-weight: 500;margin: 0px 0px 8px; font-size: 21px;color: #1c84c6;}
.dashboard-page .holiday-banner-emp-dshbrd-img .caption p {font-size: 16px; margin: 4px 0px 7px;color: #818181;font-weight: 400;}
.dashboard-page .holiday-banner-emp-dshbrd-img .caption p span:first-child {width: 60%;display: inline-block;}
.dashboard-page .holiday-banner .caption p span:last-child{background-color: #fa9738;color: #fff;padding: 1px 5px;border-radius: 5px;}
.dashboard-page .holiday-banner-emp-dshbrd-img .flag {position: absolute;bottom: 5px;left: 10px;}
.holiday-banner-emp-dshbrd .hldy-text{float: left;}
.holiday-banner-emp-dshbrd .hldy-text h3 {font-weight: 700;color: #949494;font-size: 28px;text-transform: uppercase;margin: 5px 0px 0px !important;}
.holiday-banner-emp-dshbrd .hldy-text h3 span {font-size: 29px;color: #1c84c6;}
.holiday-banner-emp-dshbrd .hldy-text h3 img {width: 33px;margin-right: 5px;margin-top: -5px;}
.holiday-banner-emp-dshbrd .hldy-expand h3 {background-color: #ffffff;color: #1c84c6;border-radius: 7px;padding: 8px 5px;font-size: 20px;cursor: pointer;font-weight: 500;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.hldy-expand a.pull-right {display: block;font-size: 17px;position: absolute;right: 38px;z-index: 9;margin-top: -6px;}
.dashboard-page .dsh-top .col-lg-3 {padding-left:5px;padding-right:5px;}
.dashboard-page .dsh-top .dsh-time a{color:#fff;position:relative;display:inline-block;width:100%;z-index:9;}
.dashboard-page .dsh-top .dsh-time {background-color:#f86161;color: #fff;padding: 11px 10px;border-radius: 5px;position:relative;display:inline-block;width:100%;overflow: hidden;min-height: 105px;z-index: 1;}
.dashboard-page .dsh-top .dsh-time h4{font-size: 33px;float:left;font-weight: 400;margin: 11px 0px 0px;}
.dashboard-page .dsh-top .dsh-time h5{float:right;font-size: 14px;line-height: 23px;font-weight: 400;margin: 10px 0px 0px;text-align:right;width: 67%;}
.dashboard-page .dsh-top .dsh-time h5 span{display:block;line-height:15px;}
.dashboard-page .dsh-top .dsh-time h5 i{float: right;clear: both;}
.dashboard-page .dsh-top .dsh-time .shadow-icon{position: absolute;bottom: -47px;font-size: 60px;opacity: 0.3;left: 27%;}
.dashboard-page .dsh-top .col-lg-3:nth-child(3) .dsh-time,.dashboard-page .dsh-top .col-lg-3:nth-child(4) .dsh-time{padding: 4px 10px;}
.dashboard-page .dsh-top .dsh-time:last-child small{color: #fff;clear: both;display: block;margin-top: 5px;font-size: 11px;}
.dashboard-page .dsh-top .col-lg-3:nth-child(3) .dsh-time .shadow-icon{bottom:-60px}
.dashboard-page .dsh-top .col-lg-3:last-child .dsh-time .shadow-icon{bottom:-30px;}
/*Dashboard holiday and Notes css*/
.onboarding-count{background-color: #fff; color: #f39c11; padding: 3px 7px !important; font-size: 15px !important; margin-left: 5px; border-radius: 5px;}
.dash-hldy-notes {margin-left: -8px;margin-bottom: 10px;}
.dash-hldy-notes .dsh-notesblk{width:49%;float:left;}
.dash-hldy-notes .dsh-notes{width: 48%;float: left;margin-right: 15px;}
.dash-hldy-notes .dsh-notes.dsh-task{margin-right:0px;}
.dash-hldy-notes .dsh-notes .ibox-title a {float: right;color: #00bf0e;background-color: #fff;padding: 3px 8px;border-radius: 50%;position: relative;top: -5px;right: -18px;}
.dash-hldy-notes .dsh-notes .ibox-title a i{top: 2px;}
.dash-hldy-notes .dsh-notes .ibox-content{padding: 5px;border-radius:0px 0px 15px 15px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%); }
.dash-hldy-notes .dsh-notes ul{padding-left:0px;margin-bottom: 0;}
.dash-hldy-notes .dsh-notes.lft ul li{list-style:none;float:left;width: 48%;margin-right: 5px;margin-bottom: 5px;}
.dash-hldy-notes .dsh-notes.lft ul li:nth-child(even){margin-right:0px;}
.dash-hldy-notes .dsh-notes.lft ul li:nth-child(3),.dash-hldy-notes .dsh-notes.lft ul li:nth-child(4){margin-bottom:0;}
.dash-hldy-notes .dsh-notes.lft ul li a{display: inline-block;background-color: #f3f3f3;width: 100%;position:relative;border-radius: 6px;padding: 7px 9px 25px;color: #000;}
.dash-hldy-notes .dsh-notes.lft ul li a:hover{background-color:#ddd;}
.dash-hldy-notes .dsh-notes.lft ul li a span{display:block;width:30px;height:30px;background-color:#1ea2fe;border-radius:50%;color:#fff;text-align: center;}
.dash-hldy-notes .dsh-notes.lft ul li a h6{position:absolute;right: 7px;top: 16px;font-size:18px;margin: 0;color: #000;font-weight: 500;}
.dash-hldy-notes .dsh-notes.lft ul li a p{bottom:0px;margin-bottom: 0;position:absolute;font-size: 13px;left: 13px;}
.dash-hldy-notes .dsh-notes.lft ul li a span i{top:5px}
.dash-hldy-notes .dsh-hldy{width: 51%;float: right;}
.dash-hldy-notes .dsh-notes.dsh-task ul li{list-style:none;}
.dash-hldy-notes .dsh-notes.dsh-task ul li a{display:inline-block;width:100%;padding:4.5px 3px;}
.dash-hldy-notes .dsh-notes.dsh-task ul li a:hover{background-color:#eee;}
.dash-hldy-notes .dsh-notes.dsh-task ul li a span{text-align:right;float: right;background-color: #6cc628;border-radius:5px;min-width:30px;text-align:center;color:#fff;font-weight:400;}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(2) a span{background-color:#1c84c6}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(3) a span{background-color:#787878}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(4) a span{background-color:#6f8fae}
.dash-hldy-notes .dsh-notes.dsh-task ul li a p{border-left:3px solid;padding-left:5px;margin-bottom: 2px;}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(1) a p{border-color:#6cc628}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(2) a p{border-color:#1c84c6}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(3) a p{border-color:#787878}
.dash-hldy-notes .dsh-notes.dsh-task ul li:nth-child(4) a p{border-color:#6f8fae}
#cmmt-vertical-timeline { position: relative; padding: 0;}
#cmmt-vertical-timeline::before {top: 20px !important; left: 20px !important; content: ''; position: absolute; height: 100%; width: 3px; background: #f1f1f1;}
/*dashboard Onboarding Process */
.dsh-onbord-process {padding-left: 5px;padding-right: 5px;width: 52%;margin-left: -8px;}
.dsh-onbord-process .dsh-onbord {width: 48%;float: left;margin-right: 10px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);border-radius: 21px 21px;}
.dsh-onbord-process .dsh-onbord .ibox-content{padding: 15px 11px;border-radius:21px;z-index:1;position: relative;overflow: hidden;}
.dsh-onbord-process .dsh-onbord .hover-box:before, .dsh-onbord-process .dsh-onbord .hover-box:after {background: #03a9f469;z-index: -1;}
.dsh-onbord-process .dsh-onbord.dsh-onbrd-vid{margin-right:0px;}
.dsh-onbord-process .dsh-onbord.faq{width:35%;}
.dsh-onbord-process .dsh-onbord.faq .ibox-content{    padding: 17px 11px 30px !important;}
.dsh-onbord-process .hrhub-vid{width:60%;}
.dsh-onbord-process .dsh-onbord.faq .ibox-content {padding: 9px 11px;}
.dsh-onbord-process .dsh-onbord.faq img{margin: 11px auto;}
.dsh-onbord-process .dsh-onbrd-vid .carousel.slide{height: 100px;}
.dsh-onbord-process .dsh-onbrd-vid .carousel .carousel-inner{padding-bottom:2px;}
.dsh-onbord-process .dsh-onbrd-vid .carousel .carousel-control{background-image: none !important;top:40px;}
.dsh-onbord-process .dsh-onbrd-vid .carousel .carousel-control.left{    left: -20px;}
.dsh-onbord-process .dsh-onbrd-vid .carousel .carousel-control.right{left: auto;right: -20px;}
.dsh-onbord-process .dsh-onbrd-vid .carousel .carousel-control span {color: rgb(0, 0, 0);font-size: 31px;}
.dsh-onbord-process .dsh-onbrd-vid .carousel h6{font-size: 14px;margin: 0;position: relative;bottom: -3px;font-weight: 500;}
.dsh-onbord-process .dsh-onbrd-vid .carousel img {height: 80px;margin: 0 auto;width: 75%;border-radius: 5px;border: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);}
.dsh-onbord-process .dsh-onbord h5{font-size: 15px;background-color: #1ea2fe;color: #fff;border-radius: 25px;padding: 7px 1px;margin: 0px;font-weight: 500;}
.dsh-onbord-process .dsh-onbord.dsh-onbrd-vid h5{background-color: #f39c11;}
.dsh-onbord-process .dsh-onbord.dsh-onbrd-vid h6{margin: 0; font-size: 14px; font-weight: 600;}
.dashboard-page .dsh-mid-left{width:69%;padding-right: 5px;padding-left: 20px;}
.dashboard-page .dsh-right{width: 31%;margin-top: -148px;}
.dashboard-page .dsh-right .dsh-messages .ibox-content{overflow-y:hidden;padding-right: 5px !important;}
.dashboard-page .dsh-right .dsh-messages .ibox-content:hover{overflow-y:hidden;}
.dashboard-page .dsh-right .dsh-announce .ibox-content .activity-list{overflow-y:auto;height:273px;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli{height: 275px;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .carousel-inner {height: 100%;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .carousel-inner img{margin:0 auto;width: 80% !important;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .carousel-indicators{bottom: -45px;left: 35px;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .carousel-indicators li{border: 1px solid #1ea2fe;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .carousel-indicators .active {background-color: #1ea2fe;}
.dsh-announce .carousel-sli .carousel-control{background-image:none;color: #3a3a3a;font-size: 15px;z-index: 9;}
.dsh-announce .carousel-sli .carousel-control span{font-size: 20px;}
.dsh-announce .carousel-sli .carousel-control span.glyphicon-chevron-left{left:20%;}
.dsh-announce .carousel-sli .carousel-control span.glyphicon-chevron-right{right:20%;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .caption{text-align:center;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .caption h3{font-size:17px;margin:0px;color: #1c1c1e;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .caption h3:hover{color: #1c84c6;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .caption p{margin:3px 0px;color:#888888;}
.dashboard-page .dsh-right .dsh-announce .carousel-sli .caption span{background-color: #5c99fc; color:#fff; padding:3px 10px; border-radius:15px;}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm{border-top:1px solid #eee;}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec {top: 6px;margin-right:10px;}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec #tabMenu a {width: 30px;height: 30px;}   
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec #tabMenu.active a,.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec #tabMenu.active a i {color: #1c84c6 !important;}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec2 {top: 6px;margin-right: 10px;}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec2 #tabMenu a {width: 50px; height: 30px;}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec2 #tabMenu .newbadge { color: #fff; position: absolute; top: -2px; right: -13px; padding: 1px 6px; font-size: 9px; border-radius: 50px; z-index: 9; font-weight: bold; background-color: #2cA01C !important; }
.blink-soft { animation: blinker 1.5s linear infinite; }
@keyframes blinker {50% {opacity: 0;}}
.dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec2 #tabMenu.active a, .dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec2 #tabMenu.active a i {color: #1c84c6 !important;}
.dashboard-page .dsh-Payrolldate{}
.dashboard-page .dsh-Payrolldate .ibox{ border-radius: 10px; padding: 7px; background-color: #1ea2fe; border: 5px solid #fff; }
.dashboard-page .dsh-Payrolldate .heading{ font-size: 14px; font-weight: 500; color: #f6f6f6; padding-top: 2px; display: flex;}
.DSH-arrow-container {width: 25px; animation: DSH-bounce 3s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); cursor: pointer; height: 20px; display: flex;}
.DSH-arrow-container .fa-chevron-right{margin-left: 1px; margin-top: 4px;color: #fff; opacity: 0.6;}
.DSH-arrow-container .fa-chevron-right:nth-child(1){margin-left: 6px !important;}
.DSH-arrow-down { height: 6px; background: black; transform: rotate(315deg); transform-origin: 0% 0%; border-radius: 5px;}
.DSH-arrow-down:after { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 100%; border-radius: 5px; background: black; transform: rotate(-90deg); transform-origin: 0% 100%;}
@keyframes DSH-bounce {50% { transform: translateX(15px); }}
.dashboard-page .dsh-Payrolldate .data{ display: flex; justify-items: left; }
.dashboard-page .dsh-Payrolldate .data .date{font-size: 22px; color: #fff; font-weight: bold; }
.dashboard-page .dsh-Payrolldate .dayNames{ font-size: 12px; font-weight: 600; color: #fff; padding: 10px 0 0 7px;}
.dashboard-page .dsh-Payrolldate .data .day{ margin-top: 2px; font-size: 17px; color: #fff; font-weight: 500; }
.dashboard-page .dsh-Payrolldate .days{ font-size: 12px; background-color: #fff; display: inline; padding: 2px 5px; font-weight: 500; color: #48484a; border-radius: 4px; }
.dashboard-page .dsh-Payrolldate .iconShadow{ position: absolute; right: 24px; font-size: 50px; bottom: 10px; color: #fff; opacity: .3; }
.dashboard-page .dsh-Payrolldate .loader h4{color:#fff;}
.LoadingAnim span[class^="dot-"]{opacity: 0;}
.LoadingAnim span.dot-one{animation: dot-one 2s infinite linear}
.LoadingAnim span.dot-two{animation: dot-two 2s infinite linear}
.LoadingAnim span.dot-three{animation: dot-three 2s infinite linear}
@keyframes dot-one{0%{opacity: 0;}15%{opacity: 0;}25%{opacity: 1;}100%{ opacity: 1;}}
@keyframes dot-two{0%{opacity: 0;}25%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}
@keyframes dot-three{0%{opacity: 0;}50%{opacity: 0;}75%{opacity: 1;}100%{opacity: 1;}}
.dashboard-page .dsh-mid-left td, .dashboard-page .dsh-mid-left th {padding: 8px 4px !important;text-align: left;}
.dashboard-page .dsh-bottom .ibox-content p{color:#818181;margin-bottom: 15px;font-size: 20px;}
.dashboard-page .dsh-bottom .ibox-content p strong{width: 42%;display: inline-block;font-weight: 500;}
.dashboard-page .dsh-bottom .ibox-content p span{background-color:#fef4e4;color:#f39c11;border-radius: 25px;padding: 2px 10px;}
.dashboard-page .dsh-bottom .ibox-content i{position:absolute;right: 10px;bottom: 7px;font-size: 64px;opacity: 0.2;}
.dashboard-page .dsh-bottom .col-lg-6:last-child .ibox-content p span {color: #00bf0e;background-color: #e3f8e4;}
.dashboard-page .timecard-hrs .ibox-tools select{color: #6f6f6f;border: 0px;border-radius: 25px;padding: 1px 13px;font-weight: 400;outline:0px;}
.dashboard-page .time-ytd .ibox-content{overflow-y:hidden;}
.dashboard-page .time-ytd .ibox-content::-webkit-scrollbar-track,.dashboard-page .time-ytd .ibox-content::-webkit-scrollbar-track:hover,
.dashboard-page .time-ytd .ibox-content::-webkit-scrollbar-thumb,.dashboard-page .time-ytd .ibox-content::-webkit-scrollbar-thumb:hover{background-color:#fff;} 
#annmodal .modal-dialog{width:70% !important;}
#annmodal .main-timeline .timeline {width: 100%;}
.dshPending-app .dshbrd-pendingTM-table .selected{ background-color: #ededed !important;}
.dshPending-app .dshbrd-pendingTM-table tr:hover td .check-box-cover{left: -4px !important;}
.dshPending-app .dshbrd-pendingTM-table .un-scrollbarStyle12 tr:hover {background-color: rgb(238 238 238 / 46%) !important;}
.dashboard-page #pleaseWaitDialog{}
.dashboard-page #pleaseWaitDialog:after{content:'';position: absolute;background-color: #000;width: 100%;height: 100%;opacity: 0.4;}
.dashboard-page #pleaseWaitDialog .modal-dialog{height: 200px;width: 40%;margin: 0 auto !important;right: auto;float: none;transform: translate(66%, 50%);}
.dashboard-page #ApproveRejectSuccessModal .modal-dialog .sweet-alert {display: block;position: relative;margin-left: 0; margin-top: 0;left: 5%;}
.dashboard-page #ApproveRejectSuccessModal .modal-header {background-color: #fff;}
.dashboard-page #ApproveRejectSuccessModal .modal-title {text-align: center;}
.dashboard-page #ApproveRejectSuccessModal .viewTask a{background-color: #1c84c6 !important; border-radius:4px !important;padding: 9px 20px !important;}
.dshPending-app .candidate-mbllst:hover h3 {margin-left: -20px;}
.dshPending-app .candidate-mbllst ul li p span:first-child {font-weight: 500;width: 100px;}
.dshPending-app .candidate-mbllst ul li {padding: 1px 0px;}
.dshPending-app .dash-table-box,.dshPending-app .dash-table-box:hover {max-height: 120px;}
.dshPending-app .candidate-mbllst ul li p span{font-size: 16px !important;}
.dshPending-app .candidate-mbllst .btmlist{border-top: 1px solid #ccc;}
.dshPending-app .candidate-mbllst .btmlist li{float:left;border-bottom:0px;width: 31%;border-right: 1px solid #ccc;margin-right: 5px;}
.dshPending-app .candidate-mbllst .btmlist li:last-child{margin-right:0px;border-right:0px;}
.dshPending-app .candidate-mbllst .btmlist li span,.dshPending-app .candidate-mbllst .btmlist li span:last-child {width: 100% !important;}
.dshPending-app .candidate-mbllst ul li p span:last-child {width: calc(100% - 100px) !important;}
/*ONBOARDING*/
.obr-Comp-left {box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;border-radius: 15px;padding: 0px !important;padding-bottom: 20px !important;}
.obr-Comp-left .heading{font-size: 20px; margin: 0 !important; padding: 7px 12px; border-radius: 15px 15px 0px 0px; background-color: #eee; color: #1c1c1e; font-weight: 500;}
.obr-Comp-left .heading .count{background-color: #fff; font-size: 16px; padding: 5px; border-radius: 5px; font-weight: 600; color: #1c84c6; margin-left: 5px;}
.obr-Comp-left .listPanel{height: 500px; overflow-y: scroll;}
.obr-Comp-left .list {}
.obr-Comp-left .list button{background-color: #fff; text-align: left !important; padding: 7px 10px; width:100%; font-size: 17px !important; cursor: pointer; transition: 0.4s; border-bottom: 1px solid #eee !important; margin-bottom: 10px !important;border-radius: 5px;}
.obr-Comp-left .list button:hover{background-color: #eee; border-bottom: none;}
.obr-Comp-left .list button .count {font-size: 14px; background-color: #1c84c6; height: 25px; color: #fff; width: 25px; margin-left: auto; margin-right: auto; text-align: center; line-height: 25px !important; border-radius: 5px; position: relative; top: 2px; float: right; }
.obr-Comp-left .list .client-avatar img{width: 30px !important; height: 30px !important; object-fit: cover; border: 2px solid;}
.obr-Comp-right {box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px; border-radius: 15px;}
.obr-Comp-right .leftloader{margin: 50px 0;}
.obr-Comp-right .table-list thead{background-color: #eee; color: #1c1c1e;}
.obr-Comp-right .table-list thead th{padding: 9px;font-size: 18px;}
.obr-Comp-right .table-list tbody:before{content: none !important;}
.obr-Comp-left .hrv-empbox .contactbox { display: none; }
.obr-Comp-left .hrv-empbox:hover .contactbox { display: block; width: 333px; position: absolute; background-color: #fff !important; z-index: 50; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6;}
.obr-Comp-left .hrv-empbox:hover .contactbox .w2-label{background-color: #2cA01C !important; font-weight: 600; border-radius: 50px; font-size: 11px; color: #fff;}
.obr-Comp-left .hrv-empbox:hover .contactbox .onboard-label{background-color: #fc6621 !important; font-weight: 600; border-radius: 50px; font-size: 11px; color: #fff;}
.badge-Timecard-Submitted{ background-color: #0074c1; color: #fff; font-size: 11px; font-weight: 600; padding: 3px 10px; text-shadow: none; border-radius: 50px;}
.badge-Timecard-NotSubmitted{ background-color: #ddd; color: #48484a; font-size: 11px; font-weight: 600; padding: 3px 10px; text-shadow: none; border-radius: 50px;}
.badge-Timecard-Approved{ background-color: #3fa234 !important; color: #fff; font-size: 11px; font-weight: 600; padding: 3px 10px; text-shadow: none; border-radius: 50px;}
.badge-Timecard-Draft{ background-color: #FB7E00 !important; color: #fff; font-size: 11px; font-weight: 600; padding: 3px 10px; text-shadow: none; border-radius: 50px;}
.badge-Timecard-Rejected{ background-color: #ec1c2d !important; color: #fff; font-size: 11px; font-weight: 600; padding: 3px 10px; text-shadow: none; border-radius: 50px;}
/*ONBOARDING popup JUL-5*/
.oNBoarding-Panel{}
/*Admin Dashboard*/
.admDash-prta .ibox-title { padding: 10px 10px 7px !important; min-height: auto !important;}
.admdash-box-top {height: 8px; display: block; width: 73px; border-radius: 18px 63px 0 0;}
.admdash-box{background-color: #f6f6f6;padding:8px;border-radius:0 10px 10px 10px;height:85px;cursor:pointer;box-shadow: 3px 5px 5px 0px #ddd; margin-bottom: 18px !important; transition: 0.3s;}
.admdash-box:hover{background-color: #ddd;}
.admdash-box .round{float: left; padding: 5px 8px; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.admdash-box .yellow{background-color: #FF9801 !important;}
.admdash-box .green{background-color: #2CA01C !important;}
.admdash-box .red{background-color: #CD113B !important;}
.admdash-box .blue{background-color: #1EA2FE !important;}
.admdash-box .count{float: right; color: #1c1c1e; font-size: 22px; font-weight:600;}
.admdash-box .box-label{margin-top: 50px; font-weight: 500; font-size: 14px;}
.admdash-list{margin-bottom: 10px; padding: 10px 15px; cursor: pointer; border-radius: 5px; transition: 0.3s;}
.admdash-list:last-child{margin-bottom: 0px !important;}
.admdash-list:hover{background-color: #eee;}
.admdash-list .li-left{font-size: 18px; color: #48484a; font-weight: 500; display: flex;}
.admdash-list .li-left span:nth-child(1) { background-color: #676a6c; height: 28px; width: 6px; border-radius: 50px;}
.admdash-list .li-left span:nth-child(2) { position: relative; top: 4px; background: none !important;}
.admdash-list .li-right { text-align: right;}
.admdash-list .li-right span { padding: 5px 10px; background-color: #676a6c; color: #fff; font-size: 16px; font-weight: 700; border-radius: 5px; position: relative; top: 3px;}
.admdash-tble td{border: none !important; padding: 10px;cursor: pointer; border-radius: 5px; transition: 0.3s;}
.admdash-tble td:hover{background-color: #eee;}
.admdash-tble a{color: #48484a; font-size: 20px; font-weight: 500;}
.admdash-tble .label {float: right; font-weight: 600; font-size: 16px; width: 65px; padding: 5px;}
/*Terminated Employee*/
.Terminated-emp .dsh-profile {word-break: break-all;}
.Terminated-emp .dsh-announce{padding-left:0px;}
.Terminated-emp .dsh-announce.history{margin-bottom:50px}
/** Scrollbar custom End**/
.quicklink.un-QuickLink {padding: 0;right: -185px !important;padding-bottom: 15px;}
.quicklink.un-QuickLink:before {right: 195px;}
.quicklink .quicklinkheader {font-size: 20px;padding: 8px 8px;border-radius: 3px;margin-bottom: 15px;font-weight:500; color: #312d2d !important;background-color: #eee !important;border-bottom: 1px solid #fff;display: inline-block;width: 100%;text-align: left;}
.quicklinkList{padding: 0px 10px 10px;padding-right: 25px;}
.quicklinkList .col-12{border-right:1px solid #eee}
.quicklinkList h3{position:absolute;font-size:25px;bottom:-10px;z-index:-9;opacity:0.2;text-transform:uppercase;}
.quicklinkList .col-12 .listContents{white-space:nowrap !important;}
.quicklinkList h3.admin{left:3%}
.quicklinkList h3.employee{right: 27%;}
.quicklinkList h3.employeeOnly {left: 3%;}
.quicklinkList h3.employee.TAS-h3 {right: auto;left: 25px;}
.quicklinkList .TAS.col-12:nth-child(4) {border-right: 0px;}
.quicklinkList h3.TAS{right: 5%;}
.quicklinkList .col-12:nth-child(4),.quicklinkList .col-12:nth-child(7){border-right:2px solid #b9b9b9;}
.quicklinkList .TAS.col-12:nth-child(4){border-left:2px solid #b9b9b9;}
.quicklinkList .col-12:last-child{border-right:0px;}
.quicklinkList .col-12 li a{display: inline-block;width: 100%;padding: 5px 10px !important;color: #5c5c5c;font-family: 'Poppins', sans-serif;}
.quicklinkList .col-12 li a .link-icon{display: none;}
.quicklinkList .col-12 li a span.highlight{font-weight: 500 !important;color: #000 !important;}
.quicklinkList .col-12 li a .newgreen {color: #29b516 !important;top: -6px;right: -5px;font-size: 13px;}
.quicklinkList .col-12 li a:hover, .notifAlert .dropdown-messages-box:hover {background-color: #eee;color: #1c1c1c;font-weight: 500; transition: 0.2s; border-radius: 50px;}
.quicklinkList .col-12 li a:hover .link-icon{display: block;color: #1ea2fe !important; transition: 0.5s; margin-left:5px;}
.quicklinkList .col-12:last-child{padding-right:0px !important;}
.quicklinkList .quicklinklistheader{background-color: transparent;color: #1ea2fe;text-align: left;padding: 0px 10px;margin-bottom: 5px;font-size: 16px !important;width: 100%;font-weight:500 !important;font-weight: 500 !important;font-family: 'Poppins', sans-serif;}
.quicklinkList li{line-height:20px;}
.quicklinkList li a{display:inline-block;padding:5px 0px !important;}
.notifAlert{padding:0px !important;}
.notifAlert .dropdown-messages-box{padding: 15px 5px;border-bottom: 1px solid #e5e5e5;} 
.notifAlert .dropdown-messages-box .img-circle{color:#676a6c;}
.alertUl{padding: 1px 0px 5px !important;}
.alertUl .col-sm-6 .label-primary {padding: 10px 10px;border-radius: 0px;margin: 8px 0px 15px;color: #312d2d !important;background-color: #ffffff; width: 100%; display: inline-block;font-size: 15px;border-bottom: none;}
.alertUl .col-sm-6 .alartui-list > a{ box-shadow: inherit !important;display: inline-block;width: 100%;text-align: left !important;border-bottom: none !important; padding: 7px !important;min-height: auto !important;background-color: #fff;}
.alertUl .col-sm-6 .alartui-list .card-body li{width: 100%;padding: 10px 10px !important;margin-left: 0px !important;border-bottom: 1px solid #ccc;}
.alertUl .col-sm-6 .alartui-list .card-body:last-child li{border-bottom:0px;}
.alertUl .col-sm-6 .alartui-list a:hover,.alertUl .col-sm-6 .alartui-list .card-body li:hover{    background-color: #eae9e9;}
.un-QuickLink{left: 200px; box-shadow: 0 4px 32px 0 rgba(51,62,99,0.14);}
.un-QuickLink:before{right: 175px;}
.un-NotificationNav{font-family: 'Poppins', sans-serif !important; border-radius: 0 0 10px 10px; border-bottom: 4px solid #1ea2fe !important; box-shadow: 0 4px 32px 0 rgba(51,62,99,0.14);}
.un-NotificationNav .col-sm-6:nth-child(1){border-right: 2px solid #b9b9b9;}
.un-NotificationNav .un-NotificationHeader{font-size: 20px !important; padding: 8px 8px; border-radius: 3px; margin: 0px !important; font-weight: 500; color: #312d2d !important; background-color: #eee !important; border-bottom: none; display: inline-block; width: 100%; text-align: left;}
.un-NotificationNav .label-blue{ background-color: #0095F6; color: #fff; font-weight: 700; border-radius: 50px; }
.un-NotificationNav .alartui-list{border: none !important; padding: 4px 7px !important;}
.un-NotificationNav .alartui-list > a{border: none !important;}
.un-NotificationNav .alartui-list > a:hover{background-color: #eee; transition: .5s; border-radius: 50px;}
.un-NotificationNav .alartui-list a .label-danger{ background-color: #0095F6; color: #fff; font-weight: 700; border-radius: 50px; }
.un-MessagesNav{font-family: 'Poppins', sans-serif !important; border-radius: 0 0 10px 10px; border-bottom: 4px solid #1ea2fe !important; box-shadow: 0 4px 32px 0 rgba(51,62,99,0.14);}
.un-MessagesNav .msgeHeader{font-size: 20px !important; padding: 8px 8px; border-radius: 3px; margin: 0px !important; font-weight: 500; color: #312d2d !important; background-color: #eee !important; border-bottom: none; display: inline-block; width: 100%; text-align: left;}
.auditLogTab .tab-pane i{color:#1c84c6;}
.dropdown-menu:before {right: 14px;content: "";border: 7px solid transparent;border-bottom-color: #ffffff;font-size: 0;line-height: 0;display: inline-block;top: -14px;
margin-left: 25px;position: absolute;background-color: transparent;}
.quicklink .dropdown-menu:before {right: 12px;}
.check-box-cover {margin-top: 10px !important;}
.image-active {border: 3px solid #1c84c6;}
.image-inactive {border: 2px solid #928e8f;}
.circle-badge {background:#1c84c6 !important;}
.timecard-ibox .col-sm-1 .input-group-btn i{color: #1c84c6 !important;}
.timecard-ibox .col-sm-6 .fa-arrow-circle-left,.timecard-ibox .col-sm-6 .fa-arrow-circle-right{color: #1c84c6 !important;}
.timecard-boxtool a{color: #1c84c6 !important;}
.fixed-nav .navbar-top-links.navbar-right > li:nth-child(4) i.fa-bell {-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes spaceboots {
 0% { transform: rotate(0); } 15% { transform: rotate(8deg); } 30% { transform: rotate(-8deg); }  45% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }  75% { transform: rotate(4deg); }  85% { transform: rotate(-4deg); }  92% { transform: rotate(4deg); }  100% { transform: rotate(0); }
}
.fixed-nav .navbar-top-links.navbar-right > li:nth-child(2) a img{-webkit-animation: bubble-one 1s linear infinite;animation: bubble-one 1s linear infinite;}
@-webkit-keyframes bubble-one {
    0% {box-shadow: 0 0 0 0 #f3e3e27d, 0 0 0 0.1em #f3eeee1a, 0 0 0 0.3em rgb(206 206 206 / 14%), 0 0 0 1.2em rgba(206, 206, 206, 0.15);}
    100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
@keyframes bubble-one {
0% {box-shadow: 0 0 0 0 #f3e3e27d, 0 0 0 0.1em #f3eeee1a, 0 0 0 0.3em rgb(206 206 206 / 14%), 0 0 0 1.2em rgba(206, 206, 206, 0.15);}
100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
.fixed-nav .navbar-top-links.navbar-right > li a:hover img {opacity: 0.8;filter: grayscale(100%) !important;}
.fixed-nav .navbar-top-links.navbar-right > li a:hover i {color: #cecece !important;}
.fixed-nav.pace-done .nav .open > a, .fixed-nav.pace-done .nav .open > a:hover, .fixed-nav.pace-done .nav .open > a:focus{background-color: transparent !important;}
.caroSelect {background-color:#fff;box-shadow: 0px 0px 1px 1px rgba(232, 232, 232, 0.99) !important;}
.caroSelect:after {content: '' !important;position: absolute;width: 99%;height: 15px !important;border-radius: 50px;background-color: #fff;opacity: 0.6;bottom: -6px;z-index: -99;left: 2px;}
.auditclass li.active a {background: #1c84c6 !important;}
.auditclass .audit-tab .sidebar-title small {padding-left: 20px !important;}
.auditLogTab .audit-tab .sidebar-list li{padding: 5px 10px  10px!important;}
.auditLogTab .audit-tab .sidebar-list li h4{margin-top:0px !important;}
.auditLogTab .audit-tab .sidebar-list li a {padding: 0px 0px 3px 0px !important;min-height: 0 !important;display: inline-block !important; color: #0095f6 !important;}
.audit-tab .sidebar-list .client-avatar {width: 18%;}
.audit-tab .sidebar-list .dataPlane { width: 70%; float: left }
.audit-tab .sidebar-list .iconPlane { background-color: #ffffff; width: 28px; height: 28px; text-align: center; line-height: 30px; font-size: 20px; border-radius: 4px; margin-top: 10px; color: #48484a !important; float: right; }
.holiday-lab{width: 75px; border-radius: 50px; font-size: 13px; text-align: center; font-weight: 500; padding: 3px 5px;}
.holiday-lab.active{ background-color: #2ca01c !important; color: #FFFFFF; }
.holiday-lab.expired{ background-color: #f65959 !important; color: #FFFFFF; }
.holiday-lab.draft{ background-color: #fc6621 !important; color: #FFFFFF; }
.holiday-lab.Inactive{ background-color: #eee !important; color: #1c1c1e; }
.wordPdf-Toggle{display: inline-table; width: 80px; padding: 3px; border-radius: 50px; cursor: pointer; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 50px;}
.wordPdf-Toggle .icons{font-size: 16px; width: 29px; height: 29px; line-height: 29px; background-color: #eee !important; text-align: center; border-radius: 50px; color: #48484a; transition: 0.8s}
.wordPdf-Toggle .icons:nth-child(1){float: left;}
.wordPdf-Toggle .icons:nth-child(2){float: right;}
.wordPdf-Toggle .icons.word{background-color: #0095f6 !important; color: #fff;}
.wordPdf-Toggle .icons.pdf{background-color: #ec1c2d !important; color: #fff;}
.audit-tab .hisLog-Das-M14 { padding: 3px !important }
.audit-tab .hisLog-Das-M14 li{ background-color: #f5f5f5; margin-bottom: 5px; border-radius: 5px; border-bottom: none !important; transition: .8s; }
.audit-tab .hisLog-Das-M14 li:hover{ background-color: #eee; }
.audit-tab .hisLog-Das-M14 li .client-avatar{ float: left; margin-left: 0; padding: 8px 0; }
.audit-tab .hisLog-Das-M14 li .client-avatar img{ float: left; }
.res-search{float:left;}
.res-search .ser-icon{position: absolute;top: 11px;left: 10px;font-size: 18px;color: #1c84c6;}
.res-search .clear-icon {position: absolute;cursor: pointer;top: 14px;right: 10px;font-size: 18px !important;color: #c8c3c3;z-index: 999;font: normal normal normal 14px/1 FontAwesome;}
.res-search input{font-size: 20px;background-color: #fff;padding: 0px 30px 0px 30px;border-radius:4px}
.res-search input:focus{border-radius: 4px 4px 0 0;}
.res-search .autocomplete-items table{width: 100%;}
.res-search .autocomplete-items table td .highlightedText {padding: 0px 5px;border-radius: 5px;}
.res-search .autocomplete-items table tr:nth-child(1) .btm-badge {width: 100% !important;margin: 7px 0px 7px;}
.res-search .autocomplete-items .btm-badge .empTypeUniSearch{background-color: #4fae07; color:#fff; border-radius:25px;font-size:13px;font-weight: 400;padding: 1px 8px;padding: 1px 8px;margin-right: 5px;}
/*.res-search .autocomplete-items .btm-badge .lastLabel{background-color:transparent;font-size:14px;color: #5e5e5e;padding: 0px;} */
.res-search .autocomplete-items .btm-badge span,.res-search .autocomplete-items .btm-badge span a {font-size: 14px !important;color: #2a2a2a;}
.res-search .autocomplete-items table tr:nth-child(1) td {padding-bottom: 3px;}
.res-search .autocomplete-items table tr:nth-child(1) td a {margin-right:5px;font-size: 18px;}
.res-search .autocomplete-items table tr:nth-child(1) td a span.fw-5 {float:left; margin-top:2px;}
.res-search .autocomplete-items table tr td{vertical-align:top;}
.res-search .autocomplete-items table tr:nth-child(1) td .img-circle {width: 37px;position: relative;top: 4px;}
.res-search .UniversalSrch-mbl div {background-color: transparent;}
.res-search .UniversalSrch-mbl div.btm {clear:both;}
.res-search .UniversalSrch-mbl .img{float:left;width: 10%;}
.res-search .UniversalSrch-mbl .srchRt{float:left;width: 90%;}
.res-search .UniversalSrch-mbl .srchRt h3{width: 90%;float:left;}
.res-search .UniversalSrch-mbl .srchRt .Rt-icon{float:right;width:20%;} 
.res-search .autocomplete-items ul {margin: 0px 0px 0px;}
.res-search .autocomplete-items ul.padding {padding-left:43px !important;}
.res-search .autocomplete-items ul li {width: auto !important;margin-left:2px;list-style: none;position: relative;white-space: nowrap;}
.res-search .autocomplete-items ul li a{width:28px;height:28px;background-color: #fff;color: #ffffff !important;font-weight: 500;padding: 0px;border-radius: 50px !important;font-size: 16px !important;
margin-left: 5px;box-shadow: inherit !important;display: inline-block;}
.res-search .autocomplete-items ul li:nth-child(1) a {background-color: rgb(0 191 14 / 100%);}
.res-search .autocomplete-items ul li:nth-child(2) a{background-color:rgb(30 162 254 / 100%);}
.res-search .autocomplete-items ul li:nth-child(3) a{background-color: rgb(251 126 0 / 87%);}
.res-search .autocomplete-items ul li:nth-child(4) a{background-color:#ffbe0f;}
.res-search .autocomplete-items ul li:nth-child(5) a{background-color: #51c2d5;}
.res-search .autocomplete-items ul li:nth-child(6) a{background-color: #FF7735;}
.res-search .autocomplete-items ul li:nth-child(7) a{background-color: rgb(243 156 17 / 100%);}
.res-search .autocomplete-items ul li:nth-child(8) a{background-color: rgb(92 153 252 / 100%);}
.res-search .autocomplete-items ul li:nth-child(9) a{background-color: rgb(0 188 212 / 100%);}
.res-search .autocomplete-items ul li:nth-child(10) a{background-color: #ff9800 !important;}
.res-search .autocomplete-items ul li:nth-child(11) a{background-color: #1c84c6e0 !important;}
.res-search .autocomplete-items ul li a i {font-size: 14px !important;position: relative;top: 2px;left: 0px;color:#fff !important;}
.res-search .autocomplete-items ul li label {margin-left:0px !important}
.res-search .autocomplete-items ul li a:hover,.res-search .autocomplete-items ul li a:hover i{font-weight: 500;}
.res-search .autocomplete-items td:nth-child(2) span.label,.res-search .autocomplete-items td:nth-child(2) span.highlightedText{border-radius:20px;}
.res-search .autocomplete-items ul li:nth-child(5) a span.res{display:none;}
.res-search .autocomplete-items .Rt-icon{float:right;visibility:hidden;margin-right: -70px;    transition: all 0.6s ease;}
.res-search .uniCompleteList:hover .Rt-icon{visibility:visible;margin-right:0px;}
.res-search .autocomplete-items .Rt-icon a{background-color: #fff !important;border: none !important;color: #0095f6 !important;font-weight: 500;padding:0px;border-radius: 50px !important;font-size: 16px !important;margin-left: 3px;box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;display: inline-block;width:26px;height:26px;margin-right: 0px !Important;}
.res-search .autocomplete-items .Rt-icon a i{position: relative;left: 6px;top: 3px;font-size:18px;}
.res-search .autocomplete-items .uniCompleteList{position:relative;}
.res-search .autocomplete-items .uniCompleteList:hover .srch-phone i { -webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
 .res-search .autocomplete-items .Rt-icon .goto-ico i{color:#2ca01c;left: 7px;top: 2px;font-size: 14px;}
.res-search .autocomplete-items .recSearchBoxData{width: 100%;position: relative;left: 0px;top: 0px;}
.uniSearchTabBar{padding: 0px !important; border: 0px !important}
.uniSearchTabBar .barPanel{border-radius: 4px; background-color: #f5f5f5; padding: 12px 8px;}
.uniSearchTabBar .barPanel .taBs{background-color: #fff; color: #1c1c1e; padding: 6px 10px; margin-right: 5px; border-radius: 4px; cursor:pointer; border-radius: 50px;}
.uniSearchTabBar .barPanel .taBs i{background-color: #ccc; border-radius: 50%; font-size: 13px; margin-right: 5px; color: #fff; height: 21px; width: 21px; text-align: center; line-height: 21px;}
.uniSearchTabBar .barPanel .taBs i:nth-child(1){background-color: #1ea2fe;}
.uniSearchTabBar .barPanel .taBs i:nth-child(1){background-color: #ff9800;}
.uniSearchTabBar .barPanel .taBSelect{background-color: #2cA01C !important; color: #fff;}
.uniSearchTabBar .barPanel .taBSelect i{background-color: #fff !important; color: #2ca01c;}
.pplcen-blk .dropdown.pull-right .btn-alert,.peopleCenterBtn .dropdown .btn-alert{border-color:#1c84c6;}
.pplcen-blk .tab-content .btn-white{color: #1d84c6;border: 1px solid #1d84c6;}
.pplcenpage-bottom .pplcen-blk .table td,.pplcenpage-bottom .pplcen-blk .table th{white-space: nowrap;}
.pplcenpage-bottom #people-right .pplcen-blk td:nth-child(2) .client-avatar a {white-space: nowrap;max-width: 80%;overflow: hidden;text-overflow: ellipsis;display: inline-block;margin-top: 3px;}
.pplcenpage-bottom #people-right .pplcen-blk td:nth-child(2) .client-avatar profile-image {margin: 0px 5px 0px 0px!important;}
.pplcenpage-bottom #people-right .pplcen-blk td:nth-child(2) .client-avatar profile-image img {width: 30px !important;height: 30px !important;}
.close {outline:none;}
.dropdown-menu:before {border-bottom-color: #b1b1b1 !important;}
.pplcen-blk .ben-chck {bottom: 5px;left: 11px;}
.pplcen-blk .bwt-hrv-show {display: block !important;} 
.pplcen-blk .candidate-mbllst.bg-grey-f5 {background-color: #fff !important;border: 1px solid #2ca01c;}
.pplcen-blk .candidate-mbllst ul li {padding: 5px 0px;}
.pplcen-blk .candidate-mbllst .top .pull-right a{padding: 3px 7px;}
.pplcen-blk .candidate-mbllst .top h3{padding-left: 25px;width: calc(100% - 85px);}
.pplcen-blk .candidate-mbllst .ben-chck {bottom: 8px;left: 0px;}
.pplcen-blk .candidate-mbllst .lftCir{height: 29px !important;width: 37px !important;line-height: 29px;}
.pplcen-blk .candidate-mbllst .img-circle{width:30px !important;height:30px !important;margin-top: -3px;margin-right: 2px;}
.pplcen-blk .candidate-mbllst .client-link{top: 4px;position: relative;}
.pplcenpage-bottom  .ppl-profile .resCancel{position: absolute;right: 0px;top: 3px;}
.ppl-admin-onboarding .table th{vertical-align:middle;white-space:nowrap;}
.ppl-admin-onboarding .table td:last-child span{white-space:nowrap;min-width: 100px;display:inline-block;text-align:center;}
.ppl-admin-onboarding .table td{font-size: 15px;vertical-align: middle !important;padding: 3px 7px;}
.ppl-admin-onboarding .table.Inactive td:nth-child(3) span,.ppl-admin-onboarding .table.Inactive td:nth-child(3) i{color: #676a6c !important;}
.ppl-admin-onboarding .table.Inactive .un-circle-badge-bl{background-color:#676a6c;}
.ppl-admin-onboarding .pplcen-deptfltr-top{clear:both;} 
.ppl-admin-onboarding .un-circular-chart {height: 40px;}
.ppl-admin-onboarding .shadow-topFilter .fitList {height: 190px;}
.ppl-admin-onboarding .shadow-topFilter .fitList .category-list li .item {padding: 6px 7px 10px;}
.ppl-admin-onboarding .shadow-topFilter .fitList .category-list li:last-child .item {border-bottom:0px;}
.ppl-admin-onboarding .shadow-topFilter .fitList .category-list li:first-child a {cursor: inherit;}
.ppl-admin-onboarding .shadow-topFilter .moreInfo {height:auto;width: 200px;}
.ppl-admin-onboarding .shadow-topFilter .category-list a.selecttedbg{background-color:#eee;} 
.ppl-admin-onboarding .shadow-topFilter .category-list a > span{color: #fff;font-size: 14px;width: 36px;margin-top: 3px;padding: 3px 2px;float:right;border-radius:6px;text-align: center;}
 .ppl-admin-onboarding .shadow-topFilter .category-list li:nth-child(1) a > span{background-color: #1EA2FE;}
.ppl-admin-onboarding .shadow-topFilter .category-list li:nth-child(2)  a > span{background-color: #676a6c;}
.ppl-admin-onboarding .shadow-topFilter .category-list li:nth-child(3)  a > span{background-color:#2ca01c;}
.ppl-admin-onboarding .shadow-topFilter .category-list li:nth-child(4) a > span{background-color:#1c84c6;}
.ppl-admin-onboarding .shadow-topFilter .category-list li:nth-child(5) a > span{background-color:#fc6621;}
.ppl-admin-onboarding .table td .img-circle{width:32px;height:32px;}
.ppl-admin-onboarding .ben-Unlockbtn,.dsh-onboardNwList  .dropdown-menu .ben-Unlockbtn{max-width:100%;box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;background-color: #fff !important;margin-left: 0px !important;width: 157px;margin-right: 6px;} 
.ppl-admin-onboarding .ben-Unlockbtn,.dsh-onboardNwList  .dropdown-menu .ben-Unlockbtn{max-width: 100%;box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;width: 122px !important;margin-right: 0px;} 
.ppl-admin-onboarding .ben-Unlockbtn .ben-Unlockicon,.ppl-admin-onboarding  .ben-Unlockbtn .ben-Unlocktext,.Req-dashboard .ben-Unlockbtn .ben-Unlocktext,.Req-dashboard .ben-Unlockbtn,.Req-dashboard .ben-Unlockbtn .ben-Unlockicon,.dsh-onboardNwList  .dropdown-menu .ben-Unlockbtn .ben-Unlocktext{color: #2ca01c !important; background-color: #fff !important;}
.ppl-admin-onboarding .ben-Unlockbtn-Select,.dsh-onboardNwList  .dropdown-menu .ben-Unlockbtn-Select {background-color: #2ca01c !important; color: #fff !important;}
.ppl-admin-onboarding .ben-Unlockbtn-Select .ben-Unlockicon,.dsh-onboardNwList .dropdown-menu .ben-Unlockbtn-Select .ben-Unlockicon { background-color: #2ca01c !important; color: #fff !important;}
.ppl-admin-onboarding .ben-Unlockbtn-Select .ben-Unlockicon,.ppl-admin-onboarding .ben-Unlockbtn-Select .ben-Unlocktext{ background-color: #2ca01c !important; color: #fff !important;}
.ppl-admin-onboarding .sendmailblk {width: 98%;margin: 0 auto;padding: 5px 10px;} 
.ppl-admin-onboarding .srch input,.req-templates .filter-panel .search input{padding-right: 29px;}
.ppl-admin-onboarding .srch i,.req-templates .filter-panel .search i{position: absolute;right: 9px;top: 7px;}
.ppl-admin-onboarding .showfltr-full .tophd-btm{width:70%;}
.ppl-admin-onboarding .showfltr-full .fltr-btn{width:30%;}

.ppl-admin-onboarding .empl-Cat{ box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px; width: 50% !important; border-radius: 50px; text-align: left; height: 33px; line-height: 33px; padding: 0px 10px; cursor: pointer; transition: 0.5s; margin-right: 7px }
.ppl-admin-onboarding .empl-Cat:hover{ background-color: #eee; }
.ppl-admin-onboarding .empl-Cat:nth-child(1) .fa-circle{ font-size: 12px; color: #1c84c6 }
.ppl-admin-onboarding .empl-Cat:nth-child(2) .fa-circle{ font-size: 12px; color: #fc6621 }
.ppl-admin-onboarding .empl-Cat .name{ font-size: 14px; font-weight: 600; color: #1c1c1e; }
.ppl-admin-onboarding .empl-Cat:nth-child(1) .count{ float: right; background-color: #1c84c6; color: #fff; height: 20px; width: 20px; line-height: 20px; position: relative; top: 8px; font-size: 13px; text-align: center; border-radius: 5px; font-weight: 600; }
.ppl-admin-onboarding .empl-Cat:nth-child(2) .count{ float: right; background-color: #fc6621; color: #fff; height: 20px; width: 20px; line-height: 20px; position: relative; top: 8px; font-size: 13px; text-align: center; border-radius: 5px; font-weight: 600; }
.ppl-admin-onboarding .w2selected{ background-color: #1c84c6 !important; }
.ppl-admin-onboarding .Conselected{ background-color: #fc6621 !important; }
.ppl-admin-onboarding .w2selected .fa-circle, .ppl-admin-onboarding .Conselected .fa-circle{ color: #fff !important; }
.ppl-admin-onboarding .w2selected .name, .ppl-admin-onboarding .Conselected .name{ color: #fff !important; }
.ppl-admin-onboarding .w2selected .count{ background-color: #fff !important; color: #1c84c6 !important }
.ppl-admin-onboarding .Conselected .count{ background-color: #fff !important; color: #fc6621 !important }

.ppl-admin-onboarding .shadow-topFilter.br-radi-10 .col-md-2 {width:11%;padding-top: 18px !important;}
.ppl-admin-onboarding .shadow-topFilter.br-radi-10 .col-md-9{width:80%;}
.ppl-admin-onboarding .candidate-mbllst ul li p span:first-child {width: 165px;}
.ppl-admin-onboarding .candidate-mbllst ul li p span:last-child {width: 67%;}
.onboardingDtl .modal-dialog{width: 51% !important;}
.onboardingDtl .onboard-listtype .box-shadow-two{width:96%;margin:0 auto;}
.onboardingDtl .onboard-listtype .ob-circle{width: 30px;height: 30px;font-size: 15px;line-height: 30px;}
.onboardingDtl .onboard-listtype .table tbody:before{display:none;}
.onboardingDtl .onboard-listtype .table td{padding:5px 8px;}
.onboardingDtl .txtstyle{padding:4px 10px !important;border-bottom: 1px solid #e7e6e6;}
.onboardingDtl .txtstyle span.fw-4{font-weight:600 !important;display: inline-block;width: 130px;}
.onboardingDtl .modal-header{background-color:#eee;border-bottom: 0px !important;}
.onboardingDtl .modal-header .un-circular-chart .circle-bg {stroke: #fff !important;}
.onboardingDtl .un-circular-chart {height: 55px;margin-top: -2px;margin-left: -5px;}
.onboardingDtl .modal-header .display-flex.col-md-6 .status{margin-left: -27px;}
.onboardingDtl .modal-header .display-flex.col-md-6 h3{margin: 9px 0px 8px;font-size: 14px;font-weight: 400;color: #545353;}
.onboardingDtl .modal-header .display-flex.col-md-6 h3 span{display: inline-block;padding-top: 5px;}
.onboardingDtl .modal-header .display-flex.col-md-6 .lrt{display:flex;}
.onboardingDtl .modal-header .panel-heading .col-md-6.text-align-right{margin-top: 0px;padding-right: 0px;display: inline-block;}
.onboardingDtl .modal-header .panel-heading .btnwt{padding: 4px 6px !important;width:30px;white-space:nowrap;transition: all .12s;}
.onboardingDtl .modal-header .panel-heading .btnwt span{display: block;visibility: hidden;font-size: 0;}
.onboardingDtl .modal-header .panel-heading .btnwt:hover{width: auto;transition: all .12s;visibility:visible;}
.onboardingDtl .modal-header .panel-heading .btnwt:hover span{display:inline-block;font-size: 15px;visibility: visible;padding-left:5px;}
.onboardingDtl .obb-count .btn-pen:active{color: #5a5a5b;}
.onboardingDtl .obb-count .btn-com:active{color:#2ca01c;}*/
.onboardingDtl .ob-status-green {color: #ffffff;background-color: #2ca01c !important;}
.onboardingDtl .obb-count{width: 99%;margin: 0 auto;border-radius: 30px;padding: 7px 5px;background-color: #eee;}
.onboardingDtl .obb-count button{background: #fff;padding: 6px 15px;border: 0px;transition: inherit;outline: none;}
.onboardingDtl .obb-count .dropdown-toggle.bg-green:hover{color: #fff !important;}
.onboardingDtl .obb-count .dropdown-menu{right:0px;left:auto;}
.onboardingDtl .obb-count .dropdown-menu button{margin-bottom:10px !important;width:100%;}
.onboardingDtl .obb-count button.btn-lst:hover {background-color: #0095f6 !important;color: #fff !important;}
.onboardingDtl .obb-count button.btn-pen.select-button1{color:#fff !important}
.onboardingDtl .obb-count button.btn-pen:hover{color: #ffffff !important; background-color: #d3d3d3;}
.onboardingDtl .obb-count button.btn-com:hover,.onboardingDtl .obb-count button.btn-com.select-button1{background-color:#2ca01c !important}
.onboardingDtl .obb-count button.btn-lst.select-button1 .cnt-lst{background-color:#fff !important;color:#0095f6}
.onboardingDtl .obb-count button.btn-pen.select-button1 .cnt-pen{background-color:#fff !important;color:#48484a}
.onboardingDtl .obb-count button.btn-com.select-button1 .cnt-com{background-color:#fff !important;color:#2ca01c;}
.onboardingDtl .boxstyle .box-shadow-two {height: auto !important;margin: 10px 0px 11px;padding: 12px !important;border-radius: 7px !important;border: 3px solid #fc6621;border-left: 0px;border-right: 0px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.onboardingDtl .boxstyle .box-shadow-two:hover {background-color: #f5f4f4ad !important;}
.onboardingDtl .boxstyle .un_tooltiptext{width: 90px;}
.onboardingDtl .boxstyle .badge {color: #48484a;font-size: 14px;background-color: transparent;color: #aaa;padding: 0px 5px;}
.onboardingDtl .boxstyle .hdtext{background-color:#eee;padding:5px;border-radius:6px;text-align: c;}
.onboardingDtl .boxstyle .hdtext span.ob-status-red {color: #fefefe;background-color: #fc6925;display: block;width: 87px;margin: 4px auto 3px;}
.onboardingDtl .boxstyle .actGreen .hdtext span{background-color:#2ca01c !important;}
.ppl-admin-onboarding #empFullDet .onboard-listtype .un-circle-badge-bl.green{background-color: #2ca01c45;color: #2ca01c;}
.onboardingDtl .boxstyle .ob-circle-red{margin: 15px auto 10px;}
.onboardingDtl .boxstyle .actGreen .ob-circle-red{background-color:#00bf0e;color:#fff !important;}
.onboardingDtl .boxstyle .actGreen{border-top: 3px solid #00BF0E;border-bottom: 3px solid #00BF0E;background-color: #f4f4f4;}
.onboardingDtl .onboard-listtype .un-circle-badge-bl{background-color:#ddd;color:#48484a;}
.onboardingDtl .onboard-listtype .actGreen .un-circle-badge-bl,.onboardingDtl .onboard-listtype .actGreen .ob-status-red{background-color:#2ca01c;color:#fff;}
.onboardingDtl .un-circle-badge-bl{position:absolute;top:-15px;left: 44%;background-color: #fff;color: #fc6925;border: 1px solid #fc6925;}
.onboardingDtl .actGreen  .un-circle-badge-bl{border:1px solid #2ca01c;color:#2ca01c;}
.onboardingDtl .profileTab-J6 .profilecardHead.fixed {top: 59px;}
.onboardingDtl .profileTab-J6 .profilecardHead.fixed .imgPart .img-circle {width: 60px;}
.onboardingDtl .profileTab-J6 .profilecardHead.fixed .percentage span,.onboardingDtl .profilecardHead.fixed .dsh-time{display:none;}
.onboardingDtl .profileTab-J6 .profilecardHead.fixed .imgPart .percentage {width:auto;min-width: 35px;}
.onboardingDtl .profileTab-J6 .hdfixed.fixed{    position: fixed;z-index: 999;right: 10px;background-color: transparent;top: 70px;height:auto;}
.onboardingDtl .recbtm-mnu.mblbtm-mnu .dropdown-menu {right: auto;width: 325px;left: -22px;margin-bottom: 14px;box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);}
.OnbViewSec .ob-right-center {width: 99%;margin: 10px auto 0px;float: none;display: inline-block;margin-left: 8px;}
.OnbViewSec .bg-grey-f7{margin: 0px 10px 10px;border-radius: 6px;background-color: #fff !important;}
.OnbViewSec .boxstyle {width: 16%;}
.OnbViewSec.onboardingDtl .onboard-listtype .box-shadow-two {width: 98%;}
.OnbViewSec .ob-right-center .circle {background-color: #eee;}
.onboardingDtl .profileTab-J6 .header-Main .j6-inner .imgPart {height: 250px;}
.onboardingDtl .profileTab-J6 .header-Main {top: 0px !important;margin-top: -75px;}
.onboardingDtl .profileTab-J6  .j6-inner .imgPart .img-circle{width: 120px;margin-top: -10px;}
.onboardingDtl .profileTab-J6 .nameProtion .lft{width:64%;float:left;}
.onboardingDtl .dsh-time {float:right;background-color: #f53c3c !important;color: #fff;padding: 3px 9px;border-radius: 15px;position: relative;display: inline-block;width: 20%;overflow: hidden;min-height: 110px;z-index: 1;}
.onboardingDtl .dsh-time h4 {font-size: 20px;float: left;font-weight: 600;margin: 6px 0px 0px; line-height: 20px;}
.onboardingDtl .dsh-time h4 span {font-size: 16px;display:block;}
.onboardingDtl .dsh-time h5 {float: left;line-height: 20px;margin: 10px 5px 0 0px;text-align: left;width: 100%;font-weight: bold; font-size: 18px; opacity: .8; height: 0;} 
.onboardingDtl .dsh-time .shadow-icon {position: absolute;top: 0px;right:9px !important; font-size: 45px;opacity: 0.3;}
.onboardingDtl .profileTab-J6  .imgPart .percentage{width: 115px;bottom: 16% !important;}
.onboardingDtl .modal-body{height:60% !important;}
.onboardingDtl .profileTab-J6 .prev-nxt{font-size:16px;margin-left:10px;margin-top: 0px;display:inline-block; background-color: #9dd8ff !important; color: #046bae !important; padding: 5px 15px; border-radius: 50px;}
.onboardingDtl .profileTab-J6 .prev-nxt:nth-child(2){margin-right: 12px; margin-left: 5px;}
.onboardingDtl .profileTab-J6 .prev-nxt i {position: relative;top: 0px;font-size: 16px !important;}
.onboardDtlNew .profileTab-J6 .j6-inner .imgPart .img-circle {width: 80px;}
.onboardDtlNew .profileTab-J6 .imgPart .single-chart .un-circular-chart {height: 100px !important;}
.onboardDtlNew .profileTab-J6 .imgPart .percentage {bottom: 25% !important;}
.onboardDtlNew .dsh-time h5 {text-align: left;width: 100%;font-size: 15px;line-height: 16px;}
.onboardDtlNew .dsh-time .shadow-icon {left: 55%;}
.onboardDtlNew .obb-count button{padding:5px 5px;}
.onboardDtlNew .profileTab-J6 .header-Main .j6-inner .dataPart h1 {font-size: 26px;}
.onboardDtlNew .profileTab-J6 .header-Main .j6-inner .dataPart h3 {font-size: 13px;}
.onboardDtlNew .boxstyle .box-shadow-two {min-height: 195px;}
.onboardingDtl .instInfo{display:none;position: absolute;right: 0px;}
.onboardingDtl .instInfo .dropdown-menu{left:auto;right:0px;width:500px;}
.onboardDtlNew .ob-New-Filter li.btn{padding: 7px 10px 5px !important;text-align: left;margin-right: 0px;width: 30% !important;}
.onboardDtlNew .ob-New-Filter li.btn .cnt-lst{float:right;}
.onboardDtlNew .ob-New-Filter li.btn-lst.onBoardingSelectBtn1:after{background-color:#0095f6;width: 100%;}
.onboardDtlNew .ob-New-Filter li.btn-com.onBoardingSelectBtn1:after{background-color:#2ca01c;width: 100%;}
.onboardDtlNew .ob-New-Filter li.btn-pen.onBoardingSelectBtn1:after{background-color:#676a6c;width: 100%;}
.onboardDtlNew .ob-New-Filter li.btn:after:hover{width:100%;}
.onboardDtlNew .ob-New-Filter li.btn-pen{color:#676a6c;}
.onboardDtlNew .ob-New-Filter li.btn-pen.onBoardingSelectBtn1{color:#fff;}
.onboardDtlNew .ob-New-Filter li.btn-pen .cnt-pen{background-color:#676a6c !important;color:#fff;}
.onboardDtlNew .ob-New-Filter li.btn-pen:hover .cnt-pen,.onboardDtlNew .ob-New-Filter li.btn-pen.onBoardingSelectBtn1 .cnt-pen{background-color:#fff !important;color:#676a6c}
.onboardDtlNew .ob-New-Filter li.btn-pen:hover{color:#fff !important;}
/*Login Page*/
.loginmargin {-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.login-btm a{color: #23527c;font-weight: 600;}
.login-btm a:last-child {background-color: #d83b01 !important;color: #fff;border-radius: 5px;padding: 0px 8px 1px;}
.login-btm a:last-child:hover {-webkit-animation: btn-help 1s linear infinite;animation: btn-help 1s linear infinite;}
@-webkit-keyframes btn-help {
    0% {box-shadow: 0 0 0 0 #d83b012e, 0 0 0 0.1em #d83b013d, 0 0 0 0.3em #d83b0147;}
    100% {box-shadow: 0 0 0 0.2em #d83b0133, 0 0 0 0.5em rgb(206 206 206 / 8%);}}
@keyframes btn-help {
    0% {box-shadow: 0 0 0 0 #d83b012e, 0 0 0 0.1em #d83b013d, 0 0 0 0.3em #d83b0147;}
    100% {box-shadow: 0 0 0 0.2em #d83b0133, 0 0 0 0.5em rgb(206 206 206 / 8%);}}
.rememberCheckbox{top: -4px !important;}
.loginscreen .btn-primary.block{border-radius: 5px;color: #fff;transition: all .3s;position: relative;overflow: hidden;z-index: 1;height: 36px;}
.loginscreen .btn-primary.block:after{content: '';position: absolute;bottom: 0;
left: 0;width: 0%;height: 100%;transition: all .6s;z-index: -1;background-color: #1379b9;border-radius: 5px;}
.loginscreen .btn-primary.block:hover:after{width:100%;}
.loginscreen .form{margin-top: 15px;}
.loginnew .nxtdivider{width: 100%; height: 10px; border-bottom: 1px solid rgb(211,211,211); text-align: center;}
.loginnew .nxtdivider span{background-color: #dedede !important;padding: 1px 5px !important;color: #000 !important;border-radius: 5px !important;font-size: 10px;position: relative;top: -5px;}
.loginnew #panel .form-group input.form-control{border: 1px solid #a1a3a6;height: 36px;}
.loginnew #panel .form-group{position:relative;}
.loginnew #panel .form-group input.form-control:focus{  border: 1px solid #1c84c6;}
.loginnew #panel .form-group input.form-control:focus {outline: none;}
.loginnew #panel .show-password {border: none; position: absolute; top: 5px; right: 0; background: none; color: #676a6c; font-size: 14px;}
.loginnew #panel .show-password:hover {color: #1c84c6}
/* LABEL ======================================= */
.loginnew #panel .form-group label.head {color: #a19f9f;font-size: 13px;font-weight: normal;position: absolute;pointer-events: none;left: 8px;top: 10px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
/* active state */
.loginnew #panel .form-group  input.form-control:focus ~ label.head,.loginnew #panel .form-group  input.form-control:valid ~ label.head {top: -11px;color: #3e4656;background-color: #fff;
font-size: 11px;padding: 0px 8px 0px;left: 4px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.loginnew #panel .form-group  input.form-control:-internal-autofill-selected ~ label{border:2px solid #ffffff;background-color:#f5f9ff !important;display:none;}
#helpModal .modal-header{border-radius:5px !important;padding: 6px 10px;}
#helpModal .modal-dialog {transform: translate(0%,-50%);top: 45%;bottom: 50%;width:40%;}
#helpModal .modal-body {padding: 20px 10px 15px 15px;}
#helpModal .modal-body h4.text-align-left{margin-top:0px !important}
#helpModal .modal-body .text-align-left{margin-top: 10px !important;margin-bottom: 25px;}
#helpModal .modal-body .text-align-left span.icon{display:inline-block;transition: all .5s ease-in-out;float:left;} 
#helpModal .modal-body .text-align-left a span{min-width: 95px;display: inline-block;}
#helpModal .modal-body .text-align-left a i{position: relative;top: 2px;color: #636161;opacity: 0.5;}
#helpModal .modal-body .text-align-left:hover a i{opacity: 1;}
#helpModal .modal-body .text-align-left a{position: relative;top: 6px;font-weight:600 !important;} 
#helpModal .modal-body .text-align-left .dropdown{float:left;}
#helpModal .modal-body .text-align-left .dropdown .drop-arw span{transition: inherit;position: relative;top: 2px;transform: inherit;color: #1c84c6 !important;}
#helpModal .modal-body .text-align-left .dropdown .mail-link{clear: both;display: block;padding-left: 5px;font-weight: 700 !important;}
#helpModal .modal-body .text-align-left a:hover {letter-spacing: inherit;}
#helpModal .modal-body .text-align-left:hover span.icon {transform: scale(1.1); }
#helpModal .modal-body .right-image img{width: 70%;margin: 0 auto;}
#helpModal .modal-body .right-image{position: relative;z-index: 9;}
#helpModal .modal-body .right-image:after{animation-duration: 120s;content: '';position: absolute;width: 165px;height: 165px;border: 2px dashed #ff6e55;border-radius: 50%;left: 51px;z-index: -9;top: 18px;}	
#helpModal .modal-body .right-image:after {
-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 100s;animation-duration: 100s;-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@keyframes rotateme {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes rotateme {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
/*Direct deposit  page  css */
.depedent-caro .slick-track {margin: 0 auto;}
.depent-list { box-shadow: 0px 1px 5px 3px rgb(232, 232, 232);}
.depedent-caro h3,.dpntlist-head{ background-color: #1c84c6;}
.depedent-caro .depent-list .table tbody tr:first-child td{border-top:0px !important;}
.depedent-caro .slick-prev:before, .depedent-caro .slick-next:before {color: #696a6a  !important;}
.depedent-caro span.label-primary{background-color:#fff;}
.depedent-caro .slick-slide:focus {outline: none !important;}
.drct-dtl-list{background-color: #1c84c6;}
.depedent-caro {padding: 0px 20px 0px 20px;background: #fff;margin-bottom: 0 !important;}
.depedent-caro .slick-arrow{visibility:hidden;opacity:0;}
.depedent-caro:hover .slick-arrow{visibility:visible;opacity:1;z-index: 99;}
.depent-dtl-head span {background-color: #1c84c6;}
.depent-dtl-head .float-right a {padding: 5px 8px !important;}
.depent-dtl-head,.direct-detaillist {background-color: #eee;padding: 4px 19px 7px 7px;border-radius: 10px 10px 0px 0px;;margin-bottom: 0px;}
.direct-detaillist .directdpt-head i {color:#676a6c;}
.direct-detaillist .directdpt-head span.label {background: #1c84c6;}
.direct-detaillist .directdpt-head small {color:#676a6c;}
.directdept-top span.text-center{float:left;width: 95%;position: relative;}
.directdept-top span.text-center h3{color: #000;float: left;text-transform: uppercase;opacity: 0.2;font-size: 35px;position: absolute;top: -5px;left: 0;}
.directdept-top span.text-center button {width: 120px;color: #fff;font-weight: 500;margin-right: 5px;text-align: left;}
.directdept-top .collapse-btn{padding:0px 10px;margin-top: -25px;float:left;}
.directdept-top span.text-center button span {background-color: #fff;padding: 1px 6px !important;width: 30px;text-align: center;}
.directdept-top span.text-center button:nth-child(1) span {color: #1c84c6 !important;}
.directdept-top span.text-center button:nth-child(2) span {color: #777 !important;}
.directdept-top span.text-center button:nth-child(3) span {color: #28861b !important;}
.directdept-top .collapse-btn button {width: 170px;height: 38px;font-size: 15px;text-align: left;margin-left: 0px !important;}
.directdept-top .collapse-btn button span{padding: 1px 13px;border-radius: 5px;color: #fff;}
.directdept-top .collapse-btn button:nth-child(1) span{background-color:#1872ab !important;}
.directdept-top .collapse-btn button:nth-child(1):hover span{background-color:#ffffff !important;color:#1872ab;}
.directdept-top .collapse-btn button:hover span{background-color:#fff;}
.directdept-top .collapse-btn button:hover span.label-info{color:#1eacae;}
.directdept-top .collapse-btn button:hover span.label-success{color:#1872ab;}
.directdept-top .collapse-btn button:hover span.label-warning{color:#f79d3c;}
.directdept-top .collapse-btn button:hover span.label-default{color:#333;}
.drct-deposit .bgBank {position: absolute;color: #5a5a5a !important;font-size: 87px !important;opacity: 0.1;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.direct-new-head .panel-heading{padding: 4px 15px 0px;}
.direct-new-head ul{padding-left:0;}
.direct-new-head ul > li{list-style:none;float:left;position: relative;margin-left: 15px;}
.direct-new-head ul li >a{color: #808080;font-size:17px;}
.direct-new-head ul li > a.dropdown-toggle{padding:0px;}
.direct-new-head ul li > a.dropdown-toggle i{font-size: 37px;position: relative;top: -4px;}
.direct-new-head .open>.dropdown-menu {left: auto;right: 0px;}
.direct-new-head .open>.dropdown-menu:before {border-bottom-color: #b1b1b1;}
.direct-new-head .dropdown-menu li{float:none;margin-left: 0px;}
.direct-new-head .dropdown-menu li a i{color: #808080;}
.direct-new-head .dropdown-menu li a i{color: #808080;}
.drct-deposit .hover-icon,.drct-deposit .table .hover-icon{background-color: #ccc;border-radius: 20px;border: 1px solid #ccc;display: inline-block;position: relative;left: 10px;top: 4px;width: 20px;height: 20px;visibility: hidden;opacity:0px;}
.drct-deposit .hover-icon i{color: #808080;font-size: 12px;position: relative;left: -14px;top: -3px;}
.direct-new-head .dpntlist-head h3:hover .hover-icon,.drct-deposit .table tbody tr:nth-child(1):hover .hover-icon,
.drct-deposit .table tbody tr:nth-child(2):hover .hover-icon,.drct-deposit .table tbody tr:nth-child(3):hover .hover-icon
,.drct-deposit .table tbody tr:nth-child(4):hover .hover-icon  {visibility:visible;opacity: 1;}
.directForm .input-group input,.directForm .input-group select{height:40px;}
.directForm label {font-weight: 400;}
.directForm .close-link.pull-right button{margin-top: 0px;font-size: 34px !important;margin-right: 2px;}
.directForm .dirdept-new-edit .dde-row-panels{clear: inherit;}
.directForm .dirdept-new-edit .ddnotes .dde-row-panels {min-height: 280px;}
.directForm .dirdept-new-edit .ddnotes .dde-row-panels .form-icon{display:none;}
.directForm .dirdept-new-edit .ddnotes .dde-row-panels textarea{border-radius: 15px !important;max-height:200px;}
.dirdept-new-edit textarea {resize: vertical;min-height: 40px !important;max-height: 100px;}
.directForm .dirdept-new-edit .ddacchold .dde-row-heading .pull-right .input-group{float:left;margin-left: 10px;margin-top: -7px;}
.directForm .dirdept-new-edit .ddacchold .dde-row-heading .pull-right .input-group label{background-color:#fff !important;border-radius: 15px !important;padding-left: 30px;}
.directForm .dirdept-new-edit .ddacchold .dde-row-heading .pull-right .input-group label input{height:auto;}
.directForm .dirdept-new-edit .ddacchold .dde-row-heading .pull-right .input-group .checkmark{left: 7px;top: 2px;}
.directForm .dirdept-new-edit .ddAccdtl{clear:both !important;}
.ACHList .modal-header{padding: 10px 5px;}
.ACHList .modal-header .pull-left.lft{width:60%;}
.ACHList .modal-header .pull-left.lft h3{float:left;font-size: 28px;margin: 0px 10px 0px 4px;}
.ACHList .modal-header .pull-left.lft .label {float: left;margin-top: 10px;border-radius: 20px;}
.ACHList .modal-header .pull-right.rht{width:40%;}
.ACHList .modal-header .pull-right.rht .pagination-new{margin-top:6px;}
.ACHList .modal-dialog{width:45% !important;}
.ACHList .modal-dialog .table-responsive{margin-bottom:0px;}
.ACHList .modal-dialog .table-responsive td{display: inline-block;width: 100%;padding: 5px 5px;}
.ACHList .modal-dialog .table-responsive tr:hover{background-color:transparent;}
.ACHList .modal-dialog p{margin-bottom: 5px;float: left;font-size: 16px;}
.ACHList .modal-dialog p:first-child{width: 25% !important;}
.ACHList .modal-dialog p:last-child{width:75% !important;}
.ACHList .modal-dialog .img-circle{width:30px;height:30px;}
.ACHList .modal-dialog .dtl-tbl .table-responsive td{display: table-cell;width: auto;}
.ACHList .modal-dialog .dtl-tbl .table-responsive td p:first-child{width: 35% !important;}
.ACHList .modal-dialog .dtl-tbl .table-responsive td p:last-child{width: 65% !important;}
/*Depedent page css*/
.dept-caro .gender-icon {position: absolute;right: 0px;height: 63%;background-color: #ffffff;top: 40px;width: 55px;font-size: 45px;color: #3d3d3d !important;border-left: 1px solid #e6e5e5;border-radius: 0px 5px 5px 0px;}
.depedent-caro .slick-arrow{top: 40%;}
.dept-caro .table {width: 85%;}
.dept-caro .table tr td {white-space:nowrap;}
.dept-caro .gender-icon i{opacity: 0.3;position: relative;left: 10px;}
.depent-list,.depent-list{background-color: #fff !important;}
.depent-list,.depent-list:hover{box-shadow: 0px 1px 5px 3px rgb(232, 232, 232);}
.depedent-caro .slick-next {right: 30px !important;}
.slider.depedent-caro .slick-prev:before, .slider.depedent-caro .slick-next:before {font-size: 38px !important;}
.dept-caro .table > tbody > tr:first-child > td,.directForm .table > tbody > tr:first-child > td{border-top:0px !important;padding-top: 0px;}
.directForm .table > tbody > tr td,.depent-dtl .table > tbody > tr td{width:50%;}
.depedent-form .close-link.pull-right button{margin-top: -26px;font-size: 34px;margin-right: -6px;}
/*dirdept-new*/
.dirdept-new{margin: -5px 0px 15px;background-color: #fff;padding: 5px 0px; -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */-webkit-overflow-scrolling: auto; /* Stops scrolling immediately */}
.dirdept-new .fixed-head-myhr{background-color:#fff;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;border-radius: 5px;margin-bottom: 10px;}
.dirdept-new .fixed-head-myhr.title-fixed {top: 60px !important;width: calc(100% - 240px) !important;}
.dirdept-new .fixed-head-myhr .col-sm-7.col-xs-7 .pull-left strong{padding-left: 20px;margin-top: 1px !important;font-size: 30px !important;color: #494949;}
.dirdept-new .fixed-head-myhr .col-sm-7.col-xs-7 .pull-left .subhead{padding: 4px 8px;color: #fff;font-size: 14px !important;font-weight: bold;background-color: #2ca01c !important;padding-top: 3px;
position: relative;top: -3px;border-radius: 6px;text-transform:uppercase;}
.dirdept-new .fixed-head-myhr .dropdown{float:left;margin-left:15px;}
.dirdept-new .fixed-head-myhr .dropdown button,.dirdept-new-mbl .mblbtm-mnu li:nth-child(2) button{background-color:transparent;border-radius:20px;border: 1px solid #00bf0e;padding: 8px 25px 8px 15px;color: #00bf0e;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);}
.dirdept-new .fixed-head-myhr .dropdown button.pdf,.dirdept-new-mbl .mblbtm-mnu li:nth-child(2) .pdf{color:#e55041 !important;border: 1px solid #e55041;}
.dirdept-new .fixed-head-myhr .dropdown button i,.dirdept-new-mbl .mblbtm-mnu li:nth-child(2) button i{float:left;}
.dirdept-new .fixed-head-myhr .dropdown button .caret,.dirdept-new-mbl .mblbtm-mnu li:nth-child(2) button .caret{position: relative;right: -12px;top: 7px;float: right;transform: rotate(180deg);}
.dirdept-new .fixed-head-myhr .grid-list-sec {margin: 0px 0px 0px 25px;}
.depedent-new-ui .fixed-head-myhr .grid-list-sec {margin: 0px 25px 0px 25px;}
.depedent-new-ui .fixed-head-myhr .bwt-new {border-radius: 25px;position: relative;top: 8px;}
.dirdept-new .filter-sec{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;padding: 10px 10px 0px;border-radius: 4px;margin:10px 0px;}
.dirdept-new .filter-sec ul{padding-left:0px;clear:both;margin-bottom: 0px;}
.dirdept-new .filter-sec ul li{width: 15.6%;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;margin-right: 15px;padding: 7px 15px 5px !important;border-radius: 25px;float:left;list-style:none;margin-bottom:10px;position: relative;z-index: 9;}
.dirdept-new .filter-sec ul li:last-child{margin-right:0px;}
.dirdept-new .filter-sec ul li a {color: #484848;font-size: 18px;font-weight: 500;}
.dirdept-new .filter-sec ul li a span {padding: 1px 13px;border-radius: 5px;background-color: #2ca01c;color: #fff;width: 40px;text-align: center;font-size:15px;}
.dirdept-new .filter-sec ul li:nth-child(2) a span {background-color:#ff9800;}
.dirdept-new .filter-sec ul li:nth-child(3) a span {background-color:#00bcd4;}
.dirdept-new .filter-sec ul li:nth-child(4) a span {background-color:#f66b61;}
.dirdept-new .filter-sec ul li:nth-child(5) a span {background-color:#676a6c;}
.dirdept-new .filter-sec ul li:nth-child(6) a span {background-color:#1ea2fe;}
.dirdept-new .filter-sec ul li:after{content: '';position: absolute;left: 0px;top: 0px;width: 0px;height: 100%;z-index: -9;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;border-radius: 25px;}
.dirdept-new .filter-sec ul li:hover:after{width:100%;}
.dirdept-new .filter-sec ul li:hover a,.dirdept-new .filter-sec ul li:hover .fa.fa-circle{color:#fff !important;}
.dirdept-new .filter-sec ul li:hover a span {background-color:#ffffff !important;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.dirdept-new .filter-sec ul li:nth-child(1):hover a span,.dirdept-new .filter-sec ul li.filterSelect:nth-child(1) a span {color:#2ca01c;}
.dirdept-new .filter-sec ul li:nth-child(2):hover a span,.dirdept-new .filter-sec ul li.filterSelect:nth-child(2) a span {color:#ff9800;}
.dirdept-new .filter-sec ul li:nth-child(3):hover a span,.dirdept-new .filter-sec ul li.filterSelect:nth-child(3) a span {color:#00bcd4;}
.dirdept-new .filter-sec ul li:nth-child(4):hover a span,.dirdept-new .filter-sec ul li.filterSelect:nth-child(4) a span {color:#f66b61;}
.dirdept-new .filter-sec ul li:nth-child(5):hover a span,.dirdept-new .filter-sec ul li.filterSelect:nth-child(5) a span {color:#676a6c;}
.dirdept-new .filter-sec ul li:nth-child(6):hover a span,.dirdept-new .filter-sec ul li.filterSelect:nth-child(6) a span {color:#1ea2fe;}
.dirdept-new .filter-sec ul li:nth-child(1):hover:after {background-color:#2ca01c;}
.dirdept-new .filter-sec ul li:nth-child(2):hover:after {background-color: #ff9800;}
.dirdept-new .filter-sec ul li:nth-child(3):hover:after{background-color:#00bcd4;}
.dirdept-new .filter-sec ul li:nth-child(4):hover:after {background-color:#f66b61;}
.dirdept-new .filter-sec ul li:nth-child(5):hover:after {background-color:#676a6c;}
.dirdept-new .filter-sec ul li:nth-child(6):hover:after {background-color:#1ea2fe;}
.dirdept-new .filter-sec ul li.filterSelect a,.dirdept-new .filter-sec ul li.filterSelect a .fa.fa-circle{color:#fff !important; }
.dirdept-new .filter-sec ul li.filterSelect a span{background-color:#fff !important;}
.dirdept-new .filter-sec ul li.filterSelect:nth-child(1) {background-color: #2ca01c;}
.dirdept-new .filter-sec ul li.filterSelect:nth-child(2){background-color: #ff9800;}
.dirdept-new .filter-sec ul li.filterSelect:nth-child(3){background-color: #00bcd4;}
.dirdept-new .filter-sec ul li.filterSelect:nth-child(4){background-color: #f66b61;}
.dirdept-new .filter-sec ul li.filterSelect:nth-child(5){background-color: #676a6c;}
.dirdept-new .filter-sec ul li.filterSelect:nth-child(6){background-color: #1ea2fe;}
.dirdept-new .filter-sec ul li:last-child{margin-right:0px;}
.dirdept-new .filter-sec ul li a {color: #484848;font-size: 18px;font-weight: 500;}
.dirdept-new .filter-sec ul li a span {padding: 1px 13px;border-radius: 5px;background-color: #2ca01c;color: #fff;width: 40px;text-align: center;font-size:15px;}
.dirdept-new .filter-sec ul li:nth-child(2) a span {background-color: #ff9800;}
.dirdept-new .filter-sec ul li:nth-child(3) a span {background-color:#00bcd4;}
.dirdept-new .filter-sec ul li:nth-child(4) a span {background-color:#f66b61;}
.dirdept-new .filter-sec ul li:nth-child(5) a span {background-color: #676a6c;}
.dirdept-new .filter-sec ul li:nth-child(6) a span {background-color:#1ea2fe;}
.dirdept-new .fixed-head-myhr .filter-sec{box-shadow: none !important;padding: 0;margin: 8px 0px;}
.dirdept-new .fixed-head-myhr .filter-sec ul{padding-left:10px;width: 240px;padding-left: 10px;right: auto;left: 0px;z-index: 99;}
.dirdept-new .fixed-head-myhr .filter-sec ul li{width:100%;padding: 2px 15px 5px !important;}
.dirdept-new .fixed-head-myhr .filter-sec ul li a{padding: 3px 0px;margin: 0px;background-color: transparent;}
.dirdept-new .fixed-head-myhr .filter-sec ul.dropdown-menu:before {right: auto;left: -15px;}
.dd-bottom-new .left{padding:0px;}
.dd-bottom-new .left .left-bdr {padding: 10px 10px 10px 4px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 0 0 20px 20px; height: 500px; width: 100%; overflow-y: auto; }
.dd-bottom-new .left h2{background-color: #eeeeee;padding: 9px 10px !important;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: 0px;color: #48484a;font-weight: 500; font-size: 22px !important;}
.dd-bottom-new .left h2 span.icon{background-color: #fff;border-radius: 50%;color: #1c84c6;font-size: 20px;width: 35px;height: 35px;display: inline-block;text-align: center;padding: 7px 7px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.dd-bottom-new .left .bank-list-sec {padding: 0px;}
.dd-bottom-new .left .bank-list-sec .bank-list {padding: 2px 0px 0px; border-radius:10px;position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; cursor: pointer; margin-bottom: 15px; }
.dd-bottom-new .left .bank-list-sec .bank-list:hover {background-color: #f7f7f7;}
.dd-bottom-new .left .bank-list-sec .bank-list.caroSelect {border: none;border-left: 5px solid #2ca01c;padding: 5px;}
.dd-bottom-new .left .bank-list-sec .bn-name h3 {margin: 0px; padding: 6px 0px 5px 11px; font-size: 22px; float: left; color: #48484a; width: 88%; font-weight: 500;}
.dd-bottom-new .left .bank-list-sec .bn-name h3 label{border-radius:15px !important;font-size:13px;color: #676565 !important;}
.dirdept-blk .circle-badge1.labelActive{background: #2ca01c !important;}
.dirdept-blk .circle-badge1.labelInactive {background: #484848 !important;}
.dirdept-new-list .circle-badge1.labelAll,.dirdept-new-mbl .bn-name  span.circle-badge1.labelAll {background-color: #1ea2fe !important;}
.dirdept-new-list .circle-badge1.labelPrimary,.dirdept-new-mbl .bn-name  span.circle-badge1.labelPrimary {background-color: #ff9800 !important;}
.dirdept-new-list .circle-badge1.labelSecondary,.dirdept-new-mbl .bn-name  span.circle-badge1.labelSecondary {background-color: #00bcd4 !important;}
.dirdept-new-list .circle-badge1.labelExpense,.dirdept-new-mbl .bn-name  span.circle-badge1.labelExpense {background-color: #f66b61 !important;}
.dirdept-blk .circle-badge1 {float: left; width: 28px; height: 28px;font-weight: 600;font-size: 17px; border-radius: 50%;line-height: 28px;padding-left: 0px;position: relative;text-align: center;color:#fff !important;}
.dirdept-blk .dd-bottom-new .circle-badge1 {top: 5px;left: 5px;}
.dd-Expense-label{color: rgba(246, 107, 97 , 1) !important; background-color: rgba(246, 107, 97 , 0.3); position: relative; bottom: 4px;}
.dd-Secondary-label{color: rgba(0, 188, 212 , 1) !important; background-color: rgba(0, 188, 212 , 0.3); position: relative; bottom: 4px;}
.dd-Primary-label{color: rgba(255, 152, 0 , 1) !important; background-color: rgba(255, 152, 0 , 0.3); position: relative; bottom: 4px;}
.dd-green-label {color: #fff !important;background-color: #2ca01c !important;   }
#compareverify .dd-green-label { float: left; margin: 2px 10px; padding: 7px 13px; border-radius: 50px; font-size: 12px; font-weight: 800; }
.dep-relations{ position: relative; bottom: 4px; font-size: 12px; background-color: #2ca01c !important;color: #ffffff !important;}
.dd-bottom-new .left .bank-list-sec .bn-name .circle-badge2 {float: right;width: 35px;height: 30px;font-weight: 600;font-size: 15px;border-radius: 0px 12px 0px 25px;line-height: 30px;
padding-left: 0px;position: relative;top: -3px;right: 0px;text-align: center;}
.labelActive {background-color: #cae7c6 !important;color: #2ca01c !important;}
.labelPrimary {background-color: #fee7c5 !important;color: #ff9800 !important;}
.labelSecondary {background-color: #c0f8ff !important;color: #00bcd4 !important;}
.labelExpense {background-color: #ffc9c5 !important;color: #f66b61 !important;}
.labelInactive {background-color: #bfbfbf !important;color: #676a6c !important;}
.labelAll {background-color: #bfe4fe !important;color: #1ea2fe !important;}
.dirdept-new-list .table td .circle-badge{background-color: #d2ecff;color: #1ea2fe;}
.dd-bottom-new .left .bank-list-sec .table {margin-bottom: 0px; background-color: #f3f3f3; border-radius: 10px;}
.dd-leftpanel .hrv-tr{display:none !important;}
.dd-leftpanel:hover .hrv-tr{display:block !important;}
.dd-copy-btn{padding: 2px 6px;background-color: #ddd !important; margin: 0;}
.dd-copy-btn:hover{background-color: #0095f6 !important; color: #fff; font-size: 13px; padding: 5px 8px;}
#dirdeo-leftsection .bank-list-sec .bank-list {border-radius: 10px;padding: 0px;}
#dirdeo-leftsection .bank-list-sec .bank-list .bn-name {overflow:hidden;}
.dd-bottom-new .left .bank-list-sec .table::-webkit-scrollbar-thumb {background: #f8f8f8;}
.dd-bottom-new .left .bank-list-sec .table td { color: #636366; padding-top: 4px; padding-bottom: 4px; border-top: 0px; font-size: 17px; padding-left: 5px; word-break: break-word; border: none;}
.dd-bottom-new .left .bank-list-sec .table td:nth-child(3), .dd-bottom-new .left .bank-list-sec .table td:nth-child(4) { border-top: 2px solid #ddd; }
.dd-bottom-new .left .bank-list-sec .table td p{margin-bottom:0px;position:relative;}
.dd-bottom-new .left .bank-list-sec .table td p button{background-color:transparent;}
.dd-bottom-new .left .bank-list-sec .table td p .copy_tooltip {top: 5px;right: 0px;}
.dd-bottom-new .left .bank-list-sec .table td p .copy_tooltip:after {top: auto;right: 50%; border-top: 8px solid #2aa713;border-right: 8px solid transparent;border-left: 8px solid transparent;bottom: -14px;}
.dd-bottom-new .left .bank-list-sec .table td span.icon,.dirdept-new-mbl .routng-acc .icon {background-color: #eee;color: #1c84c6;width: 29px;height: 29px;display: inline-block;text-align: center;border-radius: 50%;
padding: 4px 0px;font-size: 14px;margin-right: 4px;float: left;}
.dd-bottom-new .left .bank-list-sec .table td span.num,.dirdept-new-mbl .routng-acc .num{display: block;color: #636366;font-size: 13px;}
.dd-bottom-new .left .bank-list-sec .table td.deposit span { width: auto;display: block;font-size: 24px;border-radius: 9px;padding: 7px 7px; position: relative; top: 0px; float: right;}
.dd-bottom-new .left .bank-list-sec .table .relationShip {display: block;font-size: 21px;border-radius: 9px;padding: 5px 7px;position: relative;top: -1px; float: right; background-color: #cae7c6 !important; color: #2ca01c !important; left: 15px;}
.dd-bottom-new .right {padding-right: 0px;}
.dd-bottom-new .ttl-record span {background-color: #fff;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;margin-left: 12px;color: #1c84c6;font-size: 17px;font-weight: 600;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head,.dirdept-new-mbl .expand .bg-grey-head,.ACHList .modal-dialog .bg-grey-head {background-color: #eeeeee;padding: 5px 10px 0px !important;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: 0px;color: #000;font-size: 20px;font-weight: 500;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-left{width:55%;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head .pull-left h3 {float: left;margin:4px 3px 7px;font-size: 20px;font-weight: 500;color:#48484a;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-left h3 {font-size: 27px;font-weight: 800;color: #1c1c1e;margin-top: 5px;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-left .label {float: left; padding: 5px 10px; font-size: 13px; position: relative; top: 9px; left: 5px; font-weight: 700; margin-right: 5px; border-radius: 50px; }
.dd-label-active {background-color: #2ca01c !important; color: #ffffff !important; }
.dd-label-inactive {background-color: #d7d7d7 !important; color: #48484a !important; }
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-left .bwt-edit{position: relative;top: 2px;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-right .rounded-action,.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-right .pagination-new{float:right;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-right .pagination-new a{float: left;color: #525254 !important;position: relative;top: 2px;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-right .rounded-action .mail-btn,.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-right .rounded-action .bwt-info{background-color: #dddddd !important;
color: #48484a !important;position: relative;top: 1px;width: 33px;height: 33px;font-size: 17px !important;padding: 3px 0px !important;}
.dd-bottom-new .right .bank-list-dtl .bg-grey-head.top .pull-right .rounded-action .bwt-collapse {background-color: #DDD !important;color: #48484A !important;}
.dd-bottom-new .right .bank-list-dtl .box-shadow-two .table,.dd-bottom-new .right .bank-list-dtl .box-shadow-two .col-md-6 img{margin:6px;}
.dd-bottom-new .right .bank-list-dtl .box-shadow-two {margin-bottom: 15px;}
.dd-bottom-new .right.col-lg-12  #vertical-timeline,.dd-bottom-new .right #vertical-timeline  {max-width: 99%;}
.dd-bottom-new .right .bank-list-dtl .box-shadow-two .table p{margin-bottom:0px;float:left;color: #232323;font-size: 18px;width:50%;}
.dd-bottom-new .right .bank-list-dtl .box-shadow-two .table p strong {color:#000;font-weight: 500;}
.dd-bottom-new .right .bank-list-dtl .box-shadow-two .table .adr p:first-child {width:25%;}
.dd-bottom-new .right .bank-list-dtl .box-shadow-two .table tr:first-child td{border-top:0px;}
.bank-list-dtl #vertical-timeline .vertical-timeline-content{overflow:hidden;} 
.bank-list-dtl #vertical-timeline .vertical-timeline-content .un-note-date .pull-right,.vertical-timeline-content .un-note-date .pull-right{margin-right:-300px;transition: all .30s ease-in-out;}
.bank-list-dtl #vertical-timeline .vertical-timeline-block:hover .un-note-date .pull-right{margin-right:0px;}
.bank-list-dtl #vertical-timeline .vertical-timeline-block:hover .un-note-date .pull-right,.vertical-timeline-block:hover .un-note-date .pull-right{margin-right:0px;}
.dd-bottom-new .right .rt-accunt p strong{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 74%;display: inline-block;}
.dd-bottom-new .right .bank-list-dtl .col-md-3:nth-child(odd){width: 20%;}
.dd-bottom-new .right .bank-list-dtl .col-md-3:nth-child(even){width: 25%;padding: 0px;}
.dd-bottom-new .right .bank-list-dtl .col-md-9{padding-left:0px;}
.dd-bottom-new .right .bank-list-dtl .col-md-3 p{margin-bottom:0px;}
.dd-bottom-new .right.col-lg-12 .bank-list-dtl .col-md-3:nth-child(odd){width: 13%;}
/*table Grid datalist type css*/
.dirdept-new-list .bank-list-dtl .box-shadow-two .table p:first-child{width: 30% !important;}
.dept-new-list .bank-list-dtl .box-shadow-two .table tr:nth-child(1) td.Dtalign p:first-child{width: 40% !important;}
.dirdept-new-list .bank-list-dtl .box-shadow-two .table td[colspan="2"] p:first-child{width: 16% !important;}
.dirdept-new-list .bank-list-dtl .box-shadow-two div[ng-show="!showpanel3"] .table tr:nth-child(1) td:first-child >p{width: 33% !important;} 
.dirdept-new-list{margin: -25px -5px 15px;margin-bottom: 0px !important;}
.dirdept-new-list .list-table{margin-top: 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 15px;}
.dirdept-new-list .list-table th {font-size: 17px;color: #000;text-transform: capitalize;background-color: #eee !important;z-index: 99 !important;}
.dirdept-new-list .list-table td {font-size: 16px;color: #48484a;vertical-align: middle;}
.dirdept-new-list .list-table td:nth-child(2) {text-transform: uppercase;color: #48484a;font-size: 17px;font-weight: 600;}
.dirdept-new-list .list-table td:nth-child(2) p{margin-bottom: 0px;display: block;font-size: 14px;font-weight: 400;}
.dirdept-new-list .list-table td:nth-child(5){color: #2ca01c;font-weight: 600;}
.dirdept-new-list .list-table td:nth-child(3){position:relative;}
.dirdept-new-list .list-table td:nth-child(3) .copy_tooltip{    top: 15px;}
.dirdept-new-list .list-table td:nth-child(3) .copy_tooltip:after{     top: auto;right: 50%;border-top: 8px solid #2aa713;border-right: 8px solid transparent;border-left: 8px solid transparent;bottom: -14px;}
.dirdept-new-list .right{padding-left:0px;margin-top: 15px;}
.dirdept-new-list .list-table tr{border-radius: 7px;cursor:pointer;}
.dirdept-new-list .list-table tr.caroSelect{padding-left: 5px;background-color: rgb(44 160 28 / 8%);}
.dirdept-new-list .un-table-box-2{z-index:9;}
.dirdept-new-mbl  .top{margin-bottom:10px;}
.dirdept-new-mbl  .top h2{float:left;font-weight: 400;font-size: 20px;}
.dirdept-new-mbl  .top h6{float:right;margin-top: 10px;}
.dirdept-new-mbl  .top h6.ttl-record span{margin-left:5px;}
.dirdept-new-mbl .dirdept-mbllst {border-radius: 4px;padding: 6px 7px;margin: 15px 0px 10px;border-bottom: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 17%), 0 1px 5px 0 rgb(0 0 0 / 18%);}
.dirdept-new-mbl .dirdept-mbllst.caroSelect{border:2px solid #2ca01c;}
.dirdept-new-mbl .bn-name {background-color: #efefef;margin: -7px -7px 10px -7px;padding: 1px 5px;position:relative;}
.dirdept-new-mbl .bn-name h3{float:left;margin: 0px 0px;padding-left: 20px;font-size: 23px;font-weight: 500;color: #353535;}
.dirdept-new-mbl .bn-name  span.circle-badge1{position: absolute;left: -1px;color: #fff !important;z-index: 9;top: 0px;border-radius: 3px 0px 15px 0px;width: 25px;height: 25px;text-align: center;}
.dirdept-new-mbl .bn-name h3 label {width: 15px;height: 15px;border-radius: 50px;display: inline-block;top:8px;font-size: 0px;float: left;margin-right: 5px;padding: 5px 6px;}
.dirdept-new-mbl .bn-name .bwt-edit{padding: 2px 6px;font-size: 16px !important;}
.dirdept-new-mbl .bn-name a.pull-right{font-size: 20px;}
.dirdept-new-mbl  ul{padding-left:0px;margin-bottom: 0px;}
.dirdept-new-mbl .routng-acc ul li {float:left;list-style:none;width: 50%;margin-bottom: 15px;position:relative;}
.dirdept-new-mbl .routng-acc ul li p{margin-bottom:0px;color: #181818;}
.dirdept-new-mbl .routng-acc ul li:nth-child(3) p span:first-child{font-size:16px !important;margin-top: 10px;}
.dirdept-new-mbl .routng-acc ul li.deposit span{font-size:16px !important;padding:6px 15px;}
.dirdept-new-mbl .expand li {list-style: none;width: 100%;display: inline-block;border-bottom: 1px solid #ddd;}
.dirdept-new-mbl .expand li:last-child {border-bottom:0px;}
.dirdept-new-mbl .expand li p{float:left;width:50%;margin-bottom: 5px;}
.dirdept-new-mbl .expand li p a{color: #676a6c;}
.dirdept-new-mbl .expand .box-shadow-two{margin-bottom: 10px;}
.dirdept-new-mbl .expand .box-shadow-two .rounded-action .bwt-new,.dirdept-new-mbl .expand .box-shadow-two .bwt-cancel{width: 25px;height: 25px;background-color: rgb(44 160 28 / 76%) !important;font-size: 15px !important;}
.dirdept-new-mbl .expand .box-shadow-two .bwt-cancel{background-color: rgba(221, 221, 221, 1) !important;}
.dirdept-new-mbl .expand .box-shadow-two .bwt-cancel i{left:-3px;top:-1px;}
.dirdept-new-mbl .mblbtm-mnu >ul >li {vertical-align: middle;}
.dirdept-new-mbl .mblbtm-mnu .dropdown{float:left;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) .dropdown{margin-top: 5px;text-align: center;}
.dirdept-new-mbl .mblbtm-mnu .grid-list-sec{margin-top:-6px}
.dirdept-new-mbl .dd-copy-btn {padding: 2px 5px;margin-bottom: 0px !important;color: #181818;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) a span{color:#fff;border-radius:5px;padding: 1px 1px;width: 30px;text-align:center;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(1) a {color: #2ca01c;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(1) a span {background-color: #2ca01c;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(2) a {color: #ff9800;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(2) a span {background-color: #ff9800;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(3) a {color: #00bcd4;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(3) a span {background-color: #00bcd4;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(4) a {color: #f66b61;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(4) a span {background-color: #f66b61;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(5) a {color:#676a6c;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(5) a span {background-color: #676a6c;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(6) a {color:#1ea2fe;}
.dirdept-new-mbl .mblbtm-mnu li:nth-child(1) li:nth-child(6) a span {background-color: #1ea2fe;}
.dirdept-new-mbl .deptmblst .bn-name .circle-name {width: 30px;font-size: 17px;height: 30px;line-height: 28px;background-color: #cae7c6 !important;color: #2ca01c !important;margin: 3px 6px 1px 0px;}
.dirdept-new-mbl .deptmblst .bn-name h3 {font-size: 18px;margin: 2px 0px 1px;}
.dirdept-new-mbl .deptmblst .bn-name h3 .dep-relations {position: inherit;font-size: 13px;display: block;margin-top: 5px;border-radius: 25px;}
.dirdept-new-mbl .deptmblst .routng-acc li {width:100%;margin-bottom:0px;}
.dirdept-new-mbl .deptmblst li p:first-child{width:30% !important;float:left;}
.dirdept-new-mbl .deptmblst li p:last-child{width:70% !important;float:left;}
.dirdept-new-mbl .mblmnu-dept{padding: 5px 0px 5px;left: 150px;width: calc(100% - 310px);}
.dirdept-new-mbl .mblmnu-dept.mblbtm-mnu.show {margin-left: calc(-100% - -195px);}
.dirdept-new-mbl .mblmnu-dept li:nth-child(2) a{white-space:nowrap;}
.dirdept-new-mbl .routng-acc .num {margin-top: 5px;color: #353535;}
.dirdept-new-list .cir-btn.bwt-edit{display: inline-block;visibility: hidden;}
.dirdept-new-list tr:hover .cir-btn.bwt-edit{visibility: visible;}
/*Depedent New Ui Css start*/
.depedent-new-ui {margin: 6px 0px 15px;}
.depedent-new-ui .bank-list-sec .table p.label, .dept-new-list .list-table td:nth-child(3) p {display: block;border-radius:20px;padding: 0px 13px;position: relative;background-color: #2ca01c !important;color: #ffffff !important;font-weight: 500;margin-top: 8px;text-align:center;}
.dept-new-list .list-table td:nth-child(3) p {display:inline-block;min-width:150px;}
.depedent-new-ui .bank-list-sec .table tr:first-child td p:last-child{float:left;margin-left:5px;}
.dept-new-list .list-table td:nth-child(5) {color: #1c84c6;font-weight: 400;}
.depedent-new-ui .left .bank-list-sec .circle-badge {top: -10px;}
.depedent-new-ui .bank-list-dtl .bg-grey-head .btn-history,.dept-new-list .bank-list-dtl .bg-grey-head .btn-history {display: block;color: #48484a !important;background-color: #fff;padding: 4px 8px !important;}
.depedent-new-ui .bank-list-sec .table td{white-space:nowrap !important;}
.dirdept-new-edit{padding: 0px 10px 5px 10px;padding: 5px !important;} 
.dirdept-new-edit .dde-row-panels{border-radius:15px 15px 5px 5px;clear:both;}
.dirdept-new-edit .dde-row-heading{border-radius: 15px 15px 0 0 !important;color: #fff !important;font-size: 25px !important;font-weight: 500 !important;background-color: #eee !important;padding: 6px 10px;margin: 0px -15px 15px !important;}
.dirdept-new-edit .dde-row-heading h3{font-size: 20px !important;font-weight: 500 !important;margin: 0px;color: #48484A !important;}
.dirdept-new-edit .dde-row-heading i{background-color: #ffffff !important;height: 30px !important;border-radius: 30px;padding: 5px 6px;width: 30px !important;font-size: 17px !important;color: #1ea2fe;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
position: relative;top: -2px;display:none;}
.depedent-form .dde-row-heading h3{float:left;}
.depedent-form .dde-row-heading .responsive-filter{font-size:18px;}
.dirdept-new-edit label,.dirdept-new-edit input,.dirdept-new-edit select,.dirdept-new-edit textarea {color: #48484a !important;font-size: 18px !important;font-weight: 400 !important;border-radius: 0px 15px 15px 0px !important;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.dirdept-new-edit input,.dirdept-new-edit select,.dirdept-new-edit textarea {background-color: #f6f6f6;}
.dirdept-new-edit input:hover,.dirdept-new-edit select:hover,.dirdept-new-edit textarea:hover {color: #1c84c6 !important;}
.dirdept-new-edit .form-icon,.dirdept-new-edit .icon-badge,.dirdept-new-edit .input-group-addon {border-radius: 15px 0px 0px 15px !important;color: #555;font-weight: 500;border: 1px solid #e5e6e7;text-align: center;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;width: auto !important;background-color: #f6f6f6;}
.dirdept-new-edit label.bold,.depedent-form.dirdept-new-edit label{box-shadow: inherit !important;}
.dirdept-new-edit input:focus,.dirdept-new-edit select:focus,.dirdept-new-edit textarea:focus{color: #1c84c6;border:none;}
.dirdept-new-edit input:hover,.dirdept-new-edit select:hover,.dirdept-new-edit textarea:hover{color: #1c84c6;background-color: #fff !important;}
.dirdept-new-edit .form-icon:active,.dirdept-new-edit .icon-badge:active,.dirdept-new-edit .input-group-addon:active,
.dirdept-new-edit .form-icon:hover,.dirdept-new-edit .icon-badge:hover,.dirdept-new-edit .input-group-addon:hover{color: #1c84c6;outline: none;}
.depedent-form.dirdept-new-edit{margin: -15px 0px 8%;}
.depedent-form.dirdept-new-edit .col-md-6.brd-b-1-dd{min-height: 50px;}
.depedent-form.dirdept-new-edit .col-md-6.brd-b-1-dd label {margin-bottom: 0px;}
.dirdept-new-edit .edit_title.brd-b .text-blue{font-size:25px !important;word-break:break-all;}
.dirdept-new-edit .edit_title.brd-b .text-blue i{color: #1c84c6 !important;}
.depedent-form.dirdept-new-edit .dde-row-heading {margin: -5px -5px 15px !important;}
.depedent-form.dirdept-new-edit .input-group {display: flex;}
.depedent-form.dirdept-new-edit .zipcde .col-md-8 .input-group:first-child {width: 60%;float: left;}
.depedent-form.dirdept-new-edit .zipcde .col-md-8 .input-group:last-child {float: right;width: 40%;display: inline-block;}
.depedent-form.dirdept-new-edit .zipcde .col-md-8 .input-group:last-child .check-box-cover {float:right;}
.depedent-form.dirdept-new-edit .input-group-btn{width:auto;border-radius: 15px 0px 0px 15px;}
.depedent-form.dirdept-new-edit .input-group-btn button{border-radius: 15px 0px 0px 15px;}
.depedent-form.dirdept-new-edit .input-group-addon {padding: 9px 12px;}
.depp-adm-note-p{width: 100%; overflow-y: hidden; height: 120px; background-color: #fff; padding: 5px;}
.depp-adm-note-p:hover{overflow-y: scroll;}
.depp-adm-note-head{background-color: #eee; border-radius: 4px 4px 0 0; padding: 3px 8px 1px; width:100%; margin-bottom: 4px;font-weight: bold;color: #1c1c1e;}
#tabMenu.active > a {padding: 4px 14px !important;color: #48484a;font-weight: 700;background-color: #fff !important;border-bottom: 4px solid #0095f6 !important;border-top: none !important;
border-left: none !important;border-right: none !important;}
#tabMenu > a{padding: 6px 20px 6px 20px}
.sub-clientlist #tabMenu.active > a{border: 0px !important;border-bottom: 4px solid #1c84c6 !important;border-radius: 0px;} 
.dirdept-new-edit .acc-name-edit .input-group{float:left;margin-right: 10px;}
.dirdept-new-edit .acc-name-edit .input-group label{border-radius: 15px 15px 15px 15px !important;padding-left: 40px;} 
.dirdept-new-edit .acc-name-edit .btm{clear:both;}
.dirdept-new-edit .acc-name-edit .input-group .checkmark {top: 2px;left: 8px;}
#dirdept-blk #candidatesearchBoxContainer1 .MicrosoftMap {top: 50px;}
/*Breadcrump csss */
.topNavHeader {margin-left: 5px;padding: 0px 10px 0px 10px !important;}
.breadTop {margin-top: 9px;}
.breadTitle {font-size: 25px;font-weight: 600;margin-top: 0px;text-align: right;padding-right: 4% !important;text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap;}
.breadcrumb li i {font-size: 16px !important;}
/*On boarding popup css*/
.onboarding-popup .modal-dialog {max-width: 1000px;}
.onboarding-popup.onbrdpop-link .modal-dialog {max-width: 1200px;width: 70%; margin-top: 0;}
.onboarding-popup .modal-header {border-bottom: 0px;padding:0px;}
.onboarding-popup .modal-header h4 {text-align: left;background-color: #1c84c6;color: #fff;margin-top: -4px;padding: 5px 25px;border-radius: 21px 21px 0px 0px;text-transform: uppercase;font-size: 26px;}
.onboarding-popup .modal-header .close {font-size: 42px;line-height: 0;color: #fff !important;opacity: 1 !important; outline: none;    width: 25px;height: 25px;padding: 8px 2px 9px 2px;margin: 0;position: relative;top: -37px;right: 11px;  }
.onboarding-popup .modal-header .close:hover{color: #d2d2d2 !important;}
.onboarding-popup .modal-body {padding: 0px 10px 5px 10px;overflow:inherit;}
.onboarding-popup .carousel {width: 60%;margin: 0 auto;}
.onboarding-popup .carousel-control {left: -95px !important;}
.onboarding-popup .carousel-control.right {right: -95px;left: auto !important;}
.onboarding-popup .carousel-control.left,.onboarding-popup .carousel-control.right{background-image:none;opacity: 0.9;}
.onboarding-popup .carousel-indicators {bottom: -10px;}
.onboarding-popup .carousel-indicators li {border: 1px solid #6f6d6d !important;width: 15px;height: 15px;}
.onboarding-popup .carousel-indicators .active {width: 15px !important;height: 15px !important;background-color: #337ab7 !important;margin:1px !important;}
.onboarding-popup .carousel-control .icon-prev,.onboarding-popup .carousel-control .icon-next{font-size: 71px;color: #1c84c6;text-shadow: inherit !important;}
.onboarding-popup .carousel .carousel-inner .item img { height: 340px; line-height: 1; margin: auto;}
.onboardpopup-list { display: table;width: 100%;margin: 50px 0px 40px;padding-left: 0px;}
.onboardpopup-list li {text-align: center;list-style: none;width: 11%;float: left;}
.onboardpopup-list li .image-radius {font-size: 28px;padding: 7px 0px 5px 0px;border-radius: 55px;color: #454545;margin: 0 auto;width: 55px;height: 55px;border: 2px solid #fd6a6a;position: relative;margin-bottom: 7px;}
.onboardpopup-list li .image-radius i {position: relative;left: 1px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.onboardpopup-list li .image-radius.active {background-color: #1c84c6;color: #fff;border: 2px dotted #1c84c6;}
.onboardpopup-list li .image-radius.active:after {content: '✓';position: absolute;width: 25px;height: 25px;font-size: 18px;background-color: #4cb71a;border-radius: 25px;
top: -17px;right: -18px;padding: 4px 5px;line-height: 19px;font-weight: 700;transform: rotate(20deg);}
.onboardpopup-list li:hover i {transform: scale(1.1);}
.onboardpopup-list li:hover .image-radius.active{background-color: #1a6ea5;}
.onboardpopup-list li a{ color: #1c84c6;min-height: 45px;display: inline-block;width: 100%;}
.onboarding-popup .dataSession{background-color: #eee; border-radius: 10px; padding: 10px; padding-bottom:20px; margin-bottom: 7px; margin-top: 15px}
.onboarding-popup .dataSession ul{list-style: none; margin: 0; padding: 0; padding-top: 30px; display: flex; justify-content: space-evenly;}
.onboarding-popup .dataSession ul li{ height: 105px; background-color: #fff; width: 90px; border-radius: 10px; text-align: center; text-align: center; padding: 10px 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-bottom: 4px solid #ddd !important;}
.onboarding-popup .dataSession ul li:hover{ background-color: #f3f3f3; }
.onboarding-popup .dataSession ul li .icon-Part{ width: 40px; height: 40px; background-color: #ddd; border-radius: 50px; color: #48484a; line-height: 40px; font-size: 16px; margin: auto; margin-top: -30px; }
.onboarding-popup .dataSession ul li .step{ font-weight: 500; margin-top: 15px; color: #aaa; font-size: 13px; margin-left: 0; }
.onboarding-popup .dataSession ul li .heading{ font-weight: 500; margin-top: 0px; color: #48484a; }
.onboarding-popup .dataSession ul .done { border-bottom: 4px solid #2cA01C !important; }
.onboarding-popup .dataSession ul .done .icon-Part{ background-color: #2cA01C !important; color: #fff; }
.onboarding-popup .dataSession ul .done .heading{ color: #2cA01C !important; }
.onboarding-popup .onboardingImpDet{float: right;}
.onboarding-popup .onboardingImpDet .Impbox{ color: #2cA01C !important; display: flex;  }
.onboarding-popup .onboardingImpDet .Impbox .ann-box{ background-color: #eee; margin-top: 5px; margin-left: 10px; width: 155px; }
.onboarding-popup .onboardingImpDet .Impbox .ann-box .box-label{ color: #676a6c; font-size: 18px;margin-left: 6px;margin-top: 3px;    float: left; }
.onboarding-popup .onboardingImpDet .Impbox .ann-box .ann-box .count { font-size: 20px; }
.onboarding-popup .profileTab-J6 .modal-title{ float: left; color: #1c1c1e; font-size: 20px; padding: 7px; }
.onboarding-popup .profileTab-J6 .header-Main .j6-inner.height1 .imgPart,.onboarding-popup .profileTab-J6 .header-Main .j6-inner.height2 .imgPart  {height: 180px;}
/*7/20/2023*/
.onboarding-popup .profileTab-J6 .header-Main .height1{height: 190px; }
.onboarding-popup .profileTab-J6 .header-Main .imgPart .img-circle{height: 125px !important;}
.onboarding-popup .profileTab-J6 .header-Main .j6-inner .imgPart .un-container {transform:  translate(-57%, -53%);-webkit-transform: translate(-57%, -53%);}
.onboarding-popup .profileTab-J6 .header-Main .imgPart .percentage{left: 51% !important;bottom: 1% !important;}
.onboarding-popup .profileTab-J6 .dataPart .leftSectionLabels{ margin-bottom: 4px !important; }
.onboarding-popup .profileTab-J6 .header-Main .j6-inner .dataPart h1{ font-size: 30px }
.onboarding-popup .profileTab-J6 .header-Main .j6-inner .dataPart h3{ font-size: 18px; margin-bottom: 4px }
.onboarding-popup .profileTab-J6 .header-Main .j6-inner .dataPart h3{ font-size: 18px; margin-bottom: 4px }
.onboarding-popup .profileTab-J6 .header-Main .onboardingDtl .dsh-time{ min-height: 90px; width: 100%; }
.onboarding-popup .profileTab-J6 .header-Main .onboardingDtl .dsh-time-green{ background-color: #00bf0e !important; }
.onboarding-popup .profileTab-J6 .header-Main .onboardingDtl .dsh-time h4 span { font-size: 16px; }
.onBoardingJ13{margin-bottom: 0px;position: relative;top: 0px;margin-top: 15px;clear: both;}
.onBoardingJ13 ul{ list-style: none; margin: 0 15px; padding: 0; display: inline-flex; flex-wrap: wrap;width:100%;}
.onBoardingJ13 ul li{ height: 180px;width: calc(20% - 38px);position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; border: none; margin: 0px 15px 50px; background-color: #fff;}
.onBoardingJ13 ul li:hover,.onboardingDtl .boxstyle .box-shadow-two:hover{ background-color: #f3f3f3;transform: scale(1.03);}
.onBoardingJ13 .onBoardingJ13lst .box-green{ border-top: 3px solid #00BF0E; border-bottom: 3px solid #00BF0E; background-color: #f4f4f4; }
.onBoardingJ13 .onBoardingJ13lst .box-grey{ border-top: 3px solid #FC6621; border-bottom: 3px solid #FC6621; }
.onBoardingJ13 .onBoardingJ13lst .circle{ height: 30px !important; width: 30px !important; font-size: 16px; line-height: 30px !important; border-radius: 200px; margin-left: auto; margin-right: auto; margin-top: -13px; font-weight: 600; text-align: center;}
.onBoardingJ13 .onBoardingJ13lst .circle-grey{ background-color: #fff; color: #FC6621; border: 1px solid #FC6621 }
.onBoardingJ13 .onBoardingJ13lst .circle-green{ background-color: #fff; color: #00BF0E; border: 1px solid #00BF0E }
.onBoardingJ13 .onBoardingJ13lst .smallBox{ background-color: #eee; margin: 15px 10px 1px 10px; padding: 5px 0 10px 0; border-radius: 5px;}
.onBoardingJ13 .onBoardingJ13lst .text{ text-align: center; font-size: 19px; color: #1c1c1e; font-weight: 500; margin-top: 5px; cursor: pointer;}
.onBoardingJ13 .onBoardingJ13lst .badge{ font-size: 14px; margin-top: 2px; padding: 5px 7px; border-radius: 50px; }
.onBoardingJ13 .onBoardingJ13lst .badge-green{ background-color: #00BF0E; color: #fff; } 
.onBoardingJ13 .onBoardingJ13lst .badge-grey{ background-color: #FC6621; color: #fff; }
.onBoardingJ13 .onBoardingJ13lst .icon-Part{ height: 50px; width: 50px; background-color: #ddd; border-radius: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #48484a !important; margin: 10px auto 0;}
.onBoardingJ13 ul li:hover .icon-Part i,.onboardingDtl .boxstyle .actGreen .ob-circle-red i {-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.onBoardingJ13 .onBoardingJ13lst .icon-Part-green{ background-color: #00bf0e; color: #ffffff !important;}
.onBoardingJ13 .onBoardingJ13lst .icon-Part-grey{ background-color: #FC6621; color: #ffffff !important;}
.onBoardingJ13 .onBoardingJ13lst .arrow{ transform: translateY(-50%); position: absolute; top: 50%;  left: 106%; font-size: 20px; color: #bbb; }
.onBoardingJ13 ul li:nth-child(5) .arrow, .onBoardingJ13 ul li:nth-child(9) .arrow{ display: none; }
.onboarding-popup .statusBar{ color: #48484a; background-color: #fff; float: right; display: flex; font-size: 15px; margin-right: 23px; padding: 7px 15px;border-radius: 5px; text-transform: capitalize;}
.onboarding-popup .statusBar .box{ background-color: #1c84c6; color: #fff; border-radius: 3px; padding: 4px; font-size: 14px; }
.onboarding-popup .statusBar .box-grey{ background-color: #DDDDDD; color: #48484a; }
.onboarding-popup .statusBar .box-green{ background-color: #00BF0E; color: #fff; }
.onboarding-popup .statusBar .box-blue{ background-color: #1c84c6; color: #fff; }
 /*Identification page css start*/
.identification-page .ibox-content{padding-top: 15px;}
.identification-page .table tr:hover{background-color: #f3f3f3 !important;}
.identification-page .table tr th,.identification-page .table tr td{white-space:nowrap;padding: 2px 8px !important;font-size: 17px;text-transform: capitalize;}
.identification-page .table thead tr th {font-weight: 500;background-color: #efefef;padding: 10px 8px !important;}
.identification-page .directdept-top .collapse-btn button {width: 180px;}
.indty-add {position: relative;top: -14px;}
.indty-add .pagination-new.pull-right {position: relative;top: -14px;}
.indty-add .pagination-new.pull-right p {font-size: 19px !important;border-radius: 30px;}
.indty-add .bwt-new {color: #ffffff !important;font-size: 16px;padding: 5px 10px 5px;border-radius: 30px;}
.identification-page .table thead th a {color: #fff !important;margin-left: 5px;}
.identification-page .table thead th a.fa {color: #1c1c1e !important;}
.identification-page .table tbody tr td a {color: #48484a;}
.employeeList { padding: 6px; border-radius: 6px; margin-bottom: 15px; cursor: pointer; font-weight: 600; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: 0.3s;}
.employeeList:hover { background-color: #f4f4f4; border-left: 5px solid #2ca01c; transition: 0.3s; }
.identification-page .table tbody tr td span.label,.identification-page .candidate-mbllst span.label{background-color: #f7a54a;color: #fff;font-weight: 400;margin-left: 5px;}
.identification-page #IdentificationList tbody tr td:last-child button {margin-top: 7px;margin-left: 0px !important;}
.identification-page .norec-tab{width: 80%;margin: 0 auto;}
.identification-page .norec-tab tbody tr td{white-space:inherit;}
.new-identification .ibox-content{margin-top:10px;}
.new-identification button.close {margin-top: -5px;font-size: 34px !important;margin-right: 7px;opacity: .5;}
.new-identification textarea{resize: vertical;}
.new-identification .form-group {float: left;width: 50%;}
.new-identification .newId .ibox-content{margin-top: 0px;padding: 0px 10px;border-radius: 15px 15px 5px 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.new-identification .newId .ibox-content .m-b-md{box-shadow: none; padding: 0px 10px;border-radius: 15px 15px 0px 0px; margin: 10px 0px; font-size: 22px; background-color: #fff; border-bottom: 2px solid #e5e6e7;}
.new-identification .newId .ibox-content .m-b-md b{font-size: 20px !important;font-weight: bold;text-transform: capitalize; position: relative; top: 3px; margin-right: 5px; color: #1c84c6;}
.new-identification .newId .ibox-content .m-b-md span{font-size: 13px;}
.new-identification .newId .ibox-content .m-b-md span.label-primary{background-color: #2ca01c;}
.new-identification .newId .ibox-content label {color: #676a6c;font-weight: 400;font-size: 18px;}
.new-identification .newId .ibox-content label.btn-file{}
.new-identification .newId .rej-ptotab{min-height:inherit;}
.new-identification .newId .docup .rej-ptotab {width: calc(100% - 17px) !important;margin: 6px 10px 8px !important;overflow-y: inherit;}
.new-identification .newId .docup .rej-ptotab span.heading{clear:both;display: block;white-space: initial;}
.new-identification .newId .docup .rej-ptotab input[type=file]{left: 0px !important;width: 100% !important;margin-right: 0px !important;height:100px;}
.new-identification .newId .ibox-content .m-b-md .pull-right button{padding: 5px 10px;}
.new-identification .btm-button button {padding: 7px 11px;}
.new-identification .newId .ibox-content .m-b-md .pull-right button span{font-size: 16px;}
.new-identification .newId .ibox-content .m-b-md .nxt-prev{float:left;margin-right: 6px;display:none;}
.new-identification .newId .ibox-content .m-b-md .nxt-prev a{float:left;color: #00bc90;font-size: 27px;margin-right: 15px;}
.new-identification .newId .ibox-content .m-b-md .nxt-prev a:last-child{margin-right:0px;}
.new-identification .newId .ibox-content .input-group .input-group-addon{border-radius: 15px 0px 0px 15px; font-size: 19px;border-color: #ddd;} 
.new-identification .newId .ibox-content .input-group select{border-radius: 0px 15px 15px 0px;}
.new-identification .newId .ibox-content .input-group select,.new-identification .newId .ibox-content .input-group input,
.new-identification .newId .ibox-content textarea{color: #48484a;font-size: 17px;font-weight: 500;border-radius: 0px 15px 15px 0px;border-color: #ddd;background-color: #f6f6f6;}
.new-identification input:hover,.new-identification select:hover,.new-identification textarea:hover {background-color: #fff !important;}
.new-identification .Identopbtn {position: absolute;top: -60px;right: 9px;}
.pplcenpage-blk .new-identification .bwt-new{position:inherit;}
.new-identification .table-radius tr.selectedTab {background-color: #f5f5f5 !important;}
#instantpreview .modal-dialog {width: 60% !important;}
#instantpreview.ACHList .modal-header .pull-left.lft {width: 80%;}
#instantpreview.ACHList .modal-header .pull-right.rht {width: 20%;}
#instantpreview .dettData .col-md-12{ padding: 10px 0; border-bottom: 1px solid #eee; font-size: 16px;}
#instantpreview .dettData .col-md-12:nth-last-child(1){ border-bottom: none; }
#instantpreview .dettData .col-md-6{}
#instantpreview .dettData label{ float: left; width: 35%; color: #1c1c1e;}
#instantpreview .dettData p{ float: left; width: 50% !important;}
.new-identification  #idnfile-left.col-lg-6 .bwt-new{right:-100%;}
.ppl-profile-blk .msgcenter-blk .mobile-bread{display:none;}
 .new-identification .ibox-content {box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;}
.ob-New-Filter{ box-shadow: none !important; width: 70%;  margin: 0 !important; padding: 0 !important; float: left;}
.ob-New-Filter ul li{ width: 25% !important; margin-bottom: 0 !important; background-color: #fff !important}
.dirdept-new .ob-New-Filter ul li:nth-child(1) a span{background-color: #1ea2fe}
.dirdept-new .ob-New-Filter ul li:nth-child(2) a span{background-color: #2ca01c}
.dirdept-new .ob-New-Filter ul li:nth-child(3) a span{background-color: #676a6c}
.dirdept-new .ob-New-Filter ul li:nth-child(1) a i{color: #1ea2fe}
.dirdept-new .ob-New-Filter ul li:nth-child(2) a i{color: #2ca01c}
.dirdept-new .ob-New-Filter ul li:nth-child(3) a i{color: #676a6c}
.dirdept-new .ob-New-Filter ul li:nth-child(1):hover:after{background-color: #1ea2fe}
.dirdept-new .ob-New-Filter ul li:nth-child(2):hover:after{background-color: #2ca01c}
.dirdept-new .ob-New-Filter ul li:nth-child(3):hover:after{background-color: #676a6c}
.dirdept-new .ob-New-Filter ul li:nth-child(1):hover a span{color: #1ea2fe;}
.dirdept-new .ob-New-Filter ul li:nth-child(2):hover a span{color: #2ca01c;}
.dirdept-new .ob-New-Filter ul li:nth-child(3):hover a span{color: #676a6c;}
.dirdept-new .ob-New-Filter ul li.filterSelect:nth-child(1){background-color: #1ea2fe !important;}
.dirdept-new .ob-New-Filter ul li.filterSelect:nth-child(2){background-color: #2ca01c !important;}
.dirdept-new .ob-New-Filter ul li.filterSelect:nth-child(3){background-color: #676a6c !important;}
.dirdept-new .ob-New-Filter ul li.filterSelect:nth-child(1) a span{color: #1ea2fe;}
.dirdept-new .ob-New-Filter ul li.filterSelect:nth-child(2) a span{color: #2ca01c;}
.dirdept-new .ob-New-Filter ul li.filterSelect:nth-child(3) a span{color: #676a6c;}
/*Bottom button*/
.theme-bottom-btn button {width: 110px;border-radius: 5px;}
.theme-bottom-btn span{margin-right:6px;}
.theme-bottom-btn .btn-primary{border-color: #2ca01c !important;background-color: #2ca01c !important;}
.theme-bottom-btn .btn-danger{background-color: #FF5C5C !important;border-color: #FF5C5C !important;}
/*My Hr Profile css*/
.profile-blk .clients-list .nav-tabs #tabMenu a {padding: 7px 8px 4px 7px !important;font-size: 15px;}
.ppl-profile-blk.profile-blk .clients-list .nav-tabs li#tabMenu > a {padding: 7px 9px 4px 9px !important;}
.profile-blk .clients-list .nav-tabs #tabMenu a span{font-size: 16px;}
.profile-blk .clients-list .nav-tabs #tabMenu a span i{position:relative;left:1px;}
.profile-blk .clients-list .nav-tabs #tabMenu:nth-child(1) a span i{left:4px;}
.profile-blk .clients-list .nav-tabs #tabMenu:nth-child(7) a span i{font-size: 16px;left: 3px;}
.profile-blk .clients-list .nav-tabs #tabMenu:nth-child(9) a span i{left: 3px;}
.profile-blk .clients-list .nav-tabs > li.myhr-dotmenus > a,.timecard-sec .nav-tabs li.myhr-dotmenus > a {padding: 3px 13px 0px 13px !important;margin-top: 4px;font-size: 17px;}
.profile-blk .clients-list .nav-tabs > li.myhr-dotmenus.open > a,.fixed-nav.pace-done .profile-blk .clients-list .nav-tabs > li.myhr-dotmenus.open > a,.timecard-sec .nav-tabs li.myhr-dotmenus.open > a,
.fixed-nav.pace-done .timecard-sec .nav-tabs li.myhr-dotmenus.open > a,.fixed-nav.pace-done .nav .timecard-plustab.open > a{background: transparent !important;color: #676a6c !important;}
.profile-blk .clients-list .nav-tabs > li.myhr-dotmenus > a{margin-top: 1px;padding: 3px 10px 6px 10px !important;}
.profile-blk .clients-list .nav-tabs > li.myhr-dotmenus > a i{font-size: 21px;position: relative;top: 4px;}
.profile-blk .clients-list .nav-tabs .dropdown-menu .profile-res{display:none;}
.profile-blk .clients-list .nav-tabs .dropdown-menu li:nth-child(14),.profile-blk .clients-list .nav-tabs .dropdown-menu li:nth-child(15),.profile-blk .clients-list .nav-tabs .dropdown-menu li:nth-child(16){display:none;}
.ppl-profile-blk .clients-list .nav-tabs .dropdown-menu li:nth-child(14),.ppl-profile-blk .clients-list .nav-tabs .dropdown-menu li:nth-child(15),.ppl-profile-blk .clients-list .nav-tabs .dropdown-menu li:nth-child(16){display:block;}
.profile-blk .clients-list .nav-tabs .dropdown-menu,.timecard-sec .clients-list .timecard-plustab .dropdown-menu,.clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu,
.timecard-sec .nav-tabs li.myhr-dotmenus .dropdown-menu,.adminsetting-benefits .clients-list .myhr-dotmenus .dropdown-menu {left: auto;right: 15px;margin-top: 5px;width: 275px;padding:0px;}
.timecard-nav.clients-list .tabs-desktop-plus.dropup a[data-toggle="dropdown"],.fixed-nav.pace-done .timecard-nav.clients-list  .nav-tabs .tabs-desktop-plus.open > a[ data-toggle="dropdown"],.clients-list .nav-tabs .tabs-desktop-plus > a[ data-toggle="dropdown"] {padding: 5px 8px !important;-webkit-animation: bubble-red 1s linear infinite;animation: bubble-red 1s linear infinite;}
.timecard-nav.clients-list .nav-tabs .tabs-desktop-plus > a i{font-size: 22px !important;top: 3px;color: #fff;}
.timecard-sec .clients-list .timecard-plustab .dropdown-menu,.clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu {margin-bottom: 5px;}
@keyframes bubble-red {0% {box-shadow: 0 0 0 0.01.5m rgb(206 206 206 / 14%), 0 0 0 0.1.5em rgb(255 255 255 / 39%);}100% {box-shadow:  0 0 0 0.1em rgb(243 104 91 / 22%), 0 0 0 0.5em rgb(243 104 91 / 22%);}}
.profile-blk .clients-list .nav-tabs .dropdown-menu:before {right:5px;}
.profile-blk .clients-list .nav-tabs .dropdown-menu li a,.timecard-sec .clients-list .timecard-plustab .dropdown-menu li a,.clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu a,.timecard-sec .nav-tabs li.myhr-dotmenus .dropdown-menu li a{padding: 2px 10px 1px !important;margin: 0px;border-bottom: 1px solid #ccc !important;border-radius: 0px;font-size: 17px;}
.profile-blk .clients-list .nav-tabs .dropdown-menu li a i {min-width: 18px;}
.profile-blk .profile-bottom .leftSection{position:relative !important;top: -130px !important;float: left;border-radius: 12px; background-size: 140%;background-position: top center;background-repeat: no-repeat;}
.profile-blk .profile-bottom .leftSection span[ng-click="deleteUploadedImage();"]{position: absolute;right: 99px;top: 33px;background-color: #fe3836;border-radius: 0px 40px 0px 8px;padding: 5px 9px 3px 2px;
 box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;color: #fff;display:none !important;z-index: 99;}
.profile-blk .profile-bottom .leftSection:hover span[ng-click="deleteUploadedImage();"]{display:block !important;}
.profile-blk .profile-bottom .leftSection span[ng-click="deleteUploadedImage();"] i{color:#fff !important;font-size: 15px;}
.profile-blk #ProfileCard .prfl-mail div{margin:0px 0px 8px !important;}
.profile-blk #ProfileCard .prfl-mail div a{color: #1c84c6;}
.profile-blk #ProfileCard .prfl-mail span{text-align: center;padding: 3px 3px 3px 3px;border-radius: 50%;margin-right: 2px;width: 26px;height: 26px;display: inline-block;background-color: #1c84c6 !important; color: #fff !important; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #a7a7a7 !important;} 
.profile-blk #ProfileCard .prfl-mail span i{left:3px;}
.copytxt .fa-copy{opacity: 0; color: #0095f6 !important; font-weight: bold; cursor: pointer; transition: .5s}
.copytxt:hover .fa-copy{opacity: 1;}
.copytxt .ben-edit{display: none;}
.copytxt:hover .ben-edit{display: initial;}
.profile-blk .profile-bottom {height: auto !important;}
.profile-blk .profile-bottom .info-mgr {margin-top: -10px;float: left; margin-left: 5px;}
.profile-blk .info-mgr .info-dtl {position: absolute; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; right: 9%; border-radius: 5px; padding: 16px 14px; z-index: 4000; width: 350px; border-bottom: 4px solid #1EA2FE; overflow: hidden;}
.profile-blk .info-mgr .info-dtl small{font-size:17px;}
.profile-blk .res-title, .profile-blk .profile-bottom .profile-top {display:none;}
.profile-blk .profile-tab .goToTop {background-color: rgb(45, 124, 175);}
.profile-blk .profile-top{min-height:120px;}
.profile-blk .drop-info a.dropdown-toggle{color: #676a6c;}
.profile-blk .drop-info a.dropdown-toggle p i{margin-left:5px;}
.profile-blk .drop-info .info-dtl p {margin-bottom: 8px;clear: both;width: 100% !important;}
.profile-blk .drop-info .dropdown-menu:before {right: 50%;}
.timecard-sec .clients-list .timecard-plustab, .clients-list .nav-tabs .tabs-desktop-plus {padding-left: 15px;bottom: 7% !important;position: fixed;right: 7px;z-index: 999;}
.timecard-sec .clients-list .timecard-plustab .dropdown-menu:before,.clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu:before {border-top-color: #b1b1b1 !important;border-bottom: none !important;top: auto;bottom: -7px;right:6px !important;}
.timecard-sec .clients-list .timecard-plustab > a,.clients-list .nav-tabs .tabs-desktop-plus > a,.fixed-nav.pace-done .clients-list .nav-tabs .tabs-desktop-plus.open > a {padding: 0px 8px !important; background-color: #f3685b !important;color: #fff;
width: 35px;height: 35px;border-radius: 40px;border-bottom: 0px !important;transition: all .2s ease-in-out;}
.clients-list .nav-tabs .tabs-desktop-plus > a img{width: 20px;position: relative;top:3px;}
.clients-list .nav-tabs .tabs-desktop-plus.open > a img {top: 7px;}
.timecard-sec .clients-list .timecard-plustab > a i,.clients-list .nav-tabs .tabs-desktop-plus > a i{display:block;font-size: 25px!important;top:6px;}
.timecard-sec .clients-list .timecard-plustab > a:hover,.clients-list .nav-tabs .tabs-desktop-plus > a:hover,.fixed-nav.pace-done .clients-list .nav-tabs .tabs-desktop-plus.open > a:hover{background-color: #e55041 !important;transform: scale(1.1);}
.req-bread {box-shadow: none !important;}
.timecard-sec .clients-list .timecard-plustab > a:hover i,.clients-list .nav-tabs .tabs-desktop-plus > a:hover  {color: #fff !important;} 
.req-hme .clients-list .nav-tabs .tabs-desktop-plus > a i {top: 0px;}
.req-hme .clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu li:nth-child(4) i {background-color:#2da01d;}
.req-hme .clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu li:nth-child(3) i {background-color:#fa9500;}
.myhr-bread.mobile-bread{z-index:999;}
.myhr-bread.mobile-bread .breadcrumb li.active .hidden-xs{display:inline-block !important;}
.myhr-bread.mobile-bread .breadcrumb .dropdown.visible-xs{float:right;}
.myhr-bread.mobile-bread .breadcrumb .dropdown .dropdown-menu{width:300px;}
.myhr-bread.mobile-bread .breadcrumb .dropdown ul{padding-left:0px;}
.myhr-bread.mobile-bread .breadcrumb .dropdown li{list-style:none;clear:both;}
.myhr-bread.mobile-bread .breadcrumb .dropdown li p, .myhr-bread.mobile-bread .breadcrumb .dropdown li a {float: left;margin-bottom: 4px;}
.myhr-bread.mobile-bread .breadcrumb .dropdown li p:first-child{width:30%}
.myhr-bread.mobile-bread .breadcrumb .dropdown li p:last-child{width:70%}
.myhr-bread.mobile-bread .breadcrumb .dropdown .dropdown-menu:before {right: auto;left: -20px;}
.myhr-bread.mobile-bread .breadcrumb .dropdown.visible-xs .client-avatar img {-webkit-animation: bubble 1s linear infinite;animation: bubble 1s linear infinite;}
/*My Profile Jul6*/
.profileTab-J6{}
.profileTab-J6 .header{background-color: #eeeeee; margin: 0px; height: 120px;}
.profileTab-J6 .header-Main{ padding: 0 30px; position: relative;top: 0;margin-top: -80px;}
.profileTab-J6 .header-Main .j6-inner{ background-color: #fff; padding: 5px; border-radius: 10px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;}
.profileTab-J6 .header-Main .height1{ height: auto !important; }
.profileTab-J6 .header-Main .height2{ height: auto !important; }
.profileTab-J6 .header-Main .j6-inner.height1 .imgPart{height: 256px;}
.profileTab-J6 .header-Main .j6-inner.height2 .imgPart{ height: 330px;}
.profileTab-J6 .header-Main .j6-inner .imgPart{ background-color: #eee;border-radius: 10px 0 0 10px; width: 20%;}
.profileTab-J6 .header-Main .j6-inner .imgPart .un-image{ width: 125px; height: 125px; }
.profileTab-J6 .header-Main .j6-inner .imgPart .un-container {border-radius: 50%;position:absolute;top: 50%;text-align: center;transform: translate(-46%,-48%);left: 50%;-webkit-transform: translate(-46%,-48%);z-index:2;}
.profileTab-J6 .header-Main .j6-inner .imgPart .single-chart .un-circular-chart{position: absolute;top: 50%;text-align: center;left: 50%;height: 150px;transform: translate(-50%, -50%) rotate(180deg);-webkit-transform: translate(-50%, -50%) rotate(180deg);z-index: 1;}
.profileTab-J6 .header-Main .j6-inner .imgPart .single-chart .un-circular-chart .circle-bg{ stroke: #fff; stroke-width: 3; }
.profileTab-J6 .header-Main .j6-inner .imgPart .single-chart .un-circular-chart .circle{ stroke-width: 2; }
.profileTab-J6 .header-Main .j6-inner .imgPart .un-middle {width: 90%;}
.profileTab-J6 .header-Main .j6-inner .imgPart .un-middle .un-text {font-size: 14px;padding: 5px 0px;}
.profileTab-J6 .header-Main .j6-inner .imgPart .percentage {font-size: 14px !important;background-color: #fff;padding: 3px 7px;font-weight: 500;border-radius: 50px;position: absolute;
text-align: center;transform: translate(-50%,-50%);left: 50%;white-space: nowrap;z-index:2}
.profileTab-J6 .header-Main .j6-inner .dataPart{ width: 80%; padding: 0px 5px 0px; }
.profileTab-J6 .header-Main .j6-inner .dataPart h1{ font-weight: 600 !important; color: #1c84c6 !important; margin: 8px 0 5px; font-size: 40px; text-transform: capitalize;}
.profileTab-J6 .header-Main .j6-inner .dataPart h3{ text-transform: uppercase; font-size: 22px; margin-bottom: 7px}
.profileTab-J6 .header-Main .j6-inner .dataPart .leftSectionLabels{ border-radius: 50px !important; font-size: 11px !important; width: auto !important; margin:0; padding: 4px 12px; margin-right: 6px;white-space:nowrap;}
.profileTab-J6 .header-Main .j6-inner .dataPart .nameProtion{ border-bottom: 2px solid #ddd; padding: 0 10px; }
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion{ padding: 0px; border-bottom: 1px solid #ddd;clear: both; }
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box{ padding: 7px 10px; }
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box label{ margin-bottom: 1px; color: #1c1c1e;  font-size: 17px;}
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box label i {font-size: 14px;color: #1c1c1e;}
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box label i.fa-mobile{font-size: 20px;}
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box .data{ font-size: 16px; }
.profileTab-J6 .header-Main .Sec-Prt-2{ padding: 0; margin-top: 15px;}
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info{ padding: 0; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; text-align: center; border-radius: 10px;}
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info h4{ color: #676a6c; font-size: 20px; margin-top: 11px; font-weight: 600;}
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info .img-circle{ height: 70px; width: 70px; }
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info .loader{ height: 70px; width: 70px;border-radius: 50px; background-color: #eee; border-radius: 50px; margin: auto;}
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info .name{ font-size: 25px; font-weight: 500; margin: 10px 0 1px; color: #1c1c1e}
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info .newlab-blue{ background-color: #2977f5 !important; color: #ffffff !important; }
.profileTab-J6 .header-Main .Sec-Prt-2 .mana-Info .line{ border: 1px solid #eee; margin: 10px 15px; }
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info { padding-right: 0px; padding-left: 0;}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box-outt{ padding: 0 5px; }
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border-radius: 10px; padding: 7px; background-color: #fff;}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box .phone{ color: #fff; padding: 2px 1px 2px 6px; background-color: #1c84c6; border-radius: 4px; margin-right: 5px; font-size: 12px; }
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box .mail{ color: #fff !important; padding: 2px 5px 2px 5px; background-color: #1c84c6; border-radius: 4px; margin-right: 5px; font-size: 12px; }
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box-green{ border-left: 4px solid #2CA01C !important; border-right: none; color: #2CA01C}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box-blue{ border-left: 4px solid #0095F6 !important; border-right: none; color: #0095F6}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box-red{ border-left: 4px solid #F65959 !important; border-right: none; color: #F65959}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box-black{ border-left: 4px solid #676a6c; border-right: none; color: #676a6c}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box .part-1{ font-size: 20px; font-weight: 500; margin-bottom: 8px;}
.profileTab-J6 .header-Main .Sec-Prt-2 .add-Info .box .part-2{ background-color: #eee; padding: 10px 10px; border-radius: 4px; font-size: 15px; font-weight: 500; color: #1c1c1e; text-align: left; height: 100px; overflow-y: auto;}
.profileTab-J6 .bnefit-panel{background-color: #eee; margin-top: 15px; border-radius: 10px;}
.profileTab-J6 .bnefit-panel h1{ font-weight: 500; color: #1c1c1e; margin-top: 40px;}
.profileTab-J6 .bnefit-panel .progress-mini, .profileTab-J6 .bnefit-panel .progress-mini .progress-bar{ height: 8px; }  
.profileTab-J6 .bnefit-panel ul{ list-style: none; margin: 0; padding: 0; display: inline-flex;margin-top: 15px;}
.profileTab-J6 .bnefit-panel ul li{ height: 185px; width: 160px; position: relative; padding: 0px 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; border: none; margin: 30px 8px 15px; background-color: #fff; cursor: pointer;}
.profileTab-J6 .bnefit-panel ul li:hover{ background-color: #f6f6f6;}
.profileTab-J6 .bnefit-panel ul li:hover .circle .fa{-webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
.profileTab-J6 .bnefit-panel ul li .circle{ height: 60px !important; width: 60px !important; font-size: 30px; line-height: 60px !important; border-radius: 200px; margin-left: auto; margin-right: auto; margin-top: -33px; font-weight: 600; text-align: center;}
.profileTab-J6 .bnefit-panel ul li:nth-child(1) .circle{ background-color: #56BDFF; color: #fff; }
.profileTab-J6 .bnefit-panel ul li:nth-child(2) .circle{ background-color: #F67F59; color: #fff; }
.profileTab-J6 .bnefit-panel ul li:nth-child(3) .circle{ background-color: #38D822; color: #fff; }
.profileTab-J6 .bnefit-panel ul li:nth-child(4) .circle{ background-color: #5690FF; color: #fff; }
.profileTab-J6 .bnefit-panel ul li .text{ text-align: center; font-size: 18px; color: #1c1c1e; font-weight: 500; margin-top: 15px; cursor: pointer;}
.profileTab-J6 .bnefit-panel ul li .text2{ text-align: center; font-size: 12px; }
.profileTab-J6 .bnefit-panel ul li h1{ text-align: center; margin-top: 12px;}
.profileTab-J6 .bnefit-panel .moreOptions{ height: 50px; width: 50px; text-align: center; line-height: 50px; border: none; color: #1C84C6; background-color: #fff; transform: translateY(160%); position: absolute; top: 50%; cursor: pointer; border-radius: 50px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}
.profileTab-J6 .bnefit-panel .carousel-inner > .item > img{ height: 100% !important; }
.profileTab-J6 .bnefit-panel .carousel-indicators {bottom: -10px;}
.profileTab-J6 .bnefit-panel .ben-lab-green{width: 16% !important;}
.mblbnefit .unBox-j14:nth-child(1){padding:0px !important;padding-left:5px !important;margin-left: -10px;}
.mblbnefit .unBox-j14 .data{height: auto !important;padding-top: 4px;}
.profile-blk #ProfileCard .mblbtm-mnu a{font-size: 20px;background-color: #fff;padding: 5px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #9b9aec !important;border-radius: 30px;width: 40px;height: 40px;display: inline-block;}
.profile-blk #ProfileCard .mblbtm-mnu >ul >li p {margin: 4px 0px 0px;font-size:12px;}
.profile-blk #ProfileCard .mblbtm-mnu .mnu-expand {left: 10px;}
.profile-blk #ProfileCard .mblbtm-mnu.show .mnu-expand {left:auto;}
.profileTab-J6 .profilecardHead.fixed{position:fixed;z-index:99;top: 103px;height: 100px !important;}
.profileTab-J6 .profilecardHead.fixed .un-middle,.profileTab-J6 .profilecardHead.fixed  .detailsProtion{display:none !important;}
.profileTab-J6 .profilecardHead.fixed .imgPart .percentage {padding: 4px 1px !important;font-size: 15px !important;}
.profileTab-J6 .profilecardHead.fixed .imgPart .percentage span{display:none;}
.profileTab-J6 .profilecardHead.fixed .dataPart .nameProtion {border-bottom: 0px !important;}
.profileTab-J6 .profilecardHead.fixed .imgPart {width: 6% !important;height: 85px !important;}                                                            
.profileTab-J6 .profilecardHead.fixed .imgPart .un-image {width: 60px !important;height: 60px !important;}                                                          
.profileTab-J6 .profilecardHead.fixed .single-chart .un-circular-chart {height: 70px !important;}
.profileTab-J6 .profilecardHead.fixed .dataPart h3 {float: left;margin-right: 5px;font-size: 17px;}
.profileTab-J6 .profilecardHead.fixed .dataPart h1 {font-size: 30px;}
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box.skillbox .data{max-height: 40px;overflow-y:hidden;}
.profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box.skillbox:hover .data{overflow-y:hidden;}
.unBox-j14:nth-child(1) {padding-left: 0 !important; padding-right: 5px;}
.unBox-j14:nth-child(2) {padding-left: 5px !important; padding-right: 0px;}
.unBox-j14 .content{padding: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 10px;margin: 5px;}
.unBox-j14 .heading{ background-color: #eee; padding: 7px;}
.unBox-j14 .heading span{ font-size: 20px; font-weight: 500; padding-left: 5px; color: #1c1c1e; }
.unBox-j14 .heading a.responsive-filter{color: #1c1c1e;}
.unBox-j14 .heading .totalrec{ background-color: #fff; margin-left: 5px; font-size: 18px; padding: 3px 6px; border-radius: 5px; color: #1c84c6; font-weight: 600; }
.unBox-j14 .heading i{ float: right; padding: 5px; font-size: 20px; }
.unBox-j14 .data{ height: 265px; overflow-y: auto; padding: 10px 2px;}
.unBox-j14 .data .item{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; padding: 10px 8px; display: block; overflow: hidden; margin-bottom: 10px; background-color: #f6f6f6;}
.unBox-j14 .data .item .circle{ float: left; height: 40px; width: 40px; background-color: #1c84c6; color: #fff; line-height: 40px; text-align: center; font-size: 18px; }
.unBox-j14 .data .item .name{ font-size: 20px; font-weight: 500; color: #1c1c1e; }
.unBox-j14 .data .item .badge{ background-color: #2cA01C !important; color: #ffffff !important; padding: 4px 10px; font-size: 12px; }
.unBox-j14 .data .item .viewmore{ margin-top: 29px; font-weight: 500; color: #1c84c6; cursor: pointer; float: right;}
.unBox-j14 .nodata-blk{ display: grid !important; justify-items: center; padding: 20px 25px; }
.unBox-j14 .nodata-blk h2{ margin-top: 4% !important; width: 100%; padding: 0; text-align: center; font-size: 17px; line-height: 1; font-weight: 500; color: #676a6c; }
.MyProfile .profileTab-J6 .header-Main {padding: 0 10px;}
.employeeleftSection .un-dd-emp{height: 1141px !important;}
/*Action Cnter*/
.actionCenterF9{}
.actionCenterF9 .header{ background-color: #eeeeee; margin: 0px; }
#actionCenterModal .headingWord{ padding: 18px 20px 8px; display: flex; }
#actionCenterModal .headingWord .left{ width: 8%; }
#actionCenterModal .headingWord .left img{ width: 100%; }
#actionCenterModal .headingWord .right{ padding: 5px 20px 0; }
#actionCenterModal .headingWord .right h1{ margin: 0; font-weight: 600; color: #0d3169; }
#actionCenterModal .headingWord .right h4{ color: #48484a; font-weight: 400; font-size: 18px; margin-top: 10px; }
.actionCenterF9 .header .modal-title{ float: left; color: #1c1c1e; font-size: 20px; padding: 7px; }
.actionCenterF9 .header .bwt-cancel{ background-color: rgba(221, 221, 221, 1); color: #676A6C !important; float: right; margin: 5px; }
.actionCenterBoxesF9 .onBoardingJ13lst .icon-Part-grey{font-size: 18px; font-weight: 600; height: 40px; width: 40px; line-height: 41px;}
.actionCenterBoxesF9 .onBoardingJ13lst .text { color: #1c1c1e; font-weight: 500; font-size: 15px;}
.actionWaring-Popup{ position: absolute; background-color: #f5f5f5; width: 200px; left: -88px; top:50px; padding: 6px; border-radius: 5px; box-shadow: 0 3px 6px #00000029; animation: jumpInfinite 1.5s infinite;}
.actionWaring-Popup:after{ content: " "; position: absolute; right: 82px; top: -10px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #f5f5f5; }
.actionWaring-Popup .head{ font-size: 16px; font-weight: 600; border-bottom: 1px solid; padding-bottom: 2px; margin-bottom: 3px; color: #1c84c6 !important; text-align: center; }
.actionWaring-Popup .content{ text-align: center; }
.actionWaring-Popup .btn-Pan{ text-align: center; }
.actionWaring-Popup .btn-Pan .btn{ width: 46%; margin: 0; padding: 3px 1px !important; font-size: 12px; }
/*Personal Tab*/
.profile-tab .table-user-information tbody tr td:first-child {font-weight: 500;}
.profile-tab .cntct-info .table-user-information tbody tr:first-child td {border-top: 0px;}
.profile-tab #ProfileCard .addressHeader{margin-bottom:0px !important;background-color: #1c84c6;}
.profile-tab #ProfileCard .btm-adr .shadowBorder {padding: 5px;border-radius: 3px 3px 10px 10px !important;min-height: 90px;}
.profile-tab #ProfileCard .col-lg-4.col-md-4 p{font-size: 16px;}
.profile-tab #Personal .shadowBorder.panel-default,.profile-tab #employment .shadowBorder {border-radius: 20px !important;background-color: #fff !important;}
.profile-tab #Personal{padding-bottom: 45px;}
.profile-tab #Personal tbody tr td, .profile-tab #employment .table tr td, .profile-tab #Personal tbody tr td p,
.profile-tab #employment .table tr td p, .profile-tab #employment .table tr td a {font-size: 19px !important;white-space: nowrap;color: #3d3d3d !important;} 
.profile-tab #employment .table tr td.bold, .profile-tab #employment .table tr td.bold {font-weight: 500 !important;}
.profile-tab #Personal .shadowBorder.panel-default .panel-body{position:relative; }
.profile-tab #Personal #personalinfo-sec .table {}
.profile-tab #Personal #personalinfo-sec .table tr:first-child td,.profile-tab #Personal #DrivingLicense-sec .table tr:first-child td{border-top:0px;}
.profile-tab #Personal #DrivingLicense-sec .table tr td{vertical-align:top;}
.profile-tab #Personal #DrivingLicense-sec .nodataDl img{width: 30%;margin: 0 auto;}
.profile-tab #Personal .shadowBorder.panel-default label{color: #000;font-weight: 400;font-size: 18px;}
.profile-tab #Personal .shadowBorder.panel-default .col-sm-9 p{color: #000;font-weight: 500;font-size: 18px;}
.profile-tab #Personal .addressHeader {background-color: #eee !important;color: #1c84c6 !important;border-radius: 20px 20px 0 0!important;padding: 8px 20px;font-size: 20px !important;font-weight: 500;}
.profile-tab #Personal .per-desc{font-size: 18px;padding: 8px;color: #000;}
.profile-tab #Personal  .bwt-verifyId,.profile-tab #Personal .dd-green-label{margin-left: 5px;margin-top: 6px;color: #fff !important;background-color: #2ca01c !important;}
.mblList{padding-left:0px;}
.mblList li{list-style:none;width:100%;display: inline-block;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.mblList li:last-child{border-bottom:0px;}
.mblList li p{float:left;margin-bottom: 0px;font-size:20px;}
.mblList li p:first-child{font-weight:500;width:35%;}
.mblList li p:last-child{width:65%;}
.profile-tab .fixed-head-myhr.per-fixed-links{background-color: #eee;top:153px;padding: 5px 10px 5px!important;}
.profile-tab .fixed-head-myhr.per-fixed-links.title-fixed{top:95px !important;}
.profile-tab #employment .rt .shadowBorder .table tbody{ width: 100%; display: block;}
.profile-tab #employment .rt .shadowBorder .table tbody tr{width:100%;display: table;} 
.profile-blk .sticky {width: calc(100% - 232px);padding-top: 7px;}
.md-skin.mini-navbar .profile-blk .sticky {width: calc(100% - 87px);}
.ppl-profile-blk.profile-blk .profile-tab .fixed-head-myhr.per-fixed-links.title-fixed {top: 142px !important;}
.ppl-profile-blk .profile-tab .fixed-head-myhr.title-fixed {top: 140px !important;    background-color: #eee !important;}
.ppl-profile-blk .profile-tab #compensation .fixed-head-myhr.title-fixed {width: calc(100% - 250px) !important;}
.ppl-profile-blk .profile-tab .fixed-head-myhr.title-fixed.pplbtnCol {top: 105px !important;}
.ppl-profile-blk .profile-tab #compensation .pplbtnCol .fixed-head-myhr.title-fixed {top: 108px !important;}
.md-skin.mini-navbar .ppl-profile-blk .profile-tab #compensation .fixed-head-myhr.title-fixed {width: calc(100% - 95px) !important;}
.profile-tab #compensation .panel-heading .prof-head .img{float:left;}
.profile-tab #compensation .panel-heading .prof-head .lft{float:left;width: calc(100% - 50px);}
.profile-tab #compensation .panel-heading .prof-head .lft h4{margin-left:0px !important;}
.profile-tab .per-fixed-links ul{padding-left:0px;margin-top: 5px;}
.profile-tab tbody:before {display: none !important;}
.profile-tab #projects .pagination-new p{border-radius:30px;}
.profile-tab #projects .projTbody{top: -20px !important;}
.profile-tab #projects .projTbody tr th{background-color:#eee;}
.profile-tab #projects .projTbody td{white-space:nowrap; padding:6px 8px !important;font-size: 18px;text-transform: capitalize; font-weight: 500;}
.profile-tab #projects .projTbody td p,.profile-tab #projects .projTbody td p.client-inactive{ float: left; color: #fff;
border-radius: 50px;margin-bottom: 0px;text-align: center; padding: 5px 16px;background-color: #1ea2fe; font-size: 15px;}
.profile-tab #projects .projTbody td .circle-progress,.profile-tab #projects .projTbody td .circle-progress-inactive {height: 40px;width: 40px;line-height: 43px;background-color:#D74555!important;color: #fff !important;
border-radius: 50%;text-align: center;font-size: 15px;}
.profile-tab #projects .projTbody td:last-child .bwt-hrv,.profile-tab #ptoplan .table td:last-child .bwt-hrv{display: block;visibility: hidden;opacity: 0;}
.profile-tab #projects .projTbody tr:hover td:last-child .bwt-hrv,.profile-tab #ptoplan .table tr:hover td:last-child .bwt-hrv{visibility:visible;opacity: 1;}
.profile-tab #projects .add-etit-shdw {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border-radius: 5px;padding: 10px;}
.profile-tab #projects .add-etit-shdw input{ border-radius: 0px 25px 25px 0px;font-size: 17px;}
.profile-tab #projects .add-etit-shdw select{font-size:17px;}
.profile-tab #projects .add-etit-shdw .input-group-btn button {height: 35px;}
.profile-tab #projects .add-etit-shdw .control-label{color: #000;font-size: 17px;font-weight: 500;}
.add-etit-shdw .myhrprojAssign .cusMainBodyM4 .dataPart {width: 100% !important;}
.myhrProModal.cusFullDetModal .modal-dialog {width: 50% !important;}
#projects .add-etit-shdw .cusMainBodyM4 .header-Main .j6-inner .dataPart .detailsProtion .box {padding: 5px 5px 10px !important;}
.profile-tab #projects .projTbody td .circle-badge,.profile-tab #projects .projTbody td .circle-progress-inactive{color: #fff !important;background-color: #2ca01c !important;height: 30px !important;width: 30px !important;line-height: 30px !important; border-radius:50px; font-size: 15px !important; }
.profile-tab #projects .projTbody td .circle-badge-inactive {background-color: #ddd !important;height: 30px !important;width: 30px !important;line-height: 30px !important;color: #48484a; font-size: 15px !important;}
.profile-tab #projects .projTbody tr,.table-radius tr{color: #363535 !important;background-color: #ffff !important;font-size: 17px;}
.profile-tab #projects .projTbody tr:hover {background-color: #ececec !important;}
.profile-tab #projects .projTbody tr th:first-child,.table-radius tr th:first-child{border-radius: 15px 0px 0px 0px;}
.profile-tab #projects .projTbody tr th:last-child,.table-radius tr th:last-child{border-radius: 0px 15px 0px 0px;}
.profile-tab #projects .candidate-mbllst span.circle-badge.circle-badge-inactive {background-color: #707070 !important;}
.profile-tab #eproject .fixed-head-myhr .dd-dept-mobileinfo {display: none;margin: -4px 0px 0px;box-shadow: inherit !important;padding: 0px;}
.profile-tab #ptoplan .circle-badge {width:35px !important;height:35px !important;line-height:35px;}
.profile-tab #ptoplan .table  td,.profile-tab #ptoplan .table  td small{font-size:17px;}
.profile-tab #ptoplan .table  th{font-size:16px;background-color: #ddd;color: #1c1c1e;}
.profile-tab .panel-heading .emp-heading{margin-top: 1px !important;font-size:30px !important;color: #1C84C6 !important;text-transform: uppercase;}
.profile-tab #ptoplan .table td span.label-danger,.profile-tab #ptoplan .table td span.label-success,.profile-tab #ptoplan .candidate-mbllst .label-danger,.profile-tab #ptoplan .candidate-mbllst .label-success{min-width: 100px;color: #fff;border-radius: 25px;margin-bottom: 0px;text-align: center;line-height: 22px;padding: 4px 10px;font-size: 12px;}
.profile-tab #ptoplan .table  tr:hover{background-color: #f1f1f1 !important;}
.profile-tab #ptoplan .add-etit-shdw{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border-radius: 4px;padding:6px;}
.profile-tab .panel-heading .emp-type.text-uppercase,.document-blk .fixed-head-myhr .col-md-10 .right .emp-type {padding: 0px 8px 4px;color: #fff;margin-top: 10px !important;font-size: 14px !important;font-weight: bold;background-color: #2ca01c;padding-top: 3px;position: relative;top: -3px;border-radius: 6px;height: 24px;white-space:nowrap;}
.profile-tab .fixed-head-myhr {margin: 0px 1px 10px;background-color: #fff;padding: 5px 15px 5px 15px !important;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 5px;background-color: #eeeeeeb5 !important;}
.profile-tab .fixed-head-myhr .thumb,.profile-tab .fixed-head-myhr .thumb img{height: 40px !important;width: 40px !important; margin-top: 0px !important;position: relative;top: 4px;}
.profile-tab .fixed-head-myhr.title-fixed,.dirdept-new .fixed-head-myhr.title-fixed {top: 94px !important;width: calc(100% - 216px) !important;margin-left: -5px;position: fixed;z-index: 100;background-color: #eee !important;}
.md-skin.mini-navbar .profile-tab .fixed-head-myhr.title-fixed,.md-skin.mini-navbar .dirdept-new .fixed-head-myhr.title-fixed{width: calc(100% - 79px) !important;}
.ppl-profile-blk .dirdept-new .fixed-head-myhr.title-fixed {top: 140px !important;margin-left: 0px;width: calc(100% - 232px) !important;}
.profile-tab .document-filter .fixed-head-myhr.title-fixed {width: calc(100% - 257px);}
.ppl-profile-blk .pplbtnCol .dirdept-new .fixed-head-myhr.title-fixed {top: 105px !important;}
.profile-blk #addresses #addressReadOnly .col-xs-6.col-md-4, .profile-blk #addresses #addressReadOnly .col-xs-6,
.profile-blk #addresses #addressReadOnly .col-xs-4 {margin-bottom: 15px !important;color: #000;font-size: 18px;}
.profile-blk #addresses .AddressAddEditBox select, .profimyteam-mnthlycrd-fille-blk #addresses .AddressAddEditBox input {    border-radius: 0px 25px 25px 0px !important;}
.profile-blk #addresses .AddressAddEditBox {margin-top: 12px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%);border: 0px;border-radius: 15px !important;padding: 10px 10px 35px;position:relative;}
.profile-blk #addresses .AddressAddEditBox .responsive-filter {position: absolute;right: -1px;top: 0px;background-color: #eee;padding: 7px 14px 5px 15px;border-radius: 2px 13px 0px 41px;font-size: 19px;z-index:1;}
.profile-blk #addresses .AddressAddEditBox .input-group{margin-top:10px;}
.profile-blk #addresses .AddressAddEditBox .input-group-addon{border-radius: 25px 0px 0px 25px;padding: 6px 15px;}
.profile-blk #addresses .AddressAddEditBox .form-control{font-size:18px;}
.profile-blk #addresses .AddressAddEditBox .input-group .check-box-cover{margin-top: -10px !important;}
/*Profile- Benefits tab*/ 
.profile-tab .benefitspge .middle .circle-badge {font-weight: 500;line-height: 25px;}
.grid-list-sec {box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);padding: 2px 3px 2px;border-radius: 20px;background-color: #fff;position: relative;top: 5px;margin: 0px 25px 0px 25px;}
.grid-list-sec2 {box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);padding: 2px 3px 2px;border-radius: 20px;background-color: #fff;     position: relative;top: 5px;margin: 0px 9px 0px 6px;}
.profile-blk #addresses .fixed-head-myhr .col-sm-4 .adrshowall {background-color: #2ca01c;color: #fff;border-radius: 5px;outline: none !important;padding: 1px 10px;
position: relative;top: 11px;font-size: 18px;border: none;z-index: 9;}
.grid-list-sec .nav.nav-tabs{border-bottom:0px}
.grid-list-sec #tabMenu.active{border-radius: 25px;}
.grid-list-sec #tabMenu.active > a {background-color: #e1e1e1 !important;border-bottom: 0px !important;color: #1c84c6 !important;}
.grid-list-sec #tabMenu a {text-align: center;border: 0px !important;border-radius: 22px;padding: 7px 5px !important;font-size: 21px;width: 35px;height: 35px;margin-right: 9px;line-height: 30px;}
.grid-list-sec #tabMenu:last-child a {margin-right: 0px;}
.grid-list-sec #tabMenu a i {margin-right:0px !important;display: block;}
.grid-list-sec2 .nav.nav-tabs {border-bottom: 0px}
.grid-list-sec2 #tabMenu.active {border-radius: 25px;}
.grid-list-sec2 #tabMenu.active > a { background-color: #e1e1e1 !important;border-bottom: 0px !important; color: #1c84c6;}
.grid-list-sec2 #tabMenu a {text-align: center;border: 0px !important;border-radius: 22px;padding: 1px 5px !important;font-size: 21px;width: 35px;height: 35px;margin-right: 9px;line-height: 30px;}
.grid-list-sec2 #tabMenu:last-child a {margin-right: 0px;}
.grid-list-sec2 #tabMenu a i {margin-right: 0px !important;display: block;}
.address-list-blk {box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);margin-top: -7px;padding: 5px 5px;padding-bottom:50px !important; margin-bottom: 25px;overflow: hidden;border-radius: 5px;}
.address-list-blk .addr-list .top{background-color: #f2f2f2;margin-bottom: 7px !important;margin-left: 0px !important;border-radius: 4px;}
.address-list-blk .addr-list{margin-bottom: 5px;/*overflow: hidden;*/}
.address-list-blk .addr-list .filter-text {padding: 8px 10px;border-radius: 10px 10px 0px 0px;text-transform: capitalize;font-size: 25px !important;margin: 0px;color: #2486c6;opacity: 1 !important;font-weight: 400;background-color: #f2f2f2;}
.address-list-blk .addr-list .table{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 0px 0px 10px 10px;}
.address-list-blk .addr-list .action a {width: 37px;height: 37px;font-size: 20px !important;margin-right: 6px;} 
.profile-blk #addresses table td {font-size: 21px;border: 0px;color: #595959;}
.profile-blk #addresses table td .show-mre {background-color: transparent;color: #1c84c6 !important;font-size: 17px;display: inline-block;font-weight: 700;}
.profile-blk #addresses table:hover .show-mre{text-decoration:underline;}
.profile-blk #addresses table td .zip-cde{color: #07c8b6;}
.address-list-blk .addr-list .bottom{position:relative;}
.profile-blk #addresses .address-list-blk table td{border-top:0px;font-size:21px;}
.profile-blk #addresses .address-list-blk table td:last-child {padding-right: 0px;width: 35%;}
.address-list-blk .addr-list .circle-badge, .address-grid .circle-badge {width: 35px !important;border-radius: 95%;margin-right: 15px;height: 35px !important;font-size: 27px;padding: 4px;display: inline-block;}
.address-list-blk .addr-list .circle-badge{height: 40px !important;width: 40px !important;font-size: 26px;padding: 6px 4px;}
.address-grid .circle-badge{margin-right: 0px;line-height: 23px !important;position: relative;top: -2px;}
.md-skin .address-list-blk .addr-list .circle-badge,.md-skin .address-grid .circle-badge{color:#fff !important;}
.address-grid .timecard-boxtool .pull-left a {position: relative;top: -1px;font-size: 25px;text-transform: capitalize;margin-left: 0px;font-weight: 500;color: #303030 !important;}
.address-list-blk .addr-list .circle-badge.label-inactive{background-color: #707070 !important;}
.profile-tab #addresses .action a {display: inline-block;margin-left: 5px;float: left; padding: 6px 10px !important;text-align: center;}
.profile-tab #addresses .action a.btn-copy:focus{transform: scale(1.2);}
.profile-tab #addresses .action a i {position: relative;top: -2px;left: -1px;}
.profile-tab #addresses a.bwt-info {color: #676A6C !important;font-size: 19px !important;padding: 2px 0px !important;} 
.profile-blk #addresses .address-list-blk .addr-list .action.rounded-action a.bwt-info {font-size: 25px !important;padding: 4px 0px !important;}
.profile-blk #addresses .address-list-blk .addr-list span.text-16px { color: #f3f3f3 !important;font-size: 17px !important;margin-top: 1px !important;}
.profile-tab #addresses .action .dropdown-menu {left: auto;width: 280px;right: 0px;}
.profile-tab #addresses .action .dropdown-menu:before{display:none;}
.profile-tab #addresses .info-sec .addressCreated{width: 50% !important;top: 45px !important;right: -10px;z-index: 99;bottom: auto !important;}
.profile-tab #addresses .address-list-blk .addr-list .info-sec .addressCreated {width: 30% !important;right: 50px;}
.address-grid address {margin-bottom:0px;}
.address-grid .col-sm-12 .contact-box {min-height: auto;height: auto;margin-left: 0px;margin-right: 15px;padding: 0;border-radius: 15px 15px 0px 0px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;overflow:hidden;}
.address-grid .col-sm-12:nth-child(2) .contact-box {min-height: 163px !important;}
.profile-blk #addresses .adrbtn-hover{position: absolute;transition: all 0.6s ease;top: 11px;width: 145px;right: -65px;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;background-color: #eee;z-index: -9;}
.profile-blk #addresses .unhover-btn{background-color: #eee;padding: 5px 5px 5px 0px;}
.profile-blk #addresses .addr-list .unhover-btn {background-color:#fff;padding-right: 0px;}
.profile-blk #addresses .addr-list:hover .unhover-btn {background-color: #f9f9f9;}
.profile-blk #addresses .addr-list .action.rounded-action{position: relative;z-index: 9;}
.profile-blk #addresses .addr-list .adrbtn-hover{width: 195px;top: 5px;background-color: #f9f9f9;right: -95px;}
.profile-blk #addresses .addr-list:hover .adrbtn-hover{right: 92px;}
.profile-blk #addresses .addr-list .adrbtn-hover a.btn-copy{position:relative;}
.profile-blk #addresses .contact-box:hover .adrbtn-hover {right:72px;}
.profile-blk #addresses .addr-list .table > tbody > tr:hover {background-color: #f9f9f9 !important;}
.copy_tooltip {display: block;font-size: 80%;position: absolute;background: #2aa713;color: #fff;padding: 0.5rem 1rem;border-radius: 4px;top: 36px;right: 0px;margin: auto;width: 130px;left: calc(100% - 205px);}
.copy_tooltip_dd {display: block;font-size: 80%; position: absolute;  background: #2aa713; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; top: 0px; margin: 0; width: 130px; left: 124px;}
.copy_tooltip_dd:before { content: ""; position: absolute; top: 22%; right: 106%; margin-right: -8px; width: 0; height: 0;border-left: transparent; border-right: 8px solid #2aa713; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.profile-blk #addresses .copy_tooltip:after{border-bottom: 8px solid #2aa713;border-right: 8px solid transparent;border-left: 8px solid transparent;
top: -15px;right: 57px;bottom: 0px;}
.profile-blk #addresses .address-grid .copy_tooltip {left: calc(100% - 130px);top: 80px;z-index: 99;}
.profile-blk #addresses .addr-list .copy_tooltip {width: 180px;left: calc(100% - 204px);z-index: 9;top: 80px;}
.copy_tooltip {-webkit-animation: slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;animation: slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;}
.copy_tooltip:after {content: "";position: absolute;top: 23%;right: 0px;margin-right: -8px;width: 0;height: 0;border-left: 8px solid #2aa713;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
@-webkit-keyframes slide-up {
  0% {-webkit-transform: translateY(0) scale(0.8); transform: translateY(0) scale(0.8);opacity: 0;}
  100% {-webkit-transform: translateY(-35px) scale(1);transform: translateY(-35px) scale(1);opacity: 1;}
}
@keyframes slide-up {
  0% {-webkit-transform: translateY(0) scale(0.8);transform: translateY(0) scale(0.8); opacity: 0;}
  100% {-webkit-transform: translateY(-35px) scale(1);transform: translateY(-35px) scale(1);opacity: 1;}
}
.address-grid .col-sm-12 .contact-box .timecard-boxtool{background-color: #eee;padding: 6px 0px 5px 7px;border-radius: 15px 15px 0px 0px;z-index: 9;}
.address-grid table td strong{font-weight: 400;}
.address-grid .timecard-boxtool .label-primary {background-color: #1aaf54 !important;}
.address-grid .timecard-boxtool .label-inactive {background-color: #707070 !important;}
.address-grid .address {margin-bottom: 0px !important;}
.profile-tab #employment .panel-body.p-5  {padding: 0px !important;}
.profile-tab #employment .shadowBorder .top  {padding: 6px 10px;}
.profile-tab .empl-right .table td{border-top:1px solid #eee;width: 50%;}
.profile-tab .empl-right .table td:last-child {font-weight: 400 !important;color: #000;}
/*Employement New Dsign*/
.profile-tab .empl-left {padding: 5px !important;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 23%) !important;border-radius: 7px;}
.profile-tab .empl-left .thumb {width: 70px;height: 70px;border-radius: 50%;object-fit: cover;display: block;float:left;}
.profile-tab .empl-left .rounded-action{float: left;margin-top: 40px;}
.profile-tab .empl-left .desc{clear:both;margin: 8px 0px;}
.profile-tab .empl-left .text-uppercase {width: 100%;display: block;}
.profile-tab .empl-left .text-uppercase.emp-type,.profile-tab .empl-left .onbrding-label { background-color: #2ca01c;float: left;width: auto;color: #fff;padding: 1px 5px;border-radius: 5px;margin: 6px 0px 10px;}
.profile-tab .empl-left .onbrding-label {font-size: 15px;font-weight: 400;padding: 5px 5px !important;margin-left: 5px !important;}
.profile-tab .empl-left .lft-dtl i{color:#04c011;margin-right: 5px;}
.profile-tab .empl-left .lft-dtl p {font-size: 18px;font-weight: 400;margin-bottom: 10px;clear: both;display:inline-block;width:100%;}
.profile-tab .empl-left .lft-dtl p span{float:right;width:70%;font-weight: 400;color:#000;word-break: break-all;}
.profile-tab .empl-left .lft-dtl .info-dtl {width: calc(100% - 38px) !important;}
.profile-tab .empl-left .emp-submnu {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;padding: 10px 10px 0px;
margin-top: 15px;margin-bottom: 15px;border: 1px solid #eaeaea;background-color: #fff;border-radius: 20px;}
.profile-tab .empl-left .emp-submnu ul{padding-left:0px;}
.profile-tab .empl-left .emp-submnu ul li{list-style:none;}
.profile-tab .empl-left .emp-submnu a{font-size: 17px;display: block;margin-bottom: 10px;color: #48484a;text-transform: uppercase;font-weight: 600;position: relative;padding: 5px 10px;}
.profile-tab .empl-left .emp-submnu a:hover{background-color: #eee;border-radius:5px;}
.profile-tab .empl-left .emp-submnu ul li.active a:after {content: '';position: absolute;width: 2px;height:20px;left: 0px;background-color: #00bf0e;top: 8px;border-radius: 30px;}
.profile-tab .empl-right {padding: 0px 9px;height:100vh;overflow-y: scroll;overflow-x: hidden;margin-right: 10px;width: 65%;}
.empl-edit-pge .right-sub-title{border-radius: 20px 20px 0 0 !important;color: #fff;font-size: 22px !important;font-weight: 500 !important;background-color: #1ea2fe;padding: 6px 10px;text-transform: capitalize;}
.profile-tab .empl-right .right-sub-title .icon-badge{background-color: #ffffff !important;position: relative;top: -2px;height: 30px !important;
border-radius: 30px;padding: 7px 4px;width: 30px !important;font-size: 17px !important;color: #1ea2fe;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; }
/*empl-new-pg css start*/
.profile-tab .empl-new-pg .fixed-head-myhr {background-color: rgb(232 232 232) !important;margin-top: 15px;padding:2px 10px !important;border-radius: 18px;border: 1px solid #e4e3e3;min-height: 80px;}
.profile-tab  .empl-new-pg .fixed-head-myhr.title-fixed {top:91px !important;width: calc(100% - 242px) !important;margin-left: 3px;}
.ppl-profile-blk .profile-tab .empl-new-pg .fixed-head-myhr.title-fixed {top: 125px !important;}
.ppl-profile-blk .profile-tab .empl-new-pg .pplbtnCol.fixed-head-myhr.title-fixed {top: 90px !important;}
.ppl-profile-blk .profile-tab .empl-new-pg .fixed-head-myhr .right .top{margin-bottom:0px;}
.profile-tab  .empl-new-pg .fixed-head-myhr.title-fixed .thumb {height: 40px !important;width: 40px !important;}
.profile-tab  .empl-new-pg .fixed-head-myhr.title-fixed  .emp-heading {font-size: 21px !important;}
.profile-tab .empl-new-pg .fixed-head-myhr .thumb,.profile-tab .empl-new-pg .fixed-head-myhr .thumb img {height: 70px !important;width: 70px !important;margin-top: -5px !important;}
.profile-tab .empl-new-pg .fixed-head-myhr .left{float:left;position:relative;width: 75px;height: 75px;}
.profile-tab .empl-new-pg .fixed-head-myhr .left span .img-circle{border:1px solid #ccc;}
.profile-tab .empl-new-pg .fixed-head-myhr .left p,.new-myhrhead .left p {position: absolute;right: 10px;bottom: -15px;}
.profile-tab .empl-new-pg .dot-green,.new-myhrhead .left .dot-green {height: 13px;width: 13px;}
.profile-tab .empl-new-pg .fixed-head-myhr .right{float:left;margin-left: 15px;margin-top: 4px;}
.profile-tab .empl-new-pg .fixed-head-myhr .right .emp-heading{float:left;margin-right: 10px;margin-top: 0px !important;color: #1C84C6 !important;}
.profile-tab .empl-new-pg .right .emp-type-blk {float: left;margin-top: 12px;margin-left: 5px;}
.profile-tab .empl-new-pg  .right h4,.profile-tab .panel-heading h4{color: #4c4a4a;clear: both;font-size: 19px;margin: -2px 0px 0px;} 
.profile-tab .empl-new-pg .fixed-head-myhr .right .floatL,.new-myhrhead .right .floatL{clear:both;margin-left: -5px;margin-top: 5px;}
.profile-tab .empl-new-pg .fixed-head-myhr .right .floatL .prf-blue-icon,.new-myhrhead .right .floatL .prf-blue-icon  {float:left;margin-right:6px;font-size: 17px;}
.profile-tab .empl-new-pg .fixed-head-myhr .rounded-action{margin-top: 30px;}
.profile-tab .empl-new-pg .fixed-head-myhr.title-fixed .rounded-action{margin-top: 25px;}
.profile-tab .copytxt .fa-copy{display:initial !important;visibility:hidden;}
.profile-tab .copytxt:hover .fa-copy{visibility:visible;}
.profile-tab .panel-heading h4{margin-left: 50px;margin-top: -5px;}
.profile-tab .prof-head{display:inherit !important;}
.profile-tab .empl-new-pg .fixed-head-myhr .right .rounded-action {float:left;margin-top: 5px;}
.profile-tab .empl-new-pg .fixed-head-myhr .right .emp-type {margin-right:5px;}
.profile-tab .empl-new-btm {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;padding: 5px;border-radius: 10px;margin: 5px;}
.profile-tab .empl-new-btm .shadowBorder {border-radius: 15px !important;margin-top: 5px;}
.profile-tab .empl-new-btm .shadowBorder:hover,.profile-tab .empl-new-btm .shadowBorder:active,.profile-tab .empl-new-btm .shadowBorder:focus {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #d4e2ea !important;}
.profile-tab .empl-new-pg .fixed-head-myhr .rounded-action .bwt-cancel[ng-show="showPersonalUpdate"],.profile-tab .empl-new-pg .fixed-head-myhr .rounded-action .bwt-cancel[ng-if="showEmploymentUpdate" ] {color: #ffffff !important;background-color: #f25d5d !important;}
.profile-tab .empl-new-btm .sub-list {margin: 5px 0px 15px;background-color: #eee;padding: 8px; border-radius: 5px; padding-top: 11px;}
.profile-tab .empl-new-btm .sub-list.sublist-fixed {top: 200px !important;width: calc(100% - 252px) !important;margin-left: -3px;position: fixed;z-index: 99;}
.ppl-profile-blk .profile-tab .empl-new-btm .sub-list.sublist-fixed {top: 233px !important;}
.ppl-profile-blk .profile-tab .empl-new-btm .sub-list.sublist-fixed.pplbtnCol {top: 184px !important;}
.md-skin.mini-navbar .profile-tab .empl-new-btm .sub-list.sublist-fixed {width: calc(100% - 93px) !important;}
.profile-tab .empl-new-btm .sub-list ul {padding-left: 0;display:table;width:100%;}
.profile-tab .empl-new-btm .sub-list ul li{list-style:none;display:table-cell;}
.profile-tab .empl-new-btm .sub-list ul li a{font-weight: 500;color: #48484a;background-color: #fff;border-radius: 40px;padding: 6px 8px;border: 2px solid #ffffff;white-space: nowrap;display: inline-block;width: 90%;}
.profile-tab .empl-new-btm .sub-list ul li a i{background-color:#ccc;border-radius:50%;padding:5px;font-size:15px;margin-right:5px;color:#fff;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(1) a i{background-color:#1ea2fe;padding: 5px 7px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(2) a i{background-color: #ff9800;padding: 6px 6px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(3) a i{background-color:#2ca01cfe;padding: 6px 4px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(4) a i{background-color: #1c84c6;padding: 6px 5px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(5) a i{background-color:#ce1f6a;padding: 6px 6px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(6) a i{background-color:#5e5ce6;padding: 6px 6px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(7) a i{background-color:#ff4646;padding: 6px 7px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li:nth-child(8) a i{background-color:#df760b;padding: 5px 10px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(1) a i{background-color:#1ea2fe;padding: 6px 8px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(3) a i{padding: 6px 6px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(4) a i{padding: 6px 7px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(5) a i{padding: 6px 6px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(6) a i{padding: 6px 7px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(7) a i {background-color: #897853;padding: 6px 7px; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(8) a i{padding: 5px 8px;    background-color: #ff4646; font-size: 12px;}
.profile-tab #employment .empl-new-btm .sub-list ul li:nth-child(9) a i{background-color: #ff4646;padding: 5px 10px; font-size: 12px;}
.profile-tab .empl-new-btm .sub-list ul li.sec-select a{border: 2px solid #2ca01c;}
.profile-tab .empl-new-btm .sub-list ul li:hover a{background-color: #fff; border-radius: 40px; padding: 6px 8px;}
.emp-tasklist .bg-grey-f5 .col-md-4{float: right;width: 23%;}
.profile-tab .emp-tasklist .onBoarding-Emplo-Tab .col-md-5{padding-right:30px !important;}
.profile-tab .emp-tasklist .onBoarding-Emplo-Tab .col-md-5 .text-align-right .text-white {padding: 1px 8px !important;}
.onBoarding-Emplo-Tab .progress{background-color: #fff; height: 10px; width: 50%; float: right; margin-top: 0;}
.onBoarding-Emplo-Tab .progress-bar{height: 10px !important;}
.profile-tab #employment ..onBoarding-Emplo-Tab a.responsive-filter{}
.profile-tab .empl-new-btm .sub-title {padding: 5px;border-radius: 5px;font-weight: 500;color: #1c1c1e !important;font-size: 22px !important;background-color: rgb(238 238 238 / 68%) !important;}
.profile-tab .empl-new-btm .sub-title .icon-badge,.empl-new-edit h3 .icon-badge {background-color: #1c84c6;padding: 4px 5px;width: 27px;height: 27px !important;margin-right:10px;position: relative;top: -5px;}
.empl-new-edit .visible-xs{position:relative;}
.profile-tab .empl-new-btm a.responsive-filter,.empl-new-edit a.responsive-filter {position: absolute;top: 15px;right: 20px;color: #fff;z-index: 1;}
.profile-tab .empl-new-btm .notes-personal{margin: 10px;width:98%;}
.profile-tab .empl-new-btm .cntct-dtl{padding: 5px 0px 5px;margin-bottom:0px;}
.profile-tab .empl-new-btm .cntct-dtl .addressHeader,.profile-tab #Personal .empl-new-btm .cntct-dtl .addressHeader{border-radius:10px !important;margin: 5px;width: 97% !important;
color: #1c1c1e !important;padding-left: 10px;}
.profile-tab .empl-new-btm .cntct-dtl .addressHeader .icon-badge{border-radius:8px;}
.profile-tab .empl-new-btm .cntct-dtl .dtl{padding: 0px 10px;clear: both;display: inline-block;width: 100%;border-bottom: 1px solid #e7eaec;}
.profile-tab .empl-new-btm .cntct-dtl .dtl:last-child{border-bottom:0px;}
.profile-tab .empl-new-btm .cntct-dtl .dtl p{font-weight: 400 !important;margin-bottom: 8px;font-size: 18px !important;}
.profile-tab .empl-new-btm .cntct-dtl .dtl p:first-child{width:35%;float:left;}
.profile-tab .empl-new-btm .cntct-dtl .dtl p:last-child{width:65%;float:left;}
.profile-tab .empl-new-btm .cntct-dtl .dtl:last-child p{margin-bottom:0px;}
.profile-tab .empl-new-btm .vertical-container .un-note-text {font-weight: 400 !important; color: #48484a;}
.profile-tab .empl-new-btm .cntct-dtl .dtl p:first-child i {margin-right: 7px;color: #626262;}
.profile-tab .empl-new-btm .col-lg-8.lt{padding-right:0px;}
.profile-tab .perbtm-mnu{left: 150px;width: calc(100% - 300px);}
.profile-tab .perbtm-mnu.show{margin-left: calc(-100% - -184px);}
.profile-tab .perbtm-mnu.show .mnu-expand {top: 10px;}
.profile-tab .perbtm-mnu .switch1{left: 5px;width: 60px;top:-2px;}
.profile-tab .perbtm-mnu .mnu-expand {top: 5px;left: 10px;}
.profile-tab .table-user-information tbody tr td:first-child {font-weight: 400 !important;}
.profile-tab .empl-right a.responsive-filter{position:absolute;top:15px;right:20px;color:#fff;z-index: 1;}
.myHR-LOGIN .panel-body.mainBox{box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);border-radius: 10px;padding: 5px;width: 100%;}
.myHR-LOGIN .panel-body.mainBox .col-sm-6 {padding: 0px;}
.myHR-LOGIN .mainBox .bg-grey-ee h3{text-align: left;padding: 6px 10px;font-weight: 400;margin: 0;font-size: 25px;color: #1c1c1e;}
.myHR-LOGIN .table-user-information {margin: 0px !important;}
.myHR-LOGIN .table-user-information tbody tr td {border-bottom: 2px solid #e5e6e7 !important;}
.myHR-LOGIN .table-user-information tbody tr .copytxt .fa-copy {display: inline-block;visibility:hidden;}
.myHR-LOGIN .table-user-information tbody tr:hover{background-color:transparent;}
.myHR-LOGIN .table-user-information tbody tr .copytxt:hover .fa-copy {visibility:visible;}
.table-Details-Panel-j10 tr td:nth-child(1){width: 35%; white-space: break-spaces !important;}
.table-Details-Panel-j10 tr:nth-last-child(1) td{border: none;}
.table-Details-Panel-j10 tr:nth-child(1) td{border: none;}
.table-Details-Panel-j10 tr td:nth-child(2){width: 65%;}
.profile-tab .empl-edit-pge {padding: 0px 3px;}
.profile-tab .empl-edit-pge .panel.panel-default {border:0px;}
.profile-tab .empl-edit-pge .panel.panel-default .panel-body {padding: 0px 15px;}
.profile-tab .empl-edit-pge .right-sub-title {padding: 2px 10px;margin-bottom: 15px;}
.profile-tab .empl-edit-pge .right-sub-title h3 { font-size: 25px !important;font-weight: 500 !important;} 
.profile-tab .empl-edit-pge .icon-badge {top: 0px;float: left;margin-right: 5px;}
.profile-tab .empl-edit-pge label{font-weight:400;}
.profile-tab .empl-edit-pge label,.profile-tab .empl-edit-pge .input-group-addon,
.profile-tab .empl-edit-pge input,.profile-tab .empl-edit-pge select,.profile-tab .empl-edit-pge textarea {color:#000;font-size:17px;font-weight:500;}
.profile-tab .empl-edit-pge .btn.btn-default{color:#000;font-weight:bold;border-radius: 15px 0px 0px 15px;background-color: transparent;font-size: 16px;}
.profile-tab .empl-new-btm  .empl-new-notes #vertical-timeline{margin: 8px 10px 7px;}
.profile-tab .empl-new-btm  .empl-new-notes .shadowBorder{height: 210px;overflow: hidden;padding-bottom: 15px;}
.profile-tab .empl-new-btm  .empl-new-notes .shadowBorder:hover{overflow-y: scroll;}
.profile-tab .empl-edit-pge .Joff-onbdr .note-editor{max-width:100% !important;min-width:100% !important;} 
.profile-tab .empl-edit-pge .Joff-onbdr .desc .col-md-10 .note-editor {max-width: 99.4% !important;min-width: 99.4% !important;}
.profile-tab .empl-edit-pge .Joff-onbdr .note-editable, .profile-tab #employment .prejof-onbdr .note-editable{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.profile-tab .empl-edit-pge .Joff-onbdr .infld {width: 93%;}
.profile-tab .empl-edit-pge .Joff-onbdr .infld .note-editor,.profile-tab #employment .prejof-onbdr .note-editor{max-width:100% !important;min-width:100% !important;} 
.profile-tab .empl-edit-pge .Joff-onbdr .check-box-cover{padding-left: 25px;}
.profile-tab .empl-edit-pge .Joff-onbdr .checkmark{top: 1px;}
.profile-tab #employment .prejof-onbdr .infld {float: left;width: 92.9%;}
.profile-tab #employment .prejof-onbdr .panel-body.p-5 {margin-bottom: 15px;} 
.profile-tab #employment .prejof-onbdr .desc .col-md-3{width:20%;} 
.profile-tab .empl-edit-pge .DrivingLicen .form-group img{width:50% !important;}
.profile-tab .empl-edit-pge .DrivingLicen .drop-box{margin: 0px auto 15px;width: 100%;padding: 15px 15px 10px 15px;position: relative;background-color: #d5eefd;color: #1c84c6;border: 1px dashed #1c84c6;}
#drivingLicencePreview .modal-header h2{float: left; margin: 0px}
#drivingLicencePreview .modal-header .bwt-cancel{background-color: rgba(221, 221, 221, 1);margin: 0px;padding: 3px 9px;opacity: 1;font-size: 26px;}
#drivingLicencePreview  .imgblk{height: 95vh;}
#drivingLicencePreview .modal-header h2{float: left;margin: 0px;font-size: 25px;font-weight: 500;color: #0095f6;text-transform: capitalize;width: 94%;word-break: break-word;}
#drivingLicencePreview .modal-header .bwt-cancel{background-color: rgba(221, 221, 221, 1);margin: 0px;padding: 3px 9px;opacity: 1;font-size: 26px;}
#drivingLicencePreview  .imgblk{height: 95vh;}
#drivingLicencePreview .modal-content{padding:10px;}
#drivingLicencePreview .modal-header {background-color: #eee;border-radius: 8px;border: none !important;border-bottom: 2px solid #fff !important;padding: 10px;}
#compareverify iframe{height:500px !important;}
/*New My hr Head*/
.new-myhrhead .left{float:left;position:relative;width: 75px;height: 75px;}
.profile-tab .fixed-head-myhr .new-myhrhead img{border:1px solid #ccc; height: 70px !important;width: 70px !important;margin-top: -5px !important;}
.new-myhrhead .right{float:left;margin-left:5px;margin-top: 4px;}
.new-myhrhead .right h3{float:left;margin-bottom: 6px !important;}
.new-myhrhead .right .emp-type{float: left;padding: 1px 5px 1px;color: #fff;font-size: 14px !important;font-weight: bold;background-color: #2ca01c;border-radius: 6px;white-space: nowrap;display: inline-block;margin-top:7px;margin-left: 5px;}
.new-myhrhead .right h4{margin-left: 5px !important;margin-top: 2px;font-size: 17px;}
.profile-tab .empl-edit-pge .DrivingLicen .drop-box .text-muted {font-size: 16px;color: #4e4b4b;}
.profile-tab .empl-edit-pge .DrivingLicen .drop-box h1 {margin: 0px 0px 10px;font-size: 20px;color: #0e7fc8;float:left;cursor: pointer;}
.profile-tab .empl-edit-pge .DrivingLicen .drop-box a{float:right;font-size: 18px;text-decoration: underline;margin-top: -8px;}
#compareverify .modal-dialog{min-width:1100px;}
#compareverify .modal-dialog.ex-width{min-width:1400px;}
/*custome Scrollbar- Dec 11,2023 - Monday*/
.un-scrollbarStyle12 { overflow-x: auto; overflow-y: auto !important; }
.un-scrollbarStyle12::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2);  }
.un-scrollbarStyle12::-webkit-scrollbar { width: 9px !important; background-color: #fff; border-radius: 50px !important;}
.un-scrollbarStyle12::-webkit-scrollbar-thumb { background-color: #aaa; visibility: hidden; opacity: 0; transition: 0.5s; -webkit-transition: all 5s; transition: opacity 1s ease;}
.un-scrollbarStyle12:hover::-webkit-scrollbar-thumb { visibility: visible; opacity: 1; -webkit-transition: all .5s; }
.un-scrollbarStyle12::-webkit-scrollbar-button { display: none !important; }
.un-scrollbarStyle12::-webkit-scrollbar-button:single-button { display: none !important; }
/*compensation tabs css*/
.profile-tab #compensation .text-uppercase.br-radi-4{font-size: 14px !important;height: 24px;padding-top: 3px !important;top: 0px !important;margin-top: 11px !important;}
#compensation .box-shadow-two .compAddRow:nth-child(odd) {background-color: #eee;}
#compensation .box-shadow-two .compAddRow:nth-child(even) {background-color: #fff;}
#compensation .box-shadow-two .compAddRow > div{margin-bottom:15px}
#compensation .box-shadow-two .compAddRow > div:nth-child(8){margin-left:50px}
#compensation .fixed-head-myhr .bwt-excel{padding: 5px 10px 7px 9px;margin-top: 0px;}
#compensation .fixed-head-myhr .bwt-excel:hover{background-color: transparent !important;color: #00bf0e !important;}
#compensation .fixed-head-myhr .grid-list-sec{margin-right:10px !important;}
.comCompensationLog{padding-right: 10px; padding-left: 0;margin-bottom: 15px;}
.comCompensationLog .inner-content{background-color: #fff; border-radius: 5px; padding: 8px; margin-bottom: 6px;}
.comCompensationLog .inner-content .sec-c2{padding: 3px; border-bottom: 1px solid #ddd; font-size: 16px;}
.comCompensationLog .inner-content .sec-c2:nth-last-child(1), .comCompensationLog .inner-content .sec-c2:nth-last-child(2){border-bottom: none;}
.comCompensationLog .inner-content .sec-c2 .lftPart{ float: left; width: 45%; font-weight: 500; margin: 0; color: #1c1c1e;}
.comCompensationLog .inner-content .sec-c2 .rgtPart{ float: left; margin: 0; color: #0095f6}
.compStsActive{ background-color: #2ca01c; padding: 3px 12px; font-weight: 500; color: #fff !important; border-radius: 50px; font-size: 13px; width: 70px; text-align: center; display: inline-grid; }
.compStsInActive{ background-color: #ddd; padding: 3px 12px; font-weight: 500; color: #1c1c1e !important; border-radius: 50px; font-size: 13px; width: 75px; text-align: center; display: inline-grid; }
.compStsDraft{ background-color: #FF9500; padding: 3px 12px; font-weight: 500; color: #fff !important; border-radius: 50px; font-size: 13px; width: 70px; text-align: center; display: inline-grid; }
.compStsAward{ background-color: #1ea2fe; padding: 3px 12px; font-weight: 500; color: #fff !important; border-radius: 50px; font-size: 13px; width: 70px; text-align: center; display: inline-grid; }
.comp-Log .compStsActive, .comp-Log .compStsInActive, .comp-Log .compStsDraft, .comp-Log .compStsAward{padding: 0px 12px !important;}
profile-blk #compensation .fixed-head-myhr .grid-list-sec{margin-right:15px !important;}
.compHistoryType {font-size: 18px !important;color: #1c84c6;font-weight: 500;cursor: pointer;}
.totalInfo {position: absolute !important;box-shadow: rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
right: 0;border-radius: 5px;padding: 18px 14px;width: 200px;background-color: #fff;z-index: 999;border-bottom: 4px solid #0095F6;}
.compTotalSec {padding: 3px 10px; background-color: #def3ff;border-radius: 10px; cursor: pointer; border-bottom: 4px solid #1c84c6;}
.compTotalSec:hover {background-color: #def3ee !important;}
.compTotalSec .headCom-a {color: #1C1C1E !important;}
.compTotalSec .inffo {cursor: pointer;font-size: 16pt;margin-top: 8px;}
.compTotalSec .inffo i:nth-child(1) {color: #fff !important; background-color: #b7b7b7 !important;}
.compTotalSec .inffo i:nth-child(2) {color: #fff !important; background-color: #b7b7b7 !important;color: #48484a}
.compTotalSec .headCom-b {font-weight: bold; font-size: 20px; color: #1c84c6 !important;}
.compTotalSecMain {padding: 3px 10px; background-color: #deffe0; border-radius: 10px; cursor: pointer; border-bottom: 4px solid #2ca01c;}
.compTotalSecMain .headCom-a{color: #1C1C1E !important; font-size: 18px; font-weight: 400;}
.compTotalSecMain .headCom-b {font-weight: bold; font-size: 20px; color: #2ca01c !important;}
.compTotalSecOther {padding: 3px 10px; background-color: rgb(252 102 33 / 10%) !important; border-radius: 10px; cursor: pointer; border-bottom: 4px solid #f09b00;}
.compTotalSecOther .headCom-a {color: #1C1C1E !important;}
.compTotalSecOther .inffo {cursor: pointer;font-size: 16pt;margin-top: 8px;}
.compTotalSecOther .inffo i:nth-child(1) {color: #fff !important; background-color: #b7b7b7 !important;}
.compTotalSecOther .inffo i:nth-child(2) {color: #fff !important; background-color: #b7b7b7 !important;color: #48484a}
.compTotalSecOther .headCom-b {font-weight: bold; font-size: 20px; color: #f09b00 !important;}
.comp-Log{font-size: 19px; margin-bottom: 10px; padding: 8px; border-radius: 7px;font-weight: 400; display: grid;}
.comp-Log .header{color: #1c1c1e; font-size: 20px; font-weight: 500; margin-bottom: 5px;}
.comp-Log .itteams{color: #48484a; font-size: 16px; font-weight: 400; border-bottom: 1px solid #ddd; padding: 5px 0;}
.comp-Log .itteams .col-md-2{font-weight: 500;}
.comp-Log .modifiedUser{color: #1c84c6; font-weight: 500; font-size: 16px; padding: 5px 0;}
.comp-Log .modifiedUser .lbbl{font-weight:500; color: #48484a; }
.comp-Log .modifiedUser img{border-radius: 50%;object-fit: cover;margin-top: 0;margin-right: 0;height: 22px; width: 22px;}
.comp-Log-anc h5{color: #00bf0e !important;line-height: 25px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; background-color: #fff;border-radius:4px;padding: 5px;}
.editAllCompensation{ margin: 0; padding: 15px 0;}
.editAllCompensation .lebTxt{ color: #1c1c1e; }
.editAllCompensation .shadowBorder{ border: 1px solid #ccc !important; border-radius: 50px; }
.viewCompensationHis-A4 .MainPanel .boxes.boxStandard{background-color: #deffe0;}
.viewCompensationHis-A4 .MainPanel .boxes.boxStandard .headCom-a{color: #1C1C1E !important; font-size: 18px; font-weight: 400;}
.viewCompensationHis-A4 .MainPanel .boxes.boxStandard .headCom-b{font-weight: bold; font-size: 20px; color: #2ca01c !important;}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther{background-color: rgb(252 102 33 / 10%) !important;}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther {padding: 3px 10px; background-color: rgb(252 102 33 / 10%) !important; border-radius: 10px; cursor: pointer; border-bottom: 4px solid #f09b00;}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther .headCom-a {color: #1C1C1E !important;}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther .inffo {cursor: pointer;font-size: 16pt;margin-top: 8px;}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther .inffo i:nth-child(1) {color: #fff !important; background-color: #b7b7b7 !important;}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther .inffo i:nth-child(2) {color: #fff !important; background-color: #b7b7b7 !important;color: #48484a}
.viewCompensationHis-A4 .MainPanel .boxes.boxOther .headCom-b {font-weight: bold; font-size: 20px; color: #f09b00 !important;}
.compenation-summary-regular {background-color: #eee;color: #48484a;margin-bottom: 12px;margin-top: 4px;}
.compenation-summary-expense {background-color: #eee;color: #48484a;margin-bottom: 12px;margin-top: 4px;}
.compenation-Division-ha1 { background-color: #fff; padding: 5px !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0px; border-bottom: 2px solid #ddd;}
.compenation-Division-ha1 .mainHeading{ background-color: #eee; padding: 5px 10px; color: #1c1c1e !important; font-weight: 600; font-size: 20px; border-radius: 5px;}
.compenation-Division-ha1 .mainHeading .left{float: left}
.compenation-Division-ha1 .mainHeading .right{float: right}
.compenation-Division-ha1 .header{ padding: 5px 5px 3px 10px; margin: 0 -10px 3px -10px; color: #2cA01C !important; font-weight: bold !important; font-size: 20px !important;}
.compenation-Division-ha1 .labelJ1{ background-color: #1c84c6 !important; border-radius: 50px; color: #fff; font-weight: 600; font-size: 13px; padding: 2px 15px; display: table-cell;}
.compenation-Division-ha1 .labelJ2{ background-color: rgb(240 155 0) !important; border-radius: 50px; color: #fff; font-weight: 600; font-size: 13px; padding: 2px 15px;}
.comp-summary-mdl .fw-5.label{ color: #fff; font-size: 13px; margin-top: 0px !important; display: inline-block; border-radius: 50px; font-weight: 600 !important; padding: 5px 11px;}
.comp-summary-mdl .top {border-bottom: 1px solid #ccc;margin: 0px 5px 5px;padding: 0px 5px 15px;}
#compensation .comp-bottom #lft-His .com-add tbody tr{position:relative;}
#compensation .comp-bottom #lft-His .col-md-5.info-dtl{width: 355px;z-index: 99;top: 50px;}
#compensation .comp-detail .col-md-2{width: 18%;}
#compensation .comp-detail .col-md-2:nth-child(4){width: 10%;}
#compensation .comp-detail .col-lg-2:last-child{float:right;}
.comp-summary-mdl .candidate-mbllst ul li p span:first-child {width: 130px;}
.comp-summary-mdl .modal-header .pull-left.bold{font-size:21px !important;}
.grandtotPanel{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 0 !important; border-radius: 0px; color: #48484a; background-color: #fff !important; border: 5px solid #fff;}
.grandtotPanel .text{ padding: 7px 0px 7px 0px; float: left; font-size: 20px; font-weight: 900; }
.grandtotPanel .amount{ background-color: #deffe0 !important; color: #2ca01c; margin-bottom: 0px !important; padding: 4px 15px 4px 10px; font-size: 20px; float: right; width: 25%; text-align: left; border-radius: 5px 0 0 5px; font-weight: bold; border-bottom: 4px solid #2ca01c;}
#compensation #changeStatus .modal-dialog {width: 50% !important;}
/*Timecard page css*/
.clients-list .nav-tabs li a {border-bottom: 3px solid #dfdfdf !important;margin-right: 0px;}
.timecard-sec .nav-tabs li a {padding: 2px 20px 6px 20px !important;}
.timecard-sec .nav-tabs li.myhr-dotmenus{display:none;}
.timecard-sec .clients-list.title-fixed {position: fixed;top: 60px;z-index: 99;width: calc(100% - 237px);margin-top: 0px !important;background-color: #f3f3f4;}
.timecard-sec .nav-tabs .pull-right.faqBody{margin-right: 3%;}
.timecard-sec .title-fixed .nav-tabs .pull-right.faqBody {margin-top: 5px;}
.timecard-sec .nav-tabs .pull-right.faqBody a{border-radius: 25px;position: relative;top: 0px; white-space: nowrap;}
.timecard-top .info-grid,.timecard-top .blue-grid,.timecard-top .red-grid,.timecard-top .orange-grid{padding: 3px 0px 5px 15px;border-radius: 15px;display: inline-block;width: 100%;}
.timecard-top .info-grid{background-color: #3fa234 !important;}
.timecard-top .blue-grid{background-color:#0074c1;} 
.timecard-top .red-grid{background-color: #ec1c2d !important;}
.timecard-top .orange-grid {background-color: #FB7E00;} 
.timecard-top .Lightblue-grid{background-color: #006da8;}
.timecard-top .ibox-title p {color: #fff;float: left;padding-top: 0px !important;margin-bottom: 0;font-size: 17px;}
.timecard-top.mytimecard-top .ibox-title p,.timecard-top .missingcrd-grid.ibox-title p {padding-top: 7px !important;}
.timecard-top .ibox-title p span {font-size: 19px;}
.timecard-top .ibox-title p i {font-size: 20px;margin-left: 5px;}
.uib-datepicker table td button span,.uib-datepicker table td em {color: #050505 !important;font-size:12px!important}
.timecard-top .ibox-title h5 {background-color: #fff;float: right;height: 45px;width: 100px;margin: 4px 8px 0px 10px !important;font-size: 25px !important;border-radius: 15px;line-height: 35px;min-width: 35px;min-height: 35px;}
.newtime-addemploye .col-xs-12.col-md-4.col-lg-4 {width: 32%;}
.newtime-addemploye .addemployee span{display:none;}
.newtime-addemploye .addemployee a{border-radius: 25px;width: 35px;height: 35px;font-size: 22px;padding: 3px 5px;}
.newtime-addemploye .newtimebtn.btmbtn{display:none !important;}
.newtime-addemploye .newtimebtn .btn:hover {transform: scale(1.04);-webkit-transform: scale(1.04);-webkit-transition-duration: 0.7s;transition-duration: 0.7s;-webkit-transition-property: transform;transition-property: transform;}
.newtime-addemploye .newtimebtn .btn.btn-tmcrd-submit:hover{background-color:#00bf0e;}
.mytimecard-top.timecard-top .ibox-title h5 {margin: 0px 5px 0px 10px !important;width:92px;}
.mytimecard-top.timecard-top .ibox-title .Lightblue-grid h5 {width:50px !important;}
.timecard-top .missingcrd-grid .orange-grid h5 {width: 100px !important;}
.mytimecard-top.timecard-top .mnthlycard-grid .Lightblue-grid h5 {width: 65px !important;}
.timecard-top .timecard-tile h5 {color: #108000 !important;background-color: #fff;float: right;padding: 5px 24px 4px;margin: 0px 5px 0px 10px;font-size: 25px;border-radius: 2px;}
.timecard-top .info-grid h5 {color: #108000 !important;}
.timecard-top .blue-grid h5{color:#0074c1 !important;}
.timecard-top .red-grid h5{color:#ec1c2d !important;}
.timecard-top .Lightblue-grid h5{color:#006da8 !important;}
.timecard-top .timecard-tile p { color: #fff;float: left;padding-top: 8px;margin-bottom: 0;font-size: 13px;}
.timecard-top .timecard-tile {float: left;width: 31%;margin-right: 15px;}
.mytimecard-top .timecard-tile {width: 18%;}
.uib-datepicker-popup .btn-default { margin-bottom: 0px !important; }
.uib-datepicker-current { margin-right: 8px !important;}
.timecard-top .form-group a[disabled="disabled"] i,.timecard-buttons-btm .mblbtm-mnu a[disabled="disabled"] i {color: #282828 !important;}
.timecard-top .form-group input {color: #434040;}
.timecard-top .table .MobileList {color: #7e7c7c;white-space: nowrap;font-size: 16px;}
.timecard-top .table thead,.timecard-top .table thead th {background-color:#eee; font-size:18px;}
.timecard-top .table .circle-badge{color: #00BF0E !important;background-color: #d4f9d6 !important;line-height:30px !important;}
.timecard-top .table .MobileList th a {color: #000 !important;margin-left: 5px;}
.mytimecard-top table tr td.sts-bg .label,.missingcrd-blk table tr td.sts-bg .label,.mytimecard-top .mnth-tab table tr td.sts-bg span{font-size: 12px;border-radius: 15px;color:#fff;min-width: 75px !important;display: inline-block;}
.mytimecard-top .mnth-tab table tr td.sts-bg span{min-width:90px !important;}
.mytimecard-top .mnth-tab table tr td.sts-bg span.label-danger{background-color:#006da8;}
.mytimecard-top .mnth-tab table tr td.sts-bg span.label-default{background-color: #FB7E00 !important;}
.mytimecard-top table tr td.sts-bg .label.label-default{background-color: #FB7E00 !important;}
.missingcrd-blk table tr td.sts-bg .label.label-default{background-color: #006da8;}
.mytimecard-top.wrapper {padding: 0 4px 0px 9px !important;}
.mytimecard-top .mytimecard-filter{padding: 0px 0px 9px 0px !important;}
.mytimecard-top .mytimecard-filter .form-inline .col-md-8 .form-group{width: 25%;text-align:left;}
.mytimecard-top .mytimecard-filter .form-inline .col-md-8 .form-group:nth-child(1){width: 43%;}
.mytimecard-top .mytimecard-filter .form-inline .col-md-8 .form-group:nth-child(2){width: 17%;}
.mytimecard-top .mytimecard-filter .form-inline .col-md-8 .form-group:nth-child(3){width: 28%;}
.mytimecard-top .mytimecard-filter .form-inline .col-md-8 .form-group:nth-child(4){width: 10%;padding-top: 5px;}
.mytimecard-top .mytimecard-filter .form-inline .col-md-8 .form-group select{width:100%;}
.mytimecard-top .mnth-tab table tr td.text-green{font-weight: 500;}
.mytimecard-top .mnth-tab.un-table-box{    min-height: 100vh;z-index: 9;}
.missingcrd-blk.timecard-top .timecard-tile {width: 25%;}
.timecard-pagination li a {color: #434040 !important;padding: 8px 15px!important;font-size: 13px !important;}
.timecard-bottom h5 span.btn-primary{margin-right:10px;}
.timecard-bottom h5 span.label {padding: 3px 9px;font-weight: 500;font-size: 14px;}
.timecard-bottom h5 span.label.label-info{background-color:#1c84c6 !important;}
.timecard-bottom h5 span.label.label-danger{background-color:#ec1c2d !important;}
.timecard-bottom h5 span.label.label-warning{background-color:#fb7e00 !important;}
.timecard-bottom .timecard-boxtool a {color: #898787 !important;font-weight: 100;font-size: 30px;}
.timecard-bottom h5{float:left;}
.newtime-cal .ibox-title .fa-arrow-circle-left,.newtime-cal .ibox-title .fa-calendar,
.newtime-cal .ibox-title .fa-arrow-circle-right {position: relative;top: 4px;}
.newtime-cal .ibox-title .col-sm-1 i.fa-calendar {font-size: 28px !important;top: 0px;}
.newtime-cal .ibox-title .col-sm-1 i{font-size: 13px;}
.newtime-cal .ibox-title .pull-right.col-sm-2 {display:flex;}
.newtime-cal .ibox-title .pull-right .input-group-addon{padding: 4px 9px;border: 1px solid #cccccca8 !important;border-right: 0px !important;}
.newtime-cal .ibox-title .pull-right .input-group-addon .calbtn i{top:2px;font-size: 18px !important;}
.newtime-cal .ibox-title .pull-right .input-group .btn.calbtn{padding: 0px 0px;margin: 0px;}
.newtime-cal .ibox-title .pull-right .input-group .uib-datepicker-popup {left: auto !important;right: 0px;margin-top: 3px;}
.newtime-cal .ibox-title .pull-right .input-group .uib-datepicker-popup:before{display:none;}
.newtime-cal .ibox-title .fltrTtle p{position: relative;margin-right: 11px;display: block;top: 0px;float:right;}
.newtime-cal .responsive-filter.bwt-orange-2{padding: 2.7px 10px;font-size: 17px !important;}
.newtime-cal .responsive-filter.bwt-orange-2 i{top: -1px;font-size: 16px !important;}
.wrapper-content .timecard-top .newtime-tile .bwt-orange-2[ng-show="showPanel"] {padding: 5px 10px 3px 17px;font-size: 15px;margin-top: 2px;}
.timecard-top .newtime-tile .goback.bwt-cancel {float: left;margin-left: -10px !important;position: relative;top: 12px;margin-right: 5px;cursor:pointer;background-color: #009cff;color: #fff !important;}
.timecard-top .newtime-tile .goback.bwt-cancel.bctop {top: 3px;}
.timecard-top .newtime-tile .goback.bwt-cancel:hover{background-color:#0589dc;}
.timecard-top .newtime-tile .goback.bwt-cancel:hover i{-webkit-animation-name: collap-anim;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: 3;-webkit-animation-timing-function: linear;}
.timecard-ibox p a {margin-right:5px;}
.timecard-ibox p a:first-child, .timecard-ibox p a:last-child {position: relative;top: 4px;}
.timecard-sec .newtime-table .un-checkbox-hrw-3 {margin-top: -20px;}
.newtime-table .form-group label{color:#6f7274;}
.newtime-table .total{width: 100% !important;margin: 0 auto;}
.newtime-table .form-group input {font-size: 18px;color: #1c84c6;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;border: 1px solid #e5e6e7 !important;}
.newtime-table .form-group input.HolidayTextbox {border: 1px solid #fa5656 !important;color: #fa5656 !important;}
.newtime-table .form-group textarea {color: #434040; border-radius: 3px;  box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px; resize: none;}
.newtime-table .form-group{padding:10px 0px;margin-bottom:0px;}
.newtime-table .form-group:nth-child(even){background-color: #f1f1f6;}
.newtime-table .form-group:nth-child(odd){background-color: #ffffff;}
.newtime-table .form-group:nth-child(2){background-color: #ffffff;}
.newtime-table .form-group .col-sm-1 {text-align: center !important;}
.newtime-table  .form-group .select-cata {text-align: center;padding-right: 2px;padding-left: 2px;background-color: #1c84c6 !important;color: #fff !important;box-shadow: inherit !important;border-radius: 3px;font-size:14px;}
.newtime-table input::-webkit-input-placeholder {color:#dad8d8;}
.newtime-table input:-ms-input-placeholder {color:#dad8d8;}
.newtime-table input::placeholder {color:#dad8d8;}
.newtime-table .select-cata::-webkit-input-placeholder {color:#fff;}
.newtime-table .select-cata:-ms-input-placeholder {color: #ffffff;}
.newtime-table .select-cata::placeholder {color:#fff;}
.leave-select button {color: #1c84c6;border: 2px solid #1c84c6;background: transparent;border-radius: 3px;padding: 4px 7px;width: 100%;font-weight: 500;font-size: 14px;}
.leave-select button:hover {color: #fff;background: #1c84c6;}
.timecard-top .newtime-tile .timecard-tile{width: 27%;}
.nwtime-filter-txt{    position: relative;top: 12px;margin-right: 15px;text-transform: uppercase;}
.newtime-tile .timecard-tile h5{width:150px !important;}
.newtime-tile .timecard-tile .blue-grid h5{line-height: 45px !important;padding-top: 0px;font-size: 20px !important;}
.newtime-table .col-sm-2,.newtime-table .col-sm-1,.newtime-table .col-sm-3,.newtime-table .col-sm-9{padding-left: 8px;padding-right: 8px;}
.newtime-table .panel-heading .col-sm-2,.newtime-table .form-group .col-sm-2{width:10% !important;}
.newtime-table .panel-heading .col-sm-1,.newtime-table .form-group .col-sm-1{width:11% !important;}
.newtime-table .panel-heading .col-sm-3,.newtime-table .form-group .col-sm-3{width:13% !important;}
.newtime-table .form-group.leave-select .col-sm-1{margin-right:0% !important;width: 11% !important;}
.timecard-drop .dropdown{margin-top:0px;}
.timecard-filterbox label{padding-top:5px;}
.timecard-filterbox .switch .round,.timecard-filterbox .switch1 .round{width: 55px !important;}
.timecard-filterbox .switch-left{float:left;}
.newtime-addemploye .timecard-filterbox .switch-left{float:left;text-align:left;}
.newtime-addemploye .timecard-filterbox .switchBtn .switch {height: 22px;}
.newtime-addemploye .timecard-filterbox .switchBtn{width: 24%;}
.newtime-addemploye .timecard-filterbox .switchBtn .switch-left{width: 50%;}
.newtime-addemploye .col-xs-12 .uib-datepicker-popup:before {right: auto;left: 0px;}
.newtime-addemploye .col-xs-12 .uib-datepicker-popup {margin-top: 5px;width: 350px;left: 12px !important;}
.mytimecard-filter .panel-body .form-group .tmscalendar,.mytimecard-filter .panel-body .form-group select,.missingcrd-filter .form-group .tmscalendar{border-radius:15px !important;text-align:left;}
.mytimecard-filter .panel-body .form-group i{float: left;font-size: 27px;margin-right: 5px;}
.timecard-top .pagination li a{padding: 1px 10px;font-weight: 700;font-size:13px;}
.mytimcard-bottom .pull-left {margin: 0px 0px 0px -9px !important;padding-top:0px !important;padding-left: 0 !important;}
.monthly-bottom .left {float: left;margin-right: 14px;}
.wrapper-content .timecard-top .ibox-title {padding: 5px 15px 5px !important;min-height: auto !important;}
.wrapper-content .timecard-top .ibox-title .bwt-orange-2 {min-width: 85px;}
.timecardFilter {font-weight: bold;color: #000;text-transform: uppercase;opacity: 0.3 !important;font-size: 30px;position: absolute;top: -3px;left: 15px; cursor: pointer;}
.mytimecard-filter .col-lg-8.col-md-8.col-sm-12 .pull-right.tmscalendar .caret,
.missingcrd-filter .col-lg-8.col-md-8.col-sm-12 .pull-right.tmscalendar .caret{float: right;top: 8px;position: relative;}
.monthly-filter .input-group.date{border-radius:15px;}
.monthly-filter .input-group.date .input-group-addon{border-radius: 15px 0px 0px 15px;font-size: 15px;color: #000;padding-top: 10px;}
.monthly-filter .input-group.date .form-control{border-radius:0px 15px 15px 0px; font-size:16px;}
.monthly-filter .mnthly-select select{border-radius:15px;font-size:16px;}
.monthly-filter .timecard-drop .dropdown button {background-color: transparent;border-radius: 20px;border: 1px solid #00bf0e;padding: 8px 23px 5px 12px;color: #00bf0e;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);}
.monthly-filter .timecard-drop .pdf{color: #e55041 !important;border: 1px solid #e55041 !important;}
.monthly-filter .timecard-drop .dropdown button .caret {position: relative;right: -12px;top: 7px;float: right;}
.monthly-filter .col-lg-2 {padding: 0px 3px;}
.tmcrdAttachmentTable .table tr td:last-child.pull-right,.tmcrd-attachment-modal-body .table tr td:last-child  .pull-right{visibility:hidden;}
.tmcrdAttachmentTable .table tr:hover td:last-child.pull-right,.tmcrd-attachment-modal-body .table tr:hover td:last-child .pull-right{visibility:visible;}
.timcrd-upload{text-align: center;padding: 10px 10px 10px 10px;}
.timcrd-upload span.pull-right{position: relative;top: -10px;z-index: 9;background-color: #dddddd;border-radius: 6px 0px 1px 27px;right: -11px;padding: 5px;}
.timcrd-upload .fa-times{font-size: 19px;position: relative;top: 0px;right: -2px;cursor: pointer;color: #676a6c;}
.timcrd-upload .timup{border: 1px dashed #ccc;padding: 15px;margin-bottom: 15px; margin-top: 20px;}
.timcrd-upload .timup input[type=file] {font-size: 24px;position: absolute;left: 0px;top: 85px;opacity: 0;margin-bottom: 0px;display: block; width: 84%;border-radius: 25px;cursor: pointer;}
.timcrd-upload .timup span{color: #fff;border-radius: 25px;background-color: #2CA01C;padding: 5px 15px;margin-bottom: 10px;font-size: 19px;display: inline-block;height: auto;text-transform: capitalize;white-space: nowrap;
-webkit-animation: bubble-green 1s linear infinite;animation: bubble-green 1s linear 3 !important;}
@keyframes bubble-green {0% {box-shadow: 0 0 0 0.01em rgb(206 206 206 / 14%), 0 0 0 0.1em rgba(206, 206, 206, 0.15);}100% {box-shadow:  0 0 0 0.1em rgb(0 149 246 / 6%), 0 0 0 0.3em rgb(0 149 246 / 30%);}}
.tmcrd-attachment .table tr[ng-if="!timesheet.timesheetPicList"]{}
/*Timecard mobile css start*/
.timecard-mobile {display: none;float: right;position: relative;margin-top: 1px;margin-right: 5px;z-index:12;}
.timecard-mobile .dropdown-toggle, .dd-dept-mobileinfo .dropdown-toggle {color: #636363;font-size: 20px;background-color: #ddd;width: 30px;height: 30px;display: inline-block;border-radius: 35px;padding: 5px 12px;font-weight: 100;}
.newtime-addemploye .timecard-mobile{margin-top:0px;margin-bottom: 5px;}
.newtime-addemploye .timecard-mobile .dropdown-toggle,.timecard-res .timecard-mobile .dropdown-toggle  {background-color: #fb7e00 !important; color: #fff !important;width: 35px; height: 35px;padding: 5px 10px;}
.timecard-res .timecard-mobile .dropdown-toggle {padding: 8px 9px;}
.monthlyTimeCrd .timecard-res .timecard-mobile .dropdown-toggle {padding: 9px 9px;}
.timecard-res .timecard-mobile{margin-top:-4px;}
.timecard-mobile .dropdown-menu.dropdown-alerts{left: auto;right:0px;top: 45px;width:495px;}
.timecard-mobile .dropdown-menu.dropdown-alerts:before {border-bottom-color: #868383 !important;}
.timecard-mobile .dropdown-menu.dropdown-alerts > li{display:inline-block;width:100%;}
.timecard-mobile .timecard-tile div {padding: 5px 8px 4px 15px !important;}
.timecard-mobile .timecard-tile div h5{width:90px;}
.timecard-mobile .new-tile .timecard-tile  div  h5 {width:100px;}
.timecard-mobile .timecard-tile div p{font-size: 18px;padding-top: 0;margin-top: 0px;}
.timecard-mobile .timecard-tile div small {clear: both;display: block;}
.timecard-mobile .calcontrol-mobile a{float:left;}
.timecard-mobile .calcontrol-mobile a.fa-arrow-circle-left,
.timecard-res .timecard-profile {margin: 0px 0px 15px;background-color: #f5f5f5;padding: 12px 5px 10px 5px;border-radius: 7px;}
.timecard-res .timecard-profile .client-avatar{width:100%;}
.timecard-res .timecard-profile .client-avatar img{float:left;width: 30px;height: 30px;}
.timecard-res .timecard-profile .client-avatar h3{float: left;color: #2487c8;font-size: 23px;margin: 2px 0px 0px 8px;}
.timecard-res .timecard-profile.fixed {position: fixed;top: 85px;z-index: 91;width: calc(100% - -1px);margin-left: -33px !important;padding: 8px 10px;}
.timecard-res.newtime .timecard-profile.fixed {margin-left: -20px !important;}
.mini-navbar .timecard-res .timecard-profile.fixed {width: calc(100% - 72px);}
.mytimecard-top .timecard-res .timecard-profile.fixed {margin-left: -16px !important;}
.monthlyTimeCrd.mytimecard-top .candidate-mbllst .mbl-head h3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.missingcrd-blk .timecard-res .timecard-profile.fixed {margin-left: -20px !important;}
.missingcrd-blk .missingcrd-filter .form-group .tmscalendar{width: calc(100% - 35px);}
.missingcrd-blk .missingcrd-filter .form-group .tmscalendar .caret{float:right;top: 9px;position: relative;}
.mini-navbar .timecard-mobile .dropdown-menu.dropdown-alerts {width: 470px;}
.timecard-res .filterbox {margin: 15px 0px 0px !important;padding: 0px 0px 0px !important;}
.timecard-res .filterbox select{font-size:18px;}
.timecard-res .filterbox label {color: #000;font-weight: 500 !important;width: 100%;border-bottom: 1px solid #d2d0d0;padding-bottom: 1px;}
.timecard-res.newtime .filterbox label {font-size: 20px;padding-bottom: 7px;color: #0968a4;}
.timecard-res .timecard-iconbox {margin: 10px 0px 4px;}
.timecard-res .timecard-iconbox h5 label{width: auto;float: right;}
.timecard-res .timecard-iconbox h5 label span{width:100%;padding: 6px 4px;font-size: 15px;border-radius: 5px;background-color: #1c83c8;color: #fff;margin-top: 3px;display: inline-block;}
.timecard-res .timecard-iconbox h5{margin:0px;float: left;width:78%;}
.timecard-res .timecard-iconbox .uib-datepicker-popup{margin-top:35px;}
.timecard-res .timecard-iconbox .uib-datepicker-popup:before{left:0px;right:auto;}
.timecard-res .timecard-iconbox .pull-left{float:left;width: 21%;margin-top: 6px;}
.responsive-newtime .top .col-md-4.col-sm-4 h6{float:left;margin: 4px 2px 0px;}
.responsive-newtime .top .col-md-4.col-sm-4 span{padding: 6px 4px;font-size: 15px;color: #fff !important;}
.timecard-res .timecard-buttons {background-color: #f5f5f5;padding: 7px 10px 5px 2px;border-radius: 7px;}
.timecard-res .timecard-buttons .col-sm-4 h5{margin:0px;}
.timecard-res .timecard-buttons .col-sm-4 h5 label{margin: 4px 0px 0px;}
.timecard-res .timecard-buttons .col-sm-4{padding-right:0px;}
.timecard-res .timecard-buttons .col-sm-4 h5 label span {color: #ffffff;font-size: 13px;font-weight: 400;margin-left: 5px;}
.timecard-res .timecard-buttons .col-sm-4 h5 label span.label-danger,.responsive-newtime .top .col-md-4.col-sm-4 h6 span.label-danger{background-color:#ec1c2d !important;}
.timecard-res .timecard-buttons .col-sm-4 h5 label span.label-warning,.responsive-newtime .top .col-md-4.col-sm-4 h6 span.label-warning{background-color:#fb7e00 !important;}
.timecard-res .timecard-buttons .pull-right a,.timecard-buttons-btm a{border: none !important;color: #fff !important;font-weight: 500;padding: 5px 7px;border-radius: 50px !important;font-size: 20px;margin-left: 5px;width: 35px;height: 35px;}
.timecard-buttons-btm .mblbtm-mnu {padding: 2px 0px 2px !important;left: 35px;width: calc(100% - 85px);z-index: 9999;}
.timecard-buttons-btm .mblbtm-mnu.show {margin-left: calc(-100% - -90px);display:block !important;}
.timecard-buttons-btm .mblbtm-mnu .mnu-expand {top: 4px !important;left: 20px;}
.timecard-buttons-btm .mblbtm-mnu.show .mnu-expand {top: 10px !important;}
.timecard-buttons-btm .mblbtm-mnu .timecard-mobile .dropdown-menu.dropdown-alerts  {right: -40px !important;left: auto;top: auto;width: 510px;padding: 15px;margin-bottom: 5px;}
.timecard-buttons-btm .mblbtm-mnu .timecard-mobile .dropdown-menu:before{display:none;}
.timecard-buttons-btm .mblbtm-mnu .timecard-mobile .dropdown-menu a{padding: 0;display: inline-block;margin-left: 0;width: auto;height: auto;}
.timecard-buttons-btm .mblbtm-mnu .calcontrol-mobile .uib-datepicker-popup{top: auto !important;bottom: 100%;margin-bottom: 2px;display: none;}
.timecard-buttons-btm .mblbtm-mnu a { margin: 0px 0px 0px !important;}
.newtime-addemploye .mblbtm-mnu  .timecard-mobile{float:none;}
.newtime-addemploye .mblbtm-mnu  .timecard-mobile .dropdown-toggle{top: 11px;}
.responsive-newtime{padding:0px 5px !important;}
.responsive-newtime table tbody tr:first-child td {color: #1c83c8;white-space: nowrap;}
.responsive-newtime .top {border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;padding: 8px 0px 0px;margin: 0px auto 20px;}
.responsive-newtime .top .pull-left a,.timecard-res .timecard-iconbox .pull-left a{float: left;font-size: 28px;color: #389ae4;position: relative;}
.responsive-newtime .top .pull-left .calcontrol-mobile,.timecard-res .timecard-iconbox .pull-left .calcontrol-mobile{    width: 52px;float: left;margin-top: -4px;height: 40px;}
.responsive-newtime .middle .col-xs-4{border-right:2px solid #ccc;}
.responsive-newtime .middle .col-xs-4:last-child{border-right:0px;}
.responsive-newtime .middle small,.responsive-newtime .middle h3  {float: left;color: #1c83c8;font-size: 16px;}
.responsive-newtime .middle h3{background-color: #1c83c8;color: #fff;padding: 2px 5px;border-radius: 3px;margin: -1px 0px 0px 10px!important;}
/*My Team Approve*/
.myteam-timeapprove{padding:0px;}
.timecard-sec .clients-list .timecard-plustab{display:none;}
.fixed-nav.pace-done .timecard-sec .clients-list .timecard-plustab a:hover,.fixed-nav.pace-done.body-small.pace-done .nav .timecard-plustab.open > a {background-color: #9E9E9E !important;color:#fff !important;}
.timecard-sec .clients-list .timecard-plustab .dropdown-menu:before{    right: 6px;}
.timecard-sec .clients-list .timecard-plustab .dropdown-menu {right: 6px;}
.myteam-timeapprove .form-group label{display:none;}
.myteam-timeapprove .panel-body .form-group:nth-child(3) label.switch1{display:block;}
.myteam-timeapprove .ibox-content{padding: 5px 10px;}
.myteam-timeapprove .ibox-content .panel-body {margin: 0px 0px 9px;background-color: #f5f5f5;padding: 5px;border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border: 6px solid #fff;}
.myteam-timeapprove .panel-body .form-group{margin-right: 15px;}
.myteam-timeapprove .panel-body .form-group:nth-child(6) {margin-right: 0px;}
.myteam-timeapprove .panel-body .form-group:nth-child(2) select,
.myteam-timeapprove .panel-body .form-group:nth-child(4) select,
.myteam-timeapprove .panel-body .form-group:nth-child(5) select{ width:160px;}
.myteam-timeapprove .panel-body .form-group select, .myteam-timeapprove .panel-body .form-group .pull-right.tmscalendar {border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px; background-color: #fff !important;color: #4c4c4c;height: 35px;border-radius: 25px;}
.myteam-timeapprove .panel-body .form-group:nth-child(2) label, .myteam-timeapprove .panel-body .form-group:nth-child(4) label, .myteam-timeapprove .panel-body .form-group:nth-child(5) label {margin-right:8px;}
.myteam-timeapprove .middle {text-align: left;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 5px 5px;    border-radius: 6px;}
.myteam-timeapprove .middle .pull-left label{float:left;}
.myteam-timeapprove .middle .pull-left button{padding: 3px 10px;border-radius: 30px;position: relative;height: auto;text-transform: capitalize;}
.myteam-timeapprove .middle .pull-left button.btn-primary:after{background-color: #2c901e !important;}
.myteam-timeapprove .middle .pull-left button.btn-danger:after{background-color: #ec4f4f;}
.myteam-timeapprove .middle .pull-left button{min-width: 100px;}
.myteam-timeapprove .myteam-timecrdtbl {clear: both;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%);border-radius: 8px;padding: 0px; margin: 2px 5px;}
.tmeapp-new .myteam-Approve-Table tr td:nth-child(1) {height: 60px;}
.myteam-timeapprove .myteam-timecrdtbl tr.bg-grey-ee {background-color: #ededed !important;}
.myteam-timeapprove .myteam-timecrdtbl tr:hover {background-color: rgb(238 238 238 / 46%) !important;}
.myteam-timeapprove  thead th:nth-child(1){border-radius: 10px 0px 0px 0px;}
.myteam-timeapprove  thead th:last-child{border-radius: 0px 10px 0px 0px;}
.myteam-timeapprove .middle .pull-right button{padding: 4px 10px;border-radius: 30px;position: relative;height: auto;text-transform: capitalize;}
.myteam-timeapprove .middle .pull-right button.btn-primary:after{background-color: #2c901e !important;}
.myteam-timeapprove .middle .pull-right button.btn-danger:after{background-color: #ec4f4f;}
.myteam-timeapprove .middle .top{display: flex;margin-bottom: 10px;padding-top: 5px !important;z-index: 1;position: relative;}
.myteam-timeapprove .new-filter .dd-dept-mobileinfo{display:block;margin-top: 5px;}
.myteam-timeapprove .new-filter .responsive-filter span{color: #ffffff;background-color: #2da01d;border-radius:50%;padding: 8px 10px;margin-top: 2px;display: inline-block;}
.myteam-timeapprove .middle .panel-body{clear:both;background-color: #fff;border-radius: 25px;border: 0px;}
.myteam-timeapprove #myModal3 .modal-dialog{right: 40%;}
.myteam-Approve-Table th:nth-child(8){background-color: #2eff1259 !important;}
.myteam-Approve-Table th:nth-child(9){background-color: #ff9b9b59 !important;}
.myteam-Approve-Table td:nth-child(8){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-Approve-Table td:nth-child(9){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
#sendRemainderModal .myteam-Approve-Table .table > thead > tr > th, #sendRemainderModal .myteam-Approve-Table .table > tbody > tr > td{ padding: 15px 8px; }
.myteam-AllTime-Table th:nth-child(3){background-color: #2eff1259 !important;}
.myteam-AllTime-Table th:nth-child(4){background-color: #ff9b9b59 !important;}
.myteam-AllTime-Table td:nth-child(3){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-AllTime-Table td:nth-child(4){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
.myteam-AllTime-Table-2 th:nth-child(9){background-color: #2eff1259 !important;}
.myteam-AllTime-Table-2 th:nth-child(10){background-color: #ff9b9b59 !important;}
.myteam-AllTime-Table-2 td:nth-child(9){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-AllTime-Table-2 td:nth-child(10){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
.myteam-Monthly-Table.table > .tableData > tr > td{padding: 0px 8px; font-size: 18px;vertical-align: middle;}
.myteam-Monthly-Table th:nth-child(4){background-color: #2eff1259 !important;}
.myteam-Monthly-Table th:nth-child(5){background-color: #ff9b9b59 !important;}
.myteam-Monthly-Table td:nth-child(4){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-Monthly-Table td:nth-child(5){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
.myteam-Monthly-Table-2 th:nth-child(3){background-color: #2eff1259 !important;}
.myteam-Monthly-Table-2 th:nth-child(4){background-color: #ff9b9b59 !important;}
.myteam-Monthly-Table-2 td:nth-child(3){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-Monthly-Table-2 td:nth-child(4){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
.myteam-Monthly-Table-3 th:nth-child(6){background-color: #2eff1259 !important;}
.myteam-Monthly-Table-3 th:nth-child(7){background-color: #ff9b9b59 !important;}
.myteam-Monthly-Table-3 td:nth-child(6){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-Monthly-Table-3 td:nth-child(7){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
.filterSECApprove .shadow-topFilter, .filterSECAllTimecard .shadow-topFilter{margin: 0px 5px 10px 5px !important;}
.filterSECAllTimecard .shadow-topFilter .moreInfo, .monthlyTimeCrd .shadow-topFilter .moreInfo {left: -87px}
.filterSECAllTimecard .shadow-topFilter .col-md-4 {padding-right: 15px !important; }
.filterSECAllTimecard .empresultBox {height: 170px !important;}
.filterSECAllTimecard  .resultBox .list {height: 160px;}
.filterSECAllTimecard .jobsInstantMoreDets{top: 40px !important; z-index: 9 !important; right: 9px !important;}
.filterSECMonthly  .empresultBox {height: 150px !important;}
.filterSECMonthly  .resultBox .list { max-height: 145px !important;}
.filterSECMonthly  .shadow-topFilter .ben-Unlockbtn { width: 115px; }
.filterSECApprove .resultBox, .filterSECAllTimecard .resultBox{ width: 300px;left: auto !important;right: 0px; }
.filterSECApprove .dropdown-menu {left: auto;right: 0px;}
.tmeapp-new .middle .table tr td:nth-child(7){color:#2ea01e;}
.myteam-timemissing .middle .pull-left button:hover span.fa-bell {
-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.myteam-timeapprove .middle .pull-right {padding-top: 15px;}
.myteam-timecrdtbl {margin-top:5px;}
.myteam-timecrdtbl thead {background: #eeeeee !important;color: #383838;}
.myteam-timecrdtbl thead th{white-space:nowrap;}
.myteam-timecrdtbl thead th a {color: #4e4c4c !important;}
.myteam-timecrdtbl thead th:first-child .check-box-cover{position: relative;top: -8px;}
.myteam-timecrdtbl thead th:first-child .check-box-cover input:checked ~ .checkmark{background-color: #2CA01C !important;}
.myteam-timecrdtbl thead th:first-child .check-box-cover .checkmark:after {border: solid #fff; border-width: 0 3px 3px 0 !important; left: 6px !important; top: 2px !important;}
.myteam-timeapprove .resultBox {left: 0;}
.myteam-timeapprove .li-bg-hr{border-bottom: 2px solid #eee;}
.myteam-timeapprove .fitList .check-box-cover{ font-size: 16px; margin: 7px 4px !important;}
.myteam-timeapprove .fitList .check-box-cover .checkmark{ border-radius: 50px; height: 20px; width: 20px; top: 1px; }
.myteam-timeapprove .ben-Unlockbtn { max-width: 100%; box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px; background-color: #fff !important; color: #2ca01c !important;}
.myteam-timeapprove .ben-Unlockbtn .ben-Unlockicon, .myteam-timeapprove .ben-Unlockbtn .ben-Unlocktext{color: #2ca01c !important;}
.myteam-timeapprove .ben-Unlockbtn-Select { background-color: #2ca01c !important; color: #fff !important;}
.myteam-timeapprove .ben-Unlockbtn-Select .ben-Unlockicon, .myteam-timeapprove .ben-Unlockbtn-Select .ben-Unlocktext{color: #fff !important;}
.myteam-timeapprove .table tr th{background-color: #eee;font-size: 16px;white-space: nowrap; color: #1c1c1e;border: none !important;}
.myteam-timeapprove .table tr th a{color: #000 !important;margin-left: 5px;}
.myteam-timeapprove .table tr td{font-size:17px;white-space: nowrap;vertical-align: middle;}
.myteam-timeapprove .table .stagOne th:nth-child(3), .myteam-timeapprove .table .stagTwo th:nth-child(3), .myteam-timeapprove .table .stagThree th:nth-child(6){background-color: #2eff1259 !important;}
.myteam-timeapprove .table .stagOne th:nth-child(4), .myteam-timeapprove .table .stagTwo th:nth-child(4), .myteam-timeapprove .table .stagThree th:nth-child(7){background-color: #ff9b9b59 !important;}
.myteam-timeapprove .table .stagOne td:nth-child(3), .myteam-timeapprove .table .stagTwo td:nth-child(3), .myteam-timeapprove .table .stagThree td:nth-child(6){background-color: #2eff1126; font-weight: 600; color: #1c1c1e;}
.myteam-timeapprove .table .stagOne td:nth-child(4), .myteam-timeapprove .table .stagTwo td:nth-child(4), .myteam-timeapprove .table .stagThree td:nth-child(7){background-color: #ff9b9b26; font-weight: 600; color: #1c1c1e;}
.myteam-timeapprove .showfltr-full .empresultBox {width: 100%; height: 235px; padding: 5px;}
.myteam-timeapprove .showfltr-full .resultBox .list{border:none; margin: 0; max-height: 225px;overflow:hidden;}
.myteam-timeapprove .showfltr-full .resultBox:hover .list{overflow-y: auto;}
.myteam-timeapprove .showfltr-full .resultBox .list .checkbox {margin: 6px 0}
.myteam-timeapprove .showfltr-full .resultBox .list .noData{ font-size: 20px; text-align: center; margin-top: 50px; opacity: .5;}
.myteam-timeapprove .shadow-topFilter .pullupBtn {top: -5px !important;right: -5px !important;animation: expand-pulse .8s infinite alternate;}
.myteam-timeapprove .shadow-topFilter .category-list { padding-left: 0; display: flex; }
.myteam-timeapprove .shadow-topFilter .category-list label{ margin: 0; font-size: 14px; display:inline-block;}
.myteam-timeapprove .shadow-topFilter:hover .bwt-filter {animation: expand-pulse .4s infinite alternate;}
.monthlyDwldDropDown{}
.monthlyDwldDropDown .dropdown-menu:before{ border-bottom-color: #b1b1b1 !important; right: 118px;}
.monthlyDwldDropDown li a{ font-size: 16px; font-weight: 500; color: #48484a; }
.monthlyDwldDropDown li a:hover{ color: #1c84c6; }
.timeapprove-filter .visible-xs,.myteam-alltime.myteam-timeapprove .visible-xs {padding: 0px 15px 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);margin: 8px 0px;border-radius:6px;}
.admn-tmcrd .btn-group{top: -2px;}
.admn-tmcrd .btn-group .btn:hover,.admn-tmcrd .btn-group .btn:active,.admn-tmcrd .btn-group .btn:focus{color:#757474 !important;}
.admn-tmcrd .shadow-topFilter .btn:active {box-shadow: inherit;}
/*Monthly Card css*/
.myteam-mnthlycrd .mytimecard-top .monthly-filter {margin-top: 10px;}
.myteam-mnthlycrd .mytimecard-top .monthly-filter .panel-body .col-lg-2,
.myteam-mnthlycrd .mytimecard-top .monthly-filter .panel-body .mnthly-select{float:left;}
.myteam-mnthlycrd .mytimecard-top .myteam-mnthfilter2nd {margin-top: 20px;}
.myteam-mnthlycrd .mytimecard-top .myteam-mnthfilter{margin-top: 0 !important;}
.myteam-mnthlycrd .mytimecard-top .timecard-drop{position: relative;top: 7px;right: -15px;}
.myteam-mnthlycrd .mytimecard-top .timecard-drop .btn {padding: 4px 14px;}
.myteam-mnthlycrd .mytimecard-top .ibox-content.row{margin: 0px !important;padding: 0px 0px 9px 0px !important;}
.myteam-mnthlycrd .mytimecard-top.timecard-top .ibox-title {margin: 10px -15px 10px -15px;padding: 0px 7px 2px !important;}
.monthly-filter .myteam-mnthlycrd-fil .col-md-4 select{margin-bottom:10px;}
.monthly-filter .myteam-mnthlycrd-fil .col-md-4 .pdf-excel .dropdown {margin-right: 0px !important;}
.monthly-filter .mnthly-filtericon .timecard-drop{display:block;}
.myteammnthly .ibox-content{padding: 0px 0px 9px 0px !important;}
.myteammnthly .mnthly-arrow{padding-top:0px !important;font-size:20px;margin-right:-10px}
.type-drop .ng-isolate-scope{}
.type-drop .ng-isolate-scope .btn-group{width: 88% !important;padding-left: 10px;}
.type-drop .ng-isolate-scope .btn-select-left{width: 90% !important;text-align: left;}
.type-drop .bwt-cancel{padding: 5px 5px !important;}
.type-drop .bwt-filter{margin-left:0px !important;padding: 5px 0px !important;} 
/*All Timecard -Myteam */
.myteam-alltime.myteam-timeapprove .form-group-2 {margin-bottom:0px !important;}
.myteam-alltime.myteam-timeapprove .form-group-2 .ben-Unlockbtn{max-width: 100% !important;margin-left: 5px !important;box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;background-color: #fff !important;width: 125px;}
.myteam-alltime.myteam-timeapprove .form-group-2 .ben-Unlockbtn .ben-Unlockicon,.myteam-alltime.myteam-timeapprove .form-group .ben-Unlockbtn .ben-Unlocktext{color:#1c84c6 !important}
.myteam-alltime.myteam-timeapprove .slct-cntrol {float:left;}
.myteam-alltime.myteam-timeapprove .col-md-4  {padding-right:0px;}
.myteam-alltime.myteam-timeapprove .col-md-4 .info-dtl {font-size: 12px;float: left;margin-left: 5px;margin-top: 5px;}
.myteam-alltime.myteam-timeapprove .ibox-content .panel-body {padding: 10px;}
.myteam-alltime .panel-body .form-group:last-child{margin-bottom: 0px !important;padding-right: 0px;}
.myteam-alltime .panel-body .form-group:first-child{padding-left: 0px;}
.myteam-alltime .myteam-timecrdtbl .table tr td:nth-child(6) span,.myteam-timemissing .myteam-timecrdtbl .table tr td:nth-child(5) span{font-size: 12px;border-radius: 15px;color: #fff;min-width: 95px !important;display: inline-block;}
.myteam-alltime .myteam-timecrdtbl .table tr td:nth-child(6) .label.label-default {background-color: #FB7E00 !important;}
.myteam-timemissing .myteam-timecrdtbl .table tr td:nth-child(5) .label.label-default {background-color: #ddd !important; color: #1c1c1e; font-size: 14px; padding: 6px 15px;}
.myteam-timemissing .jobsInstantMoreDets { top: 40px; right: 0px; }
.myteam-alltime .myteam-timecrdtbl{height:auto !important;}
.myteam-alltime .recbtm-mnu.mblbtm-mnu {left: 180px;width: calc(100% - 340px);padding-bottom: 2px;}
.myteam-alltime .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -130px);}
.myteam-alltime .recbtm-mnu.mblbtm-mnu .mnu-expand { top: 2px;}
.myteam-alltime .recbtm-mnu.mblbtm-mnu.show .mnu-expand {top: 8px;}
/*Billing -My team*/
.myteam-billing.myteam-timeapprove .panel-body .top {margin-top:15px;}
.myteam-billing.myteam-timeapprove  .panel-body .form-group {margin-right:0px !important;padding-right: 0px;padding-left: 1px;}
.myteam-billing.myteam-timeapprove  .panel-body .form-group:last-child{padding-left:8px;}
.myteam-billing.myteam-timeapprove .panel-body .form-group:nth-child(1) > .tmscalendar {background: #fff;cursor: pointer;font-size: 17px;
padding: 5px 11px !important;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;background-color: #fff !important;border-radius: 21px;}
.myteam-billing.myteam-timeapprove  .panel-body .form-group:nth-child(5) {padding-right:15px;}
.myteam-billing.myteam-timeapprove  .panel-body .form-group:nth-child(8) {width: 41%;}
.myteam-billing.myteam-timeapprove  .panel-body .drop-fltr button{padding: 2px 4px;}
.myteam-billing.myteam-timeapprove.myteam-alltime .panel-body .form-group select {width: 100% !important;border-radius: 21px;font-size: 17px;}
.myteam-timeapprove .resetApply,.myteam-mnthlycrd .mytimecard-top .monthly-filter .panel-body .resetApply {background-color: #f25d5d !important;color: #fff !important;}
.myteam-timeapprove .jobsInstantMoreDets { top: 40px; }
.myteam-billing .myteam-billing-fil .col-md-4 .btn-select-all, .myteam-billing .myteam-billing-fil .col-md-4 .switch1 {margin-right: 10px;}
.myteam-billing .myteam-billing-fil .check-box-cover input:checked ~ .checkmark {border-radius:25px;}
.myteam-billing .middle .pull-right{padding-top:0px !important;}
.myteam-billing .middle .pull-right.top .bwt-new {float: left;}
.myteam-billing .middle .pull-right.top .new-filter {float: left;margin-top: -5px;margin-left: 5px;}
.myteam-billing .shadow-topFilter{margin: 0;}
.myteam-billing thead th:nth-child(1), .myteam-billing thead th:last-child{border-radius: 0;}
.myteam-billing .stagTwo td.projectNme span, .myteam-billing .stagThree td.projectNme span {white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;display: inline-block;position: relative;padding-top: 10px;}
.myteam-billing .stagThree td.projectNme  span{width:95%;padding-left:15px;}
.myteam-billing .stagThree td.projectNme, .myteam-billing .stagTwo td.projectNme {display: inline-table;width: 60%;}
.myteam-billing .stagThree th:nth-child(4){padding-left:15px;}
.myteam-billing .shadow-topFilter .billingDwldDropDown .dropdown-menu:before { right: 115px !important; }
.myteam-billing .shadow-topFilter .billingDwldDropDown li a { font-size: 16px; font-weight: 500; color: #48484a; }
.myteam-billing .shadow-topFilter .billingDwldDropDown li a:hover { color: #1c84c6 !important; }
.myteam-timeapprove .searchbox .fa-times-circle,.MyteamMonthly-btmnu .searchbox .fa-times-circle {font-size: 20px;position: absolute;right: 18px;top: 15px;} 
/*Missing -My team*/
.myteam-timeapprove.myteam-timemissing .panel-body .form-group select {width: 180px !important;}
.myteam-timemissing #manufcadd .modal-header h3 {margin: 0px 5px 3px 0px; font-size: 25px;}
.myteam-timemissing #manufcadd .modal-header .lft{float: left;}
.myteam-timemissing .filterSECApprove .col-md-1 {padding-right: 0px;}
#reminderpreviewModal .modal-body{overflow-y:hidden;}
#reminderpreviewModal .modal-body:hover{overflow-y: auto;}
/*Admin Monthlycard*/
.filterSECMonthly .fltr .col-md-4.dateR .input-group-addon{padding: 0px 12px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;border: 1px solid #fffefe; border-right: 0px;}
/*myteam-time-popup*/
.myteam-time-popup .modal-header{background-color:#eee;padding: 9px 15px;border-radius: 10px 10px 0px 0px;}
.myteam-time-popup .modal-header .modal-title {font-size:18px;}
.myteam-time-popup .modal-header .close {font-size:30px;}
.myteam-time-popup .modal-body {padding: 10px 15px 15px 15px;}
.myteam-time-popup .modal-body textarea.form-control {border-radius: 5px;}
.myteam-time-popup .modal-footer button{border-radius:25px;min-width:90px;}
.myteam-time-popup .modal-footer button.btn-primary {border-color: #2ca01c !important;background-color: #2ca01c !important;}
#bulkModal .modal-body .form-group{padding: 15px 0px;margin-bottom: 0px;}
#bulkModal .modal-body .form-group label{display: block;font-size: 17px;font-weight: 500;margin-bottom: 0px;}
/*My Team Mobile*/
.myteam-mbl {display:none;margin-top: 15px;}
.myteam-mbllst {margin: 0px 3px 13px;border-radius: 20px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 25%) !important;padding: 9px 9px 5px;position: relative;clear: both;}
.myteam-mbllst .pull-left{width: 94%;padding-left:20px;}
.myteam-mbllst .pull-left .circle-badge{position: absolute;left: -2px;top: -2px;border-radius: 60px 0px 35px 0px !important;height: 30px;}
.myteam-mbllst .pull-right{width: 4%;margin-top:-10px;padding-right: 20px;}
.myteam-mbllst .pull-right a{font-size:20px;}
.myteam-mbllst .pull-left label{margin-top: 0px !important;}
.myteam-mbllst  h3{margin-top: 0px;}
.myteam-mbllst .btm{clear:both;margin: 0px 0px 5px;display: inline-block;width: 100%;border-top: 1px solid #ccc;padding-top: 10px;}
.myteam-mbllst .btm ul{width:100%;clear:both;padding-left: 0px;margin-bottom: 0px;}
.myteam-mbllst .btm ul li{list-style:none;float: left;width: 33%;font-size: 19px;}
.myteam-mbllst .btm ul li p{display:block;margin-bottom: 5px;}
.tmeapp-new .comp-timeline::before {top: 20px !important;left: 76px !important;}
.tmeapp-new .theme-bottom-btn button.LR-anim {width: 90px;  border-radius: 25px;font-size: 13px;text-transform: capitalize;float: left;margin-bottom: 0px;margin-top: 8px;}
.tmeapp-new .theme-bottom-btn li:last-child {position: relative;top: -7px;}
.tmeapp-new .mblbtm-mnu{width: calc(100% - 337px);left: 164px;}
.tmeapp-new .myteam-mbl .mblbtm-mnu.show {margin-left: calc(-100% - -206px);}
.tmeapp-new .mblbtm-mnu.show .mnu-expand {top: 14px;}
.tmeapp-new .myteam-mbl .mblbtm-mnu .panel-body {right: -197px;margin-bottom: 13px;}
.tmeapp-new .myteam-mbl .mblbtm-mnu .panel-body:before {right: 39% !important;}
.tmeapp-new .mblbtm-mnu .mnu-expand {top: 8px;}
.tmeapp-new .theme-bottom-btn button.LR-anim.resend{color: #fff;font-weight: 500;padding: 4px 8px;border-radius: 50px;font-size: 16px;margin-left: 5px;display: inline-block;height: auto;float: none;margin-top: -19px;}
.tmeapp-new .myteam-mbl .mblbtm-mnu.show{margin-left: calc(-100% - -206px);}
.myteam-mbl .mblbtm-mnu .mnu-expand{left: 10px;}
.myteam-mbl .mblbtm-mnu.show {margin-left: calc(-100% - -135px);}
.myteam-mbl .mblbtm-mnu .panel-body {width: 415px;margin-bottom: 20px;right: -25px;padding: 12px 7px 7px;border-radius:5px;border: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(1){border-bottom: 1px solid #ebe7e7;padding-bottom: 13px;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(2){width:100%;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(3){width: 30%;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(4){width: 20%;text-align: center;padding-left: 20px;margin-top: 4px;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(5){width: 44%;margin-right: 0;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(6){width:70%;border-top: 1px solid #ebe7e7;padding-top: 13px;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(7){width:25%;float:right;border-top: 1px solid #ebe7e7;padding-top: 13px;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(7) button,.myteam-alltime .mblbtm-mnu li.filter .form-group:last-child button{width:auto;padding: 5px 7px !important;}
.tmeapp-new .mblbtm-mnu li:last-child .form-group:nth-child(7) button span,.myteam-alltime .mblbtm-mnu li.filter .form-group:last-child button span{left:3px;}
.myteam-billing .mblbtm-mnu {width: calc(60% - 100px);left: 175px;} 
.myteam-billing .mblbtm-mnu.show {width: calc(60% -  50px);}
.myteam-billing .mblbtm-mnu .mnu-expand {top: 6px;}
.myteam-billing .mblbtm-mnu.show .mnu-expand {top: 10px;}
.myteam-alltime .myteam-mbllst .expand .expandlst{background-color: #eee;padding: 2px;border-radius: 10px;margin-bottom: 6px;}
.myteam-alltime .myteam-mbllst .expand .lft{float:left;font-size: 18px;}
.myteam-alltime .myteam-mbllst .expand .rht{float:right;}
.myteam-alltime .myteam-mbllst .expand .btm{border-top:0px;}
.myteam-alltime .myteam-mbllst .expand .btm li{margin-bottom:15px;}
.myteam-alltime .myteam-mbllst .expand .btm p{margin-bottom:0px;}
.myteam-alltime .myteam-mbllst .expand .btm span.label{border-radius:25px;width: auto !important;}
.myteam-alltime .myteam-mbllst .table-responsive{display: inline-block;}
.myteam-alltime .myteam-mbllst .candidate-mbllst .top{display:inline-block;width: 102.6%;padding: 14px 10px 2px 0px !important;}
.myteam-alltime .myteam-mbllst .candidate-mbllst .mbl-head h3 {font-size: 20px;margin-top: -5px;width: 93% !important;}
.myteam-alltime .myteam-mbllst .candidate-mbllst .mbl-head h3 span {}
.myteam-alltime .myteam-mbllst .candidate-mbllst .mbl-head .payroll-checkbox{top:5px}
.myteam-alltime .myteam-mbllst .candidate-mbllst li {margin-bottom: 0px !important;width: 100% !important;padding: 5px 0px;}
.myteam-alltime .myteam-mbllst .candidate-mbllst li p:nth-child(1) {width: 100% !important;}
.tmeapp-new .myteam-mbllst h3 {float: left;width: 90%;}
.tmeapp-new .myteam-mbllst h4{clear:both;font-size:16px;}
.tmeapp-new .myteam-mbllst h4 span{color: #337ab7;}
.myteam-timemissing .myteam-mbllst .pull-left {padding-left:5px;} 
.myteam-timemissing .myteam-mbllst .pull-left h3{font-size:18px;}
.myteam-timemissing .myteam-mbllst .pull-left h4{clear:both;font-size:17px;margin-left:35px;}
.myteam-timemissing .myteam-mbllst .pull-left .un-circle-badge-gr{float:left;margin-right:5px;margin-top:-5px;}
.myteam-timemissing .myteam-mbllst .pull-left .bwt-cancel{min-width: 32px;position: relative;top: 8px;}
.myteam-timemissing .myteam-mbllst .btm ul li span{background-color: #ddd !important;color: #1c1c1e;font-size: 14px;padding: 6px 15px;border-radius:15px;}
.myteam-timemissing .myteam-mbllst .btm ul li span.label-danger {background-color: #ed5565 !important;color: #fff;}
.MyteamMonthly-mbl .dwld-mbl .dropdown{float:left;}
.MyteamMonthly-mbl .dwld-mbl .dropdown li{width:100%;}
.MyteamMonthly-mbl .dwld-mbl .dropdown .dropdown-menu:before{right:auto;left:0px;}
.MyteamMonthly-mbl .expand .expandlst{background-color: #eee6;padding: 4px 2px;border-radius: 10px;margin-bottom: 6px;}
.MyteamMonthly-mbl .expand .lft{float:left;font-size: 18px;width: 85%;}
.MyteamMonthly-mbl .expand .lft .circle-badge-22{float:left;}
.MyteamMonthly-mbl .expand .lft h3{font-size:20px;float: left;margin: 5px 0px 0px 10px;}
.MyteamMonthly-mbl .expand .rht{float:right;}
.MyteamMonthly-mbl .expand .rht span{font-size:20px;}
.MyteamMonthly-mbl .expand .btm{border-top:0px;}
.MyteamMonthly-mbl .expand .btm li{margin-bottom:15px;}
.MyteamMonthly-mbl .expand .btm p{margin-bottom:0px;}
.MyteamMonthly-mbl .expand .btm span.label{border-radius:25px;}
.MyteamMonthly-mbl .expand .table-responsive{display:block;}
.MyteamMonthly-mbl .MyteamMonthly-btmnu,.mytimecard-top .mytimecrd-btmnu.recbtm-mnu{left: 210px;width: calc(40% - 40px);padding:5px 0px}
.monthlyTimeCrd .recbtm-mnu.mblbtm-mnu.show,.mytimecard-top .mytimecrd-btmnu.recbtm-mnu.show{margin-left: calc(-100% - -208px);}
.MyteamMonthly-mbl .MyteamMonthly-btmnu .mnu-expand{top:5px;}
.MyteamMonthly-mbl .MyteamMonthly-btmnu.show .mnu-expand{top:10px;} 
.myteam-sendmail.paystge-modal .modal-dialog{width:80% !important;} 
.prjItems{ padding: 10px 10px; font-size: 18px; margin-bottom: 12px; font-weight: 500; color: #1c1c1e; border-radius: 6px; cursor: pointer; border-left: 3px solid #eee; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.prjItems:hover{ background-color: #eee; border-left: 3px solid #ddd; }
.prjItems.selected{ background-color: #deffe0; border-left: 3px solid #2cA01C; color: #2cA01C}
.admn-tmcrd .mblbtm-mnu .head .text,.Timesheet .mblbtm-mnu .head .text,.myteam-alltime .mblbtm-mnu .head .text {float: left;font-size: 20px;font-weight: 500;color: #48484a;margin-top: 4px;background-color: #eee;width: 100%;padding: 8px 10px;border-radius: 5px 5px 0px 0px;}
.Timesheet .mblbtm-mnu .head{margin: -3px -5px 10px;}
.Timesheet .clients-list .nav-tabs .tabs-desktop-plus{display:none !important;}
.monthlyTimeCrd .recbtm-mnu.mblbtm-mnu {left: 200px;width: calc(100% - 380px);}
.monthlyEmp-btmnu.recbtm-mnu.mblbtm-mnu{padding-bottom: 5px;}
.monthlyTimeCrd .recbtm-mnu.mblbtm-mnu .pdf-excel .dropdown-menu,.myteam-billing.myteam-timeapprove .panel-body .pdf-excel .dropdown-menu {right: 0px !important;width: auto !important;top: 0px !important;bottom: auto !important;margin-top: 35px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c65c !important;}
.monthlyEmp-btmnu.mblbtm-mnu .panel-body,.mytimecard-top .mytimecrd-btmnu .panel-body{width: 540px !important;right: -260px !important;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.monthlyEmp-btmnu.mblbtm-mnu .head {margin: -3px 1px 10px;}
.mytimecard-top .mytimecrd-btmnu .head {margin: -3px 1px 10px -14px;}
.myteam-alltime .myteam-mbllst .btm ul li:nth-child(1) p:last-child,.myteam-alltime .expand td:nth-child(9),.myteam-alltime .expand th:nth-child(9){background-color: #2eff1126;color: #2cA01C !important;margin-right: 5px;padding-left:5px;}
.myteam-alltime .myteam-mbllst .btm ul li:nth-child(2) p:last-child,.myteam-alltime .expand td:nth-child(10),.myteam-alltime .expand th:nth-child(10){background-color: #ff9b9b26;color: #2cA01C !important;margin-right: 5px;padding-left:5px;}
/*Report Page Css*/
.getreport-blk .ibox-title .form-inline .col-md-5, .getreport-blk .ibox-title .form-inline .col-md-2, .getreport-blk .ibox-title .form-inline .col-md-4 {margin-bottom: 15px;padding: 0px 6px;}
.getreport-blk .filter-blk .responsive-filter{position: absolute;right: 29px;top: 28px;padding: 0px 2px 2px 6px;border-radius: 0 10px 0 15px;z-index: 50;cursor: pointer;background-color: #eee;font-size: 20px;}
.getreport-blk .filter-blk label.position-absolute {position: absolute;font-size: 13px;font-weight: 600;color: #1c84c6;background-color: #fff;top: -1px;left: 22px;padding: 0px 5px;border-radius: 4px;}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {overflow-y: scroll;overflow-x: inherit;}
/*Document center css start*/
.btch-del{padding: 5px 8px !important}
.document-blk {padding: 0px 5px;}
.document-blk .tabs-container .nav.nav-tabs #tabMenu > a {padding: 3px 15px !important;color: #3a3c3d;border-bottom: 3px solid #676a6c !important;margin-right: 0px;}
.document-blk .tabs-container .nav.nav-tabs #tabMenu.active > a {border-bottom: 4px solid #1c84c6 !important;}
.document-blk .tabs-container .nav.nav-tabs .myhr-dotmenus > a{ padding: 1px 1px 2px;border-bottom: 3px solid #676a6c !important;font-size: 15px;display:none;margin-top: -1px;}
.document-blk .tabs-container li.myhr-dotmenus .dropdown-menu{right:0px;left:auto;padding: 3px;}
.document-blk .tabs-container li.myhr-dotmenus .dropdown-menu a{font-size:16px;padding:5px 5px !important}
.DocuEmployee .document-blk .tabs-container .nav.nav-tabs .myhr-dotmenus > a{display:none!important;}
.document-blk .table .btn-group a:hover{    transform: scale(1.1);}
.document-blk .fixed-head-myhr select {border-radius: 25px !important;}
.document-blk .fixed-head-myhr .slider1 {background-color: transparent !important;}
.document-blk .table .MobileList a {border: 1px solid #7b7a7a;color: #7b7a7a;font-size: 15px;padding: 5px 8px; border-radius: 3px;}
.document-blk .ibox-content table tr th,.document-blk .ibox-content table tr td{white-space:nowrap;}
.document-blk .ibox-content table tbody tr td {border-top: 0px!important;border-bottom: 1px solid #e7eaec;}
 .document-blk .ibox-content table tbody tr td.hve-action .bwt-hrv{display:block !important;width: 200px;}
.document-blk .ibox-content table tbody tr td .label-info[ng-show="x.expiredDoc == true"] {font-size: 16px;border-radius: 58px;}
.document-blk .ibox-content table tbody tr td .circle-badge {background-color: #0095F6 !important;height: 30px !important;width: 30px !important;line-height: 30px !important;color: #fff !important;font-weight:500;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; margin: 0;font-size: 13px; }
.document-blk #document .ibox-content table tbody tr td .circle-badge{position:relative;left: 3px;}
.document-blk #document #rightfolder.col-md-12 table tbody tr td .circle-badge{left: 21px;}
.document-blk #document .ibox-content.Scroll table tbody tr td .circle-badge,.document-blk #document #rightfolder.col-md-12 .ibox-content.Scroll table tbody tr td .circle-badge{left:12px;}
.all-circle-badge{background-color:rgba(28, 132, 198 , 0.2) !important; color: #1c84c6 !important; }
.hr-circle-badge{background-color:rgba(92, 209, 79 , 0.2) !important; color: #5cd14f !important; }
.payroll-circle-badge{background-color:rgba(238, 180, 46 , 0.3) !important; color: #eeb42e !important; }
.profile-circle-badge{background-color:rgba(132, 140, 121 , 0.2) !important; color: #848c79 !important; }
.id-circle-badge{background-color:rgba(77, 191, 157 , 0.3) !important; color: #4dbf9d !important; }
.timecard-circle-badge{background-color:rgba(233, 110, 127 , 0.3) !important; color: #e96e7f !important; }
.common-circle-badge{background-color:rgba(30, 129, 5 , 0.2) !important; color: #1e8105 !important; }
.w4-circle-badge{background-color: #d1dade !important; color: #fff !important; }
.email-circle-badge{background-color:rgba(230, 89, 21 , 0.2) !important; color: #e65915 !important; }
.document-blk .ibox-content table tbody tr td:last-child .btn-group {position: relative;top: 3px;}
.document-blk .docblk-right.col-md-6 table tbody tr td:last-child .btn-group{min-width:155px;}
.document-blk  #Paystubs .ibox-content table tbody tr td:last-child .btn-group {width: 115px;}
.document-blk  #Paystubs .ibox-content table tbody tr td:nth-child(5) img {height:45px !important;}
.document-blk  #Payroll-rht.col-md-9 .bwt-collapse{display:none;}
.document-blk  #Payroll-rht.col-md-9.col-lg-12 .bwt-collapse{display:block;}
.document-blk #Payroll-rht.col-md-9.col-lg-12 .doc-tabone td .payroll-checkbox {left: 22px !important;}
.document-blk  #Payroll-rht{width: 75%;}
.document-blk  #Payroll-rht.col-md-9.col-lg-12{width: 100%;}
.document-blk  #Payroll-rht .docu-bottom.top{padding:10px;}
.document-blk  #Payroll-rht .docu-bottom.top .bwt-new{margin-bottom:0px !important;} 
.document-blk #Paystubs .slctall{display:none;}
.document-blk .ibox-content table tbody tr td:nth-child(5) img{height:30px;}
.document-blk .document-filter {margin:0px 0px !important;}
.document-blk .document-filter .panel-heading.fixed-head-myhr{background-color:transparent !important;}
.document-blk .document-top{box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;border-radius: 10px;
padding: 6px 12px 6px 0px;margin: 0px 0px 15px 0px;width: 100%;}
.document-blk .document-top #mybutton{ border-radius: 30px;color: #fff;width: 35px;height: 35px;font-size: 21px;padding: 5px 9px;background-color: rgba(32, 187, 252, 0.8) !important;}
.document-blk .document-top .col-md-3 strong{float: left;padding-right: 15px;}
.document-blk .filterText {color: #000;float: left;text-transform: uppercase;opacity: 0.2;font-size: 35px;position: absolute;top: 12px;left: 15px;margin: 0px;}
.document-blk .doc-send {box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;border-radius: 15px;padding: 12px 0px 11px 0px;position: relative;}
.document-blk .docblk-left  {padding-right:0px;margin-top:10px;width: 20%;padding-left: 10px;}
.document-blk .col-md-9{width:80%;}
.document-blk .docblk-left .ibox {border-radius:15px;margin-bottom: 15px;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.document-blk .docblk-left .ibox-content {padding: 0px;border-radius: 10px;}
.document-blk .docblk-left .file-manager {border-radius:5px;}
.document-blk .docblk-left .file-manager .top{color: #363535 !important;background-color: #eee !important;padding: 3px 5px 0px 15px;border-radius: 10px 10px 0px 0px;}
.document-blk .docblk-left .file-manager .bottom{padding: 10px;}
.document-blk .docu-bottom{padding:0px 5px;}
.docblk-right .fuploadmobView .footable td.calwd .input-group{width:180px;}
.doc-Fileupload-f16 .headerF16 .bwt-cancel i{display:none;}
.document-blk .MapTable{margin: 0px 1px 10px;background-color: #fff;padding: 5px 4px 5px 7px !important;border-radius: 4px;border: 3px solid #eee !important;}
.document-blk .MapTable .candidate-mbllst .shadowBorder {width: 100% !important;border-radius: 25px !important;height: 40px;color: #000;font-size: 16px !important;}
.document-blk .MapTable .candidate-mbllst .top {border-radius: 5px 5px 0px 0px;}
.document-blk .MapTable .candidate-mbllst ul li {padding: 0px 0px 10px;}
.document-blk .MapTable .candidate-mbllst ul li:last-child {padding: 0px 0px 0px;border-bottom:0px;}
.document-blk .MapTable .candidate-mbllst ul li p > span:last-child {width: 100% !important;}
.document-blk .MapTable .candidate-mbllst ul li p > span:first-child {width: auto;position: relative;top: 13px;font-size: 14px !important;color: #000;font-weight: 500;background-color: #fff;left: 15px;padding: 5px 5px;}
.document-blk .MapTable .fuploadmobView .onoffswitch-inner:before {padding-left: 0px;}
.document-blk .MapTable .docs-nw-fltr{box-shadow:inherit !important;margin: 0px;}
.document-blk .MapTable .doc-tabone th:first-child{border-radius:10px 0px 0px 0px;}
.document-blk .MapTable .doc-tabone th:last-child{border-radius:0px 10px 0px 0px;}
.document-blk .MapTable .top .col-md-2{width: 4%;}
.document-blk .MapTable .top .col-md-4 strong{font-size: 17px;float: left;padding: 7px 5px 0px 0px;}
.document-blk #document .ibox-content.Scroll,.document-blk #document .MapTable.ScrollAdd .fuploadmobView{overflow-x:scroll;}
.document-blk #document .upload-new{width: calc(100% - 45px);margin-left: 20px;border: 1px solid #eee;border-radius: 5px;margin-bottom: 5px;}
.document-blk #document .upload-new .btn-block {width: 16%;margin: 5px 0px 0px;font-size: 17px;}
.document-blk .upload-new .btmone{background-color: #eeeeee8a;margin: 0;padding: 5px 5px 0px;border-radius: 2px 2px 5px 5px;}
.document-blk .upload-new .docu-upload {padding: 10px 5px 5px 5px;}
.document-blk #document .upload-new .docup,.new-identification .newId .docup .rej-ptotab,.docu-upload .docup {margin: 0px auto 15px;width: 90%;padding: 15px 15px 10px 15px;position: relative;background-color: #d5eefd;color: #1c84c6;border: 1px dashed #1c84c6;}
.document-blk #document .upload-new .docup:hover,.new-identification .newId .docup .rej-ptotab:hover,.docu-upload .docup:hover {background-color: #fff;border:1px solid  #1c84c6;}
.document-blk .upload-new .docu-upload h3,.new-identification .newId .docup .rej-ptotab span.heading,.docu-upload .docup h3 {font-size: 22px;margin: 0px 0px 5px;font-weight: 400;color: #000;}
.document-blk .upload-new .docu-upload .text-muted,.docu-upload .docup .text-muted{font-size: 16px;color: #4e4b4b;}
.document-blk #document .upload-new span.pull-right {border-radius: 0px 0px 0px 14px;right: -5px;}
.document-blk #document .upload-new .checkmark {top: 3px;}
.document-blk #document .upload-new .check-box-cover {font-size: 20px;}
.document-blk .MapTable .doc-tabone td .shadowBorder,.document-blk .MapTable .doc-tabone td .shadowBorder-left{border-radius:15px;}
.document-blk .MapTable .doc-tabone td.btnicon{visibility:hidden;}
.document-blk .MapTable .doc-tabone tr:hover td.btnicon{visibility:visible;}
.document-blk #document .upload-new.emp-upload .right{display:block !important;}
.mapDoc-Tabexpand{overflow-x: scroll;}
.mapDoc-Tabexpand table{width: 135%; max-width: 135%;}
.typeWidth{width: 20%;}
.mapDoc-Tabexpand .typeWidth{width: auto;}
.fileNWidth{width: 40%;}
.mapDoc-Tabexpand .fileNWidth{width: 25%;}
.mapDoc-Table .dropdown-menu:before{right: 200px;}
.docu-upload{text-align: center;padding: 10px 10px 10px 10px;}
.docu-upload span.pull-right{position: relative;top: -10px;z-index: 9;background-color: #dddddd;border-radius: 6px 0px 1px 27px;right: -11px;padding: 5px;}
.docu-upload .fa-times{font-size: 19px;position: relative;top: 0px;right: -2px;cursor: pointer;color: #676a6c;}
.docu-upload .docup,.new-identification .newId .docup .rej-ptotab{border: 1px dashed #ccc;padding: 10px 15px 10px 15px;margin-bottom: 15px;}
.docu-upload .docup input[type=file],.new-identification .newId .docup .rej-ptotab input[type=file] {font-size: 24px;position: absolute;left: -37px;top: 11px;opacity: 0;margin-bottom: 0px;display: block; width: 84%;border-radius: 25px;cursor: pointer; height: 120px;}
.viewCandidate-page .drop-box span,#attachmentModal .drop-box span,.QuickCandi-mdl .drop-box span,.candiuploadmodal .drop-box span{color: #fff;border-radius: 25px;background-color: #2CA01C;padding: 5px 15px;margin-bottom: 10px;font-size: 19px;display: inline-block;height: auto;text-transform: capitalize;white-space: nowrap;
-webkit-animation: bubble-green 1s linear infinite;animation: bubble-green 1s linear infinite !important;animation-iteration-count: 1;}
@keyframes bubble-green {0% {box-shadow: 0 0 0 0.01em rgb(206 206 206 / 14%), 0 0 0 0.1em rgba(206, 206, 206, 0.15);}100% {box-shadow:  0 0 0 0.1em rgb(0 149 246 / 6%), 0 0 0 0.3em rgb(0 149 246 / 30%);}}
.document-blk .docblk-left .file-upload h3{float: left; margin:10px 0px;}
.docu-upload .check-box-cover{float:left;padding-left: 24px;}
.docu-upload .checkmark {border: solid 2px #33c1fc !important;border-radius: 10px;}
.docu-upload .check-box-cover input:checked ~ .checkmark {background-color: #33c1fc !important;border-color:#33c1fc !important;}
.docu-upload .check-box-cover .checkmark:after {left: 6px;top: 3px;}
.document-blk .docblk-left .file-upload .hr-line-dashed {border-top: 1px dashed #cfcfd0;}
.docu-upload .btn-block {background-color: #00bf0e !important;border-color: #00bf0e;border-radius: 20px;float: right;width: 55%;-webkit-animation: bubble-green 1s linear infinite;animation: bubble-green 1s linear infinite !important;}
.document-blk .docblk-left .file-manager .top h3 .bwt-blue {float: left;margin-left: 0px !important;font-size: 15px;margin-top: 0px !important;}
.document-blk .docblk-left .folder-list{margin-bottom:3px;}
.document-blk .docblk-left .folder-list li{margin: 0px -8px;padding-top: 0px !important;}
.document-blk .docblk-left .file-manager .bottom div:last-child .folder-list li{border-bottom:0px}
.document-blk #Paystubs .docblk-left .folder-list li{margin: 0px 0px;font-size: 17px !important;padding:7px 10px 7px !important;}
.document-blk #Paystubs .docblk-left .ibox-content {padding:0px 5px 10px 5px;}
.document-blk #Paystubs .docblk-left .ibox-content .file-manager h3 {background-color: #EEEEEE;padding: 8px 8px;font-weight: bold;font-size: 17px;
color: #48484a;border: 0px;margin: 0px -5px 10px;text-transform: uppercase;border-radius: 15px 15px 0px 0px;}
.document-blk #Paystubs .doc-tabone tr .btn-group,.document-blk #Paystubs .docblk-left .folder-list .cir-btn{visibility:hidden;}
.document-blk #Paystubs .doc-tabone tr:hover .btn-group,.document-blk #Paystubs .docblk-left .folder-list:hover .cir-btn{visibility:visible;}
.document-blk #Paystubs .docblk-left .ibox-content .file-manager h3 span{width: 30px;height: 30px;background-color: #1c84c6;color: #fff;border-radius: 50%;display: inline-block;text-align: center;line-height: 30px;}
.document-blk #Paystubs .doc-tabone .tooltiptext{bottom: auto;top: -24px;} 
.document-blk .paystubs-Fil .col-md-3{width: 18%;}
.document-blk .paystubs-Fil .col-lg-2{width: 16%;}
.document-blk .paystubs-Fil .col-lg-1{width: 11%;}
.document-blk .paystubs-Fil select{width:100%;}
.document-blk #Paystubs .file-managerLst{overflow-y: scroll;max-height: 600px; padding: 10px 4px 5px 8px;}
.document-blk #Paystubs .candidate-mbllst ul li p span:first-child {width: 125px;}
.document-blk #Paystubs .candidate-mbllst ul li p span:last-child {width: calc(100% - 125px) !important;}
.document-blk #Paystubs .candidate-mbllst .img-circle{height: 25px !important;width: 25px;float:left;margin-right: 5px;}
.document-blk #Paystubs .candidate-mbllst .btm ul li{padding: 3px 0px;}
.document-blk #Paystubs .candidate-mbllst ul li p span:last-child span {width: auto !important;}
.document-blk .docblk-left .folder-list li a {padding: 5px 10px;font-size:17px;}
.document-blk .docblk-left .folder-list li a span.label.pull-right{width: 40px !important;font-size: 13px;text-align: center;}
.document-blk .docblk-left .folder-list li a:hover {background-color: #dedede;}
.document-blk .document-top .col-lg-2.col-sm-2 .shadowBorder{background-color: transparent;padding: 3px 10px !important;border-radius: 15px !important;color: #363535 !important;}
.document-blk .doc-send .form-group {width: 15%;margin-right: 7px;}
.document-blk .doc-send .form-group select {width:100%;margin-right:0px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.document-blk .doc-send .right {float:left;width:96%;}
.document-blk #send .form-inline button,.document-blk #send .form-inline a{margin:10px 0px;}
.doc-tabone  thead{color: #363535 !important;background-color: #eee !important;border-bottom: 2px solid #a9a9ae; border-radius: 15px !important;}
.doc-tabone  thead th a {color: #434040 !important;margin-left: 5px;}
.doc-tabone  thead th {font-size: 17px;}
.doc-tabone  tbody td {font-size: 16px;}
.docblk-left .file-manager .upfile-ico{position: relative;z-index: 9;}
.docblk-left .file-manager .ad-file{position: absolute;background-color: rgba(44, 160, 28, 1) !important;border: none !important;color: #fff !important;padding: 8px 10px;border-radius: 25px 5px 5px 25px;
left: 0;width: 83px;font-size: 15px;top: -10px;z-index: -9;visibility: hidden;}
.docblk-left .file-manager .upfile-ico:hover .ad-file {visibility:visible;left:-63px;}
.document-filter .col-md-7.col-sm-6 img{float:left;}
.document-filter .col-md-7.col-sm-6 .right{float:left;padding-left:5px;}
.document-blk .docblk-left .ibox-content.bdr{border: 2px dotted #2ca01c;}
.document-blk .tabs-container .panel-body {padding: 0px 10px !important;border: 0px !important;}
.document-blk #send .table thead{color: #363535 !important;background-color: #eee !important;}
.document-blk #send .table thead a{color: #363535 !important;}
.bread-hover{display:none;}
.document-blk #inbox .rounded-action .cir-btn,.document-blk #signed .rounded-action .cir-btn,
.document-blk #send .rounded-action .cir-btn{display: inline-block;padding: 4px 4px !important;}
.document-blk #send .rounded-action .cir-btn{padding: 4px 7px !important;}
.document-blk #Paystubs .scroll-res .cir-btn{background-color: #ff675c !important;}
.document-blk #inbox .candidate-mbllst .dropdown-menu a{display:inline-block;padding: 5px 11px !important;font-size: 15px;}
.document-blk #inbox .candidate-mbllst .dropdown-menu{width: calc(100% - -180px);}
.document-blk #inbox .candidate-mbllst .dropdown-menu:before,.document-blk #send .candidate-mbllst .dropdown-menu:before{right: 3px;}
.document-blk #inbox .candidate-mbllst .top .dropdown-menu li{float:left;border-bottom: 0px;padding: 0px;width: auto !important;}
.document-blk #send .candidate-mbllst .dropdown-menu {width: calc(100% - -149px);padding: 0px 5px;right:0px;left:auto;}
.document-blk .fixed-head-myhr .col-md-10 .right{float:left;margin-left: 5px;width: 84%;display:flex;margin-top: 6px; height: 0 !important;}
.document-blk .fixed-head-myhr .col-md-10 .selectedEmpPanel{margin-top: -25px;}
.document-blk .fixed-head-myhr .col-md-10 .right .emp-heading {font-size: 20px !important;}
.ppl-docu .document-blk .document-filter .fixed-head-myhr .box-shadow-two {padding: 5px 10px 5px 10px !important;background-color: #eeeeeeb5 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.ppl-docu .document-blk .fixed-head-myhr .col-md-10 .selectedEmpPanel {margin-top: -35px;}
.pplcenpage-blk .document-blk .fixed-head-myhr .col-md-10 .right .emp-heading{margin-top: 0px !important;font-size: 30px !important;color: #1C84C6 !important;text-transform: uppercase;}
.ppl-docu .document-blk .fixed-head-myhr .col-md-10 .right .emp-type {top: -6px !important;}
.ppl-docu .document-blk .fixed-head-myhr .img-circle{border:1px solid #ccc;}
.document-blk .fixed-head-myhr .col-md-10 .right .emp-type {margin-left: 5px;margin-top: 15px !important;height: 27px;}
.document-blk .fixed-head-myhr .col-md-2.right{padding-top:10px;padding-right:0px;}
.document-blk .docs-nw-fltr{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border-radius: 4px;margin: 10px 2px 5px; padding: 7px 1px;}
.document-blk .docs-nw-fltr .form-group {margin-bottom: 3px !important;padding-top: 4px;float: left;padding-right: 10px;padding-left: 10px;}
.document-blk .docs-nw-fltr .form-group:nth-child(1){width: 68%;position:relative;}
.document-blk .docs-nw-fltr .form-group:nth-child(1) input{color: #1c84c6;padding-left: 33px;font-size: 19px !important;}
.document-blk .docs-nw-fltr .form-group:nth-child(1) span{position: absolute;left: 20px;top: 13px;font-size: 18px;opacity: 0.7;}
.document-blk .docs-nw-fltr .form-group:nth-child(1) .fa-times-circle{position: absolute;left: auto; right: 30px; top: 10px;font-size: 25px;opacity: 1; color: #676a6c; transition: .8s; cursor: pointer;}
.document-blk .docs-nw-fltr .form-group:nth-child(1):hover .fa-times-circle{color: #1c84c6;}
.document-blk .docs-nw-fltr .form-group:nth-child(2){width:20%;}
.document-blk .docs-nw-fltr .form-group:nth-child(3){width: 12%;}
.document-blk .docs-nw-fltr .form-group:nth-child(4) .filter-icon-search{padding: 1px 8px;}
.document-blk .docs-nw-fltr .form-group:nth-child(4) .filter-icon-cancel{padding: 1px 8px;}
.document-blk .docs-nw-fltr .form-group:nth-child(4){width: 25%;margin-top: 4px;}
.document-blk .docs-nw-fltr .form-group:nth-child(5){width: 22%;margin-top: 4px;}
.document-blk .docs-nw-fltr .form-group:nth-child(6){width: 9%;margin-top: 5px;}
.profile-blk .document-blk .docs-nw-fltr .form-group.peoplepge{display:none;}
.ppl-docu .document-blk .docs-nw-fltr .form-group.profilepge{display:none;}
.ppl-docu .document-blk .docs-nw-fltr .form-group:nth-child(1){width: 85%;}
.ppl-docu .document-blk .docs-nw-fltr .form-group:nth-child(3){width:15%}
.ppl-docu .document-blk .docs-nw-fltr .form-group:nth-child(3) .text-align-right{padding-right:20px !important;}
.ppl-docu .document-blk .docs-nw-fltr .form-group.peoplepge{width:29%;margin-top: 6px;}
.document-blk .docs-nw-fltr .form-group.advance{width: 15%;padding-right: 0px;float: right;}
.document-blk .docs-nw-fltr .form-group .form-group{width: 100% !important;float: right;}
.document-blk .docs-nw-fltr .form-group .doc-sort{width: 35%;}
.document-blk .empmbl-docfilter .form-group:nth-child(1){width: 85% !important;} 
.document-blk .empmbl-docfilter .form-group:nth-child(2) {display:none;}
.document-blk .empmbl-docfilter .form-group:nth-child(3){width: 15% !important;}
.document-blk  .empmbl-docfilter .form-group.advance {width: 13%;}
.document-blk .docs-nw-fltr .inputshadowBorder,.document-blk .MapTable .doc-tabone td .shadowBorder,.document-blk .MapTable .doc-tabone td .shadowBorder-left{/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c678 !important;*/border: 1px solid #ddd !important;}
.ppl-profile-blk .document-blk .docs-nw-fltr .form-group:nth-child(6) {width: 20%;float: right;}
.document-blk .docs-nw-fltr .form-group input, .document-blk .docs-nw-fltr .form-group select {border-radius: 25px !important;font-size: 18px;}
.document-blk .docs-nw-fltr .onoffswitch {width: 70px;}
.document-blk .docs-nw-fltr .onoffswitch-label,
.document-blk .docs-nw-fltr .onoffswitch-switch {border-radius: 20px;}
.document-blk .docs-nw-fltr  .onoffswitch-switch{background: #1c84c6;width: 17px;height: 17px;top: 3px;bottom: 3px;right: 48px;}
.document-blk .docs-nw-fltr .onoffswitch-inner:after {line-height: 22px;}
.document-blk .docs-nw-fltr .onoffswitch-inner:before {line-height: 20px;}
.document-blk .docs-nw-fltr .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {background-color: #fff;right: 5px;}
.document-blk .docs-nw-fltr .onoffswitch-inner:before,.document-blk .fixed-head-myhr .col-md-8.right .form-group:nth-child(1) .onoffswitch-inner:after {height: 22px;font-size: 13px;}
.document-blk .docs-nw-fltr .switch{position:relative;top:10px}
.document-blk .docs-nw-fltr  .form-group .switch1{position:relative;top: 7px;}
.document-blk .table-responsive td .label {border-radius: 10px;}
.document-blk .docs-nw-fltr .doc-sort button{width: 88%;padding: 2px 15px !important;background-color: #1c84c6;border-color: #1c84c6 !important;color: #FFFFFF;}
.document-blk .docs-nw-fltr .doc-sort button .dropdown-menu{left:auto;right:0px;}
.document-blk .docs-nw-fltr .switch1 {position: relative;display: inline-block;width: 77px;height: 24px;}
.document-blk .docs-nw-fltr .switch1 input {display: none;}
.profile-tab .document-filter .fixed-head-myhr.title-fixed{display: none !important;}
.mbl-docs-filter {margin: 0px 1px 10px;margin-top: -11px;}
.document-blk .signed-fliter .ibox-title{border-radius: 15px;border: 3px solid #eee !important;}
.document-blk .signed-fliter .filter-tiles {border-radius: 25px;}
#pdfPreviewDialog .modal-body{overflow:scroll;}
#pdfPreviewDialog .modal-dialog{width:1000px !important;}
.docunew-res{padding: 8px 5px;}
.docunew-res .selectall{padding:0px 0px 10px;}
.docunew-res .selectall .payroll-checkbox{padding-left:20px;top: 1px;}
.docunew-res .selectall .text-blue{position:relative;top:1px}
.docunew-res .selectall .checkmark {top: 0px;}
.docunew-res .selectall .bwt-new{padding: 3px 10px !important;margin-bottom: 0px;margin-top: -3px;}
.docunew-list{margin-bottom:15px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border-radius:10px 10px;clear: both;}
.docunew-list .top {clear: both;padding: 9px 12px 15px;position:relative;}
.docunew-list .label-info{top: 0px;background-color: #00bf0e !important;border-radius: 5px;font-size: 14px;padding: 5px 10px;float: left;font-weight: 900;}
.docunew-list .name.pull-left{margin-top:2px}
.docunew-list .name.pull-left .circle{position: absolute !important;left: 4px;top: 10px;}
.docunew-list .name.pull-left .circle .circle-badge {height: 25px;width: 25px;line-height: 25px;}
.docunew-list:hover .name.pull-left .circle,.docunew-list .name.pull-left .circle.bwt-hrv-show{display:none !important;}
.docunew-list .name.pull-left .payroll-checkbox{margin: 0px !important;left: -5px;top: 2px;}
.docunew-list .hrv-text-blue{color: #2a2a2a !important;font-size: 18px;margin-bottom: 15px;white-space: nowrap;width: calc(100% - 52px);overflow: hidden;text-overflow: ellipsis;display: inline-block;float: left;padding-left: 25px;}
.docunew-list .bottom img{width: 25px;}
.docunew-list .pull-right  a.dropdown-toggle{color:#9d9da1;}
.docunew-res .pull-right.upload-file .dropdown-menu span.label{font-size:12px;}
.docunew-list .pull-right .dropdown-menu{text-align: center;padding: 0px 0px 0px;border-radius: 4px;border: 0px;margin-top: -10px;min-width: 120px !important;}
.docunew-list .pull-right .dropdown-menu:before{display:none;}
.docunew-list .pull-right .rounded-action a,.docunew-list .pull-right .rounded-action button{font-size: 16px;padding: 5px 5px;margin: 0 auto !important;font-weight: 500;text-align: center;}
.docunew-list .pull-right .rounded-action a i{font-size: 17px;margin-right: 5px;top: 2px;}
.docunew-list .pull-right .rounded-action a.view i{color:#1ea2fe;}
.docunew-list .pull-right .rounded-action a.download i{color:#00bf0e}
.docunew-list .pull-right .rounded-action a.delete i{color:#f65959;}
.DocumentPopup .modal-content {-webkit-box-shadow:  0 3px 9px rgb(0 0 0 / 11%);box-shadow: 0 3px 9px rgb(0 0 0 / 11%);border: 1px solid #eee;padding: 5px;}
.DocumentPopup .modal-header{background-color: #eee;padding: 5px 10px;border-radius: 5px;margin-bottom: 10px;}
.DocumentPopup .modal-header .modal-title{float: left;margin-top: 0px;font-size: 17px;font-weight: 500;}
.DocumentPopup .modal-header .modal-title span{display:inline-block;}
.DocumentPopup .top{padding:3px 0px !important;}
.DocumentPopup .top .buttonControl,.DocumentPopup .top .bwt-cancel.btn-xs{float: right;}
.DocumentPopup .top .bwt-cancel{padding: 3px 9px !important;}
.DocumentPopup #Details {border: 1px solid #ccc;margin-bottom: 15px;}
.DocumentPopup #Details .col-xs-12.brd-b-1{padding:10px 5px 10px;}
.DocumentPopup #Details .col-md-4:after {content: '';position: absolute;height: 52px;width: 2px;background-color: #eee;right: 13px;top: -10px;}
.DocumentPopup #Details .col-xs-12.brd-b-1 img{width:25px;}
.doc-Fileupload-f16 .headerF16 .bwt-cancel span i{display:none;}
.docunew-res .folder-list a {font-size: 16px;padding: 0px 0;}
.docunew-res .mblbtm-mnu {left: 145px;width: calc(50% - -5px);background-color: #2ca01c;}
.docunew-res .mblbtm-mnu .dropdown-toggle{background-color:transparent !important;color:#fff;padding: 5px 0px 9px 15px;min-width: 155px;border-radius:0px;text-align:center;}
.docunew-res .mblbtm-mnu li:first-child .dropdown-toggle:after{content:'';border-right: 1px solid #fff;right: -10px;position: relative;}
.docunew-res .mblbtm-mnu.show{margin-left: calc(-50% - 60px);}
.docunew-res .mblbtm-mnu .mnu-expand{top: 4px;left: 15px;}
.docunew-res .mblbtm-mnu.show .mnu-expand{top:7px;}
.docunew-res .mblbtm-mnu >ul > li .dropdown-menu:before {display:none;}
.docunew-res .mblbtm-mnu >ul > li:nth-child(2) .dropdown-menu {right: -58px;width: 500px;margin-bottom: 7px;}
.docunew-res .docs-nw-fltr .form-group .switch1 {left:0px;}
.docunew-res .mblbtm-mnu >ul > li:nth-child(2) .dropdown-menu:before {right: 45% !important;}
.document-filter.empmbl-docfilter .form-group:nth-child(7) .bwt-blue{float:right;}
.inboxbott{left: 14% !important; border-radius: 4px; width: 85.7% !important; background-color: #eee !important; padding: 10px 0 !important; z-index: 999999999 !important;}
.document-blk .docu-iden .form-control.shadowBorder{border-radius:0px 25px 25px 0px !important;}
.document-blk .docu-iden .input-group-btn.shadowBorder{border-radius:25px 0px 0px 25px !important;background-color:#fff;}
.document-blk .docu-iden .input-group-btn button{background-color:transparent;outline:none;border:0px;margin-bottom: 0px;}
.document-blk .docu-iden .shadowBorder{    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c685 !important;}
.document-blk .docu-iden .input-group {width: 100% !important;}
.document-blk .docu-iden label{ position: relative; top: 5px; font-weight: 400; color: #1c1c1e; font-size: 16px; }
.document-blk .docu-iden .col-md-4{}
.document-blk .ibox-content.Scroll .docu-iden .col-md-4{width: 45%;}
.document-blk .docu-iden .row{border-bottom: 1px solid #ebebeb;margin-bottom: 10px;padding-bottom: 15px;}
.document-blk .docu-iden .row:last-child{border-bottom:0px;}
.document-blk .docu-iden:hover{background-color:#fff !important;}
.document-blk .fixed-head-myhr .text-align-right button[ng-click="showHideScetion()"] {background-color: rgba(44, 160, 28, 1) !important;animation: inherit !important;}
/*#DocInstant .modal-dialog {width: 500px !important;}*/
.doc-bulkUpload-button{-webkit-animation: bubble-two 1s linear infinite;animation: bubble-two 1s linear infinite !important;background-color: #2ca01c !important;border: none !important;color: #fff !important;font-weight: 500;padding: 5px 10px;border-radius: 50px !important;font-size: 16px;}
.document-blk .fixed-head-myhr .text-align-right button{-webkit-animation: bubble-two 1s linear infinite;animation: bubble-two 1s linear infinite !important;background-color: #2ca01c !important;border: none !important;color: #fff !important;font-weight: 500;padding: 5px 10px;border-radius: 50px !important;font-size: 16px;}
@keyframes bubble-two {0% {box-shadow: 0 0 0 0.01em #2ca01c24, 0 0 0 0.1em #2ca01c26;}100% {box-shadow:  0 0 0 0.1em #2ca01c26, 0 0 0 0.3em #2ca01c26;}}
.btch-sel {padding :7px 8px 7px 9px !important; margin-bottom:4px; border-bottom: 1px solid #ddd ; font-weight: 500; cursor: pointer; transition: 0.3s; color : #48484a !important}
.btch-sel:hover { background-color: #f6f6f6; color : #1c84c6 !important}
.btch-sel .btn-hrvv{display: none;}
.btch-sel:hover .btn-hrvv{display: inline-block;}
.document-blk #send table tbody tr td .fa.fa-file-word-o {font-size: 15px;}
.document-blk .slect-temp h2{color:#000;font-weight:400;border-bottom: 1px solid #dfdcdc;padding-bottom: 9px;margin-bottom: 15px;}
.document-blk .slect-temp .slect-temp-top{box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;border-radius: 15px;padding: 12px 0px 11px 0px;position: relative;margin-bottom: 15px;}
.document-blk .slect-temp-top div{color:#000;}
.document-blk .slect-temp-top select{border-radius:25px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;margin-top:5px;}
.document-blk .upldSig .col-md-5{margin-top:35px;}
.upldattach .modal-header button{opacity:1;}
.document-blk #send table tbody tr td:last-child .btn-group {top: auto;}
.document-blk #send table tbody tr td:last-child {min-width: 160px;}
#DocInstant .modal-header .nameBoard{font-size: 20px;margin-bottom: 15px;width: 75%;float: left;}
#DocInstant .modal-header .buttonControl{width: 25%;}
/*New Recent file section start - 2/15/2024*/
.doc-Recentfile { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 10px; border: none; padding: 3px; position: relative;}
.doc-Recentfile .header{ background-color: #eee; color: #1c1c1e; padding: 8px;}
.doc-Recentfile .naviButton{ position: absolute; top: 120px; font-size: 14px; background-color: #fff; margin-bottom: 0 !important; border: 2px solid #0095f6 !important; color: #0095f6; transition: 1s; opacity: 1}
.doc-Recentfile:hover .naviButton{ opacity: 1 }
.doc-Recentfile .naviButton:hover, .doc-Recentfile .naviButton:active, .doc-Recentfile .naviButton:target, .doc-Recentfile .naviButton:focus{ background-color: #0095f6; color: #fff !important; }
.doc-Recentfile .naviButton:hover i, .doc-Recentfile .naviButton:active i, .doc-Recentfile .naviButton:target i, .doc-Recentfile .naviButton:focus i{ color: #fff !important; }
.doc-Recentfile .naviButton.left{ left: 20px; padding: 6px 11px 4px 10px; }
.doc-Recentfile .naviButton.right{ right: 20px; padding: 6px 10px 4px 12px;}
.doc-Recentfile .header .bwt-edit{ font-size: 13px; margin-right: 10px; margin-bottom: 0px; }
.doc-Recentfile .header .left{ float: left; font-size: 17px; font-weight: 600; color: #48484a; padding-left: 5px;}
.doc-Recentfile .header .left .count{ background-color: #fff; padding: 3px 8px; border-radius: 4px; color: #1c84c6; }
.doc-Recentfile .header .right{ float: right }
.doc-Recentfile .header .right .viewMore{ font-size: 17px; margin-right: 14px; cursor: pointer; }
.doc-Recentfile .content{padding: 6px 0 0;margin-right: 10px;display: inline-block;width: 100%;}
.doc-Recentfile .content .table-row{margin-bottom: -10px;padding-bottom: 0px;display: block;width: 100% !important;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.doc-Recentfile .content .table-row .refile-box {float: none;display: table-cell;width: auto;}
.doc-Recentfile .content .table-row-wrap .refile-box {display: block;float: left;margin-bottom: 10px;width: 14%;}
.doc-Recentfile .content .table-cell{ display: table-cell; width: auto; }
.doc-Recentfile .content .table-row .line{ border-right: 20px solid #fff; }
.doc-Recentfile .content .box{ padding: 6px; margin: 5px 8px 7px; background-color: #fff; transition: 0.5s; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 8px; width: 156px; height: 160px; cursor: pointer;}
.doc-Recentfile .content .box:hover{ background-color: #eee; }
.doc-Recentfile .content .box i{ font-size: 40px; margin: 10px 0px 0px 0px; color: #0095f6 !important;}
.doc-Recentfile .content .box h2{ text-align: center; font-size: 15px; font-weight: 600; color: #1c1c1e; word-break: break-word;}
.doc-Recentfile .content .box .date{ text-align: center; font-size: 12px; font-weight: 500;}
.doc-Fileupload-f16{}
.doc-Fileupload-f16 .wrapper_progress{ width: 50%; margin: auto; }
.doc-Fileupload-f16 .Timelinestages .step{ height: 41px; width: 32%;}
.doc-Fileupload-f16 .upload-new{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none; border-radius: 10px !important; padding: 4px;}
.doc-Fileupload-f16 .headerF16{ background-color: #eee; color: #1c1c1e; padding: 7px 12px; border-radius: 10px 10px 0 0 !important;}
.doc-Fileupload-f16 .headerF16 .left{ float: left; display: flex; align-items: center;}
.doc-Fileupload-f16 .headerF16 .left .num{ height: 32px !important; width: 32px !important; line-height: 32px !important; text-align: center; border-radius: 215px; color: white; margin-left: auto; margin-right: auto; background-color: #1ea2fe; font-size: 15px; font-weight: 600; }
.doc-Fileupload-f16 .headerF16 .left .text{ font-size: 22px; font-weight: 500; padding-left: 7px; }
.doc-Fileupload-f16 .headerF16 .right{ float: right; width: 32%; text-align: right;}
.doc-Fileupload-f16 .headerF16 .right .btn{ margin-bottom: 0 !important; width: 26%; }
.doc-Fileupload-f16 .btmone{padding: 0 15px; }
.doc-Fileupload-f16 .btmone .pull-right{padding: 0 15px; padding: 6px; width: 32%; text-align: right;}
.doc-Fileupload-f16 .btmone .pull-right .btn{ margin-bottom: 0 !important; width: 26%; }
.doc-Fileupload-f16 .docup{ margin: 40px auto 40px !important; padding: 40px 15px 40px 15px !important;}
.doc-Fileupload-f16 .MapTable{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border: none !important; border-radius: 10px !important; padding: 4px !important; margin: 0 22px !important;  }
.doc-Fileupload-f16 .Browse files{ float: right; }
/*Company Pages css start*/
.calander-blk {padding: 5px 5px 40px !important;}
.calander-blk .ibox-title {padding: 7px 15px 0px;}
.calander-blk .clients-list.sticky {position: fixed;top: 60px;z-index: 99;width: calc(100% - 221px);margin-left: -5px;}
.mini-navbar .calander-blk .clients-list.sticky {width: calc(100% - 71px);}
.calander-blk .btn-toolbar .lead {margin-bottom: 0;padding-left: 10px;font-size: 19px;}
.calander-blk .ui-calendar {margin-bottom: 0; padding-left: 10px; padding-right: 5px;}
.calander-blk .ui-calendar .top {clear:both;}
.calander-blk .ui-calendar .top .filter-icon-box {font-size: 19px;font-weight: 500;}
.calander-blk .calendar .fc-header-right .fc-state-default.fc-corner-left {border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;}
.calander-blk .calendar .fc-header-right .fc-state-default.fc-corner-right {border-top-right-radius:10px !important;border-bottom-right-radius: 10px !important;}
.calander-blk .calendar .fc-header-right .fc-state-active {border-radius: 2px;}*
.calander-add .pull-right .close {margin-top: -15px;font-size: 34px;margin-right: 30px;}
.calander-add label.control-label {text-align:left;}
.calander-add .input-group-addon{border-radius: 10px 0px 0px 10px !important;}
.calander-add .form-control ,.calander-add textarea{border-radius: 0px 10px 10px 0px !important;}
/*New Calander UI*/
.calander-blk .calenderBody{display: flex; justify-content: space-between;}
.calander-blk .hasDatepicker{width:100%;float:left;}
.calander-blk .hasDatepicker .ui-datepicker{width:100% !important;padding: 0px;}
.payrollCal .ui-datepicker-multi-4 .ui-datepicker-group {width: calc(25% - 4px);margin-right: 5px;}
.payrollCal .ui-datepicker-multi-4 .ui-datepicker-group:nth-child(4),.payrollCal .ui-datepicker-multi-4 .ui-datepicker-group:nth-child(8),.payrollCal .ui-datepicker-multi-4 .ui-datepicker-group:nth-child(12){margin-right:0px;}
.payrollCal .bg-white.box-shadow-two{padding: 5px 13px 5px 0px;margin: 10px 2px 0px;}
.payrollCal .ui-datepicker-multi .ui-datepicker-group table {width: 100%;margin: 0 auto 0.4em;background-color: #F8F8F8;}
.payrollCal .ui-datepicker td.event-date:hover {background-color: #159303 !important;}
.payrollCal #calenderholidaydata{padding:0px 5px;}
.payrollCal .ui-datepicker .ui-datepicker-prev,.payrollCal .ui-datepicker .ui-datepicker-next {top: 6px !important; width: 20px;height: 20px;background-color: #fff !important;border-radius: 25px;display:none;}
.payrollCal .highlighted-red { background-color: red;font-weight: bold;color: white; }
.payrollCal .ui-datepicker-event {background-color: #ffcc00;border: 1px solid #ffcc00;color: #333;padding: 4px;position: absolute;z-index: 9999;display: none;}
.payrollCal .ui-datepicker-header {background-color: #1c84c6 !important;color: white !important;}
.payrollCal .ui-datepicker td.event-date:hover {background-color: #ffdd77;cursor: pointer;}
.payrollCal .ui-state-default,.payrollCal .ui-widget-content .ui-state-default,.payrollCal .ui-widget-header .ui-state-default,.payrollCal .ui-button, .payrollCal .ui-button.ui-state-disabled:hover, .payrollCal .ui-button.ui-state-disabled:active {border: 1px solid rgb(206 205 205 / 48%) !important;background: #f6f6f64d !important;text-align: center;color: #000000; }     
.calander-blk .calList{width:79%; border: 1px solid #ddd; border-radius: 5px; position: relative;}
.calander-blk .calEvents{width:20%;min-height:450px;border:1px solid #ddd; border-radius: 8px;position: relative;}
.calander-blk h3.heading{background-color: #eee;padding: 10px;color: #1c1c1e;text-transform: capitalize;font-size: 18px;margin: 0px;text-align: left;border-radius: 8px 8px 0 0;}
.calander-blk .holidayList17 ul{padding-left:0px;padding-top: 10px;}
.calander-blk .holidayList17 ul li{list-style:none; padding:0 5px; border-bottom: none;}
.calander-blk .holidayList17 ul li:last-child {border-bottom: 0px;}
.calander-blk .holidayList17 li h4{color: #224266;font-size: 16px;margin: 0px;}
.calander-blk .holidayList17 li h4 span{font-size: 12px;display:block;padding-top:5px;color:#000;}
.calander-blk #calendar {font-family: Arial, sans-serif; position: relative; }
.calander-blk .hasDatepicker .ui-datepicker-event {background-color:#289d17;border: 1px solid #289d17;color: #fff;padding: 4px;position: absolute;z-index: 9999;display: none;}
.calander-blk .hasDatepicker .ui-datepicker-header {background-color:#0095f6;color: white !important;}
.calander-blk .highlighted-red a{color:#fff !important;}
.ui-datepicker td.event-date:hover {background-color: #ffdd77;cursor: pointer;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {text-align: center;}
.calander-blk .ui-datepicker-calendar thead tr th{border-right: 1px solid #e7eaec;border-bottom:1px solid #e7eaec;padding: 5px;}
.calander-blk .ui-datepicker-calendar thead tr th:last-child{border-right:0px;}
.calander-blk .hasDatepicker .event-date {background: #289d17 !important;color: #fff;}
.calander-blk .hasDatepicker .event-date .ui-state-default  {border: 1px solid #ffffff;background: #289d17;color: #ffffff;}
.calander-blk .ui-datepicker-today{background-color:#0095f6 !important;color: #fff !important;}
.calander-blk .payrollCal .ui-datepicker-today .ui-state-highlight{color:#fff !important;background-color: #0095f6 !important;}
.holidayList17{height: auto; overflow-y: auto;padding: 0 3px;}
.holidayList17 .dateBox{ box-shadow: 0 3px 6px #00000029;padding: 2px 7px;margin: 0px 0 15px; border-radius: 8px; border-left: 5px solid #0095f6 !important; border: 1px solid #ddd; }
.holidayList17 .dateOver{ border-left: 5px solid #ddd !important; opacity: 0.9; }
.holidayList17 .dateBox .dateMode{ color: #0095f6; font-size: 14px; font-weight: 600;}
.holidayList17 .dateBox .dataMode{ font-weight: 600; color: #1c1c1e; font-size: 20px; text-transform: capitalize; }
.holidayList17 .dateOver .dataMode{ color: #676a6c; }
.filterCalBox{padding: 8px 13px 8px 0px; margin: 10px 2px 0px; box-shadow: 0px 0px 13px 1px #00000029; border-radius: 50px; border: none;}
.filterCalBox button{margin: 0px !important}
.filterCalBox .form-group{margin-bottom: 0px !important}
.filterCalBox .form-group .bwt-cancel{width: 135px;background-color: #ddd; border: none !important; color: #676A6C; font-weight: 500; padding: 4px 10px; border-radius: 50px !important; font-size: 14px; margin: 0px 4px !important;}
.filterCalBox .form-group .bwt-cancel .name{ float: left; }
.filterCalBox .form-group .bwt-cancel .icon{ float: right; font-size: 19px; height: 0; position: relative; top: -4px; }
.filterCalBox .form-group .bwt-holiday{background-color: #0095f6 !important; color: #fff !important}
.filterCalBox .form-group .bwt-holiday-2{ background-color: #ffffff !important; color: #F86161 !important; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 8px 0 #F86161 !important;*/border: 1px solid #f86161 !important;}
.filterCalBox .form-group .bwt-payroll{ background-color: #ffffff !important; color: #289d17 !important; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 8px 0 #289d17 !important;*/border: 1px solid #289d17 !important;}
.filterCalBox .form-group .bwt-personalHoliday{ background-color: #ffffff !important; color: #0864ad !important; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 8px 0 #0864ad !important;*/border: 1px solid #0864ad !important;}
.filterCalBox .form-group .bwt-companyHoliday{ background-color: #ffffff !important; color: #0095f6  !important; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 8px 0 #0095f6 !important;*/ border: 1px solid #0095f6 !important;}
.filterCalBox .form-group .calDownloadDropdown{position: absolute; right: 0; width: 100px !important; float: right; left: auto; color: #1c1c1e; top: 42px;}
.filterCalBox .form-group .calDownloadDropdown li{border-bottom: 1px solid #ddd;}
.filterCalBox .form-group .calDownloadDropdown a{padding: 10px; font-size: 16px; margin: 0 !important; font-weight: 600; color: #48484a;}
.filterCalBox .form-group .calDownloadDropdown a:hover{color: #1c84c6;}
.calByMonthly{display: block; overflow: hidden;}
.calByMonthly .left{min-height:450px;border:1px solid #ddd; border-radius: 8px;overflow-y:auto;padding: 0px;}
.calByMonthly .right {padding-right: 15px !important; padding-left: 0 !important; position:relative;}
.calByMonthly .right .fc-border-separate tr.fc-last th, .calByMonthly .right .fc-border-separate tr.fc-last td{width: 116px !important;}
.calByMonthly .right .fc-state-active {background-color: #04751c !important;border-color: #0095f6 !important;color: #ffffff;}
.calByMonthly .right .fc-day-header{ background-color: #1c84c6 !important; color: #fff; font-weight: 600; padding: 5px; }
.calByMonthly .right .fc-state-default{ text-transform: capitalize; font-weight: 600; }
.calByMonthly .right .fc-grid .fc-day-number{ padding: 10px 10px; color: #1c1c1e; font-weight: 500; }
.calByMonthly .right .fc-header-title h2{ font-size: 22px; font-weight: 600; color: #48484a; margin: 0; }
.calByMonthly .right .expandMonthlyCalender { position: absolute; right: 15px; top: 44px; z-index: 99; border-radius: 0 5px 0 20px !important; padding: 3px 7px 7px 14px; color: #1c1c1e;}
.calByMonthly .right .expandMonthlyCalender:hover { color: #1c84c6; }
.calander-blk .calList .expandCalender { position: absolute; right: 0px; top: 0px; z-index: 99; border-radius: 0 5px 0 20px !important; padding: 3px 7px 7px 14px; color: #1c1c1e;}
.calander-blk .calList .expandCalender:hover { color: #1c84c6; }
.calByMonthly .fc-agendaDay-button {background-color: white;color: black;}
.calByMonthly .fc-year-button {background-color: white;color: black;}
.calByMonthly .fc-agendaDay-button {background-color: white;color: black;}
.calYearBtn{ right: 177px; position: absolute; margin-bottom: 0; border-radius: 10px 0 0 10px; border: 1px solid #e7eaec; background-color: #fff; color: #333333; font-weight: 600; padding: 3px 20px; font-size: 15px; }
.calYearBtn:hover, .calYearBtn:active, .calYearBtn:focus{ background-color: #04751c; color: #fff; }
.calYearBtn-Active{ background-color: #04751c; color: #fff; }
.calBackBtn{ right: 10px; position: absolute; margin-bottom: 0; border-radius: 10px; border: 1px solid #e7eaec; background-color: #fff; color: #333333; font-weight: 600; padding: 3px 20px; font-size: 15px; }
.calBackBtn:hover{ background-color: #ddd; color: #676a6c; }
/*Announcement page  css */
.announcement-blk{-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */-webkit-overflow-scrolling: auto; /* Stops scrolling immediately */}
.announcement-blk #ann-leftsession{padding-left:5px;}
.announcement-blk #vertical-timeline {margin-top: 0em;}
.announcement-filter button:hover{color:#fff;}
.announcement-create .form-group.top .left {width: calc(100% - 190px);float: left;}
.announcement-create .ibox-content .col-md-6 {border-bottom: 2px solid #eee;    padding-bottom: 10px;margin-bottom: 10px;}
.announcement-create .ibox-content .col-md-6:nth-child(5),.announcement-create .ibox-content .col-md-6:nth-child(6){border-bottom: 0px !important;}
.announcement-create .un-container {width: 66%;}
.announcement-create .form-group.top label{float: left;word-break: break-all;width: 80%;}
.announcement-filter .filter-btn {border-radius: 25px !important;}
.announcement-ibox .vertical-timeline-content{overflow-x:hidden;border-radius: 15px;}
.announcement-ibox .vertical-timeline-content .pull-right.row{margin-right: -95px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.announcement-ibox .vertical-timeline-content:hover .pull-right.row{margin-right:0px;}
.announcement-ibox .vertical-timeline-content:hover .pull-right.row button{outline:none !important;}
.announcement-ibox .un-content-first .form-horizontal button {background-color: rgba(0, 149, 246, 1) !important;color: #fff !important;border-radius: 25px;margin: 5px 0px;}
.announcement-ibox .sec-row .status {border-radius: 15px !important;}
.announcement-blk #ann-rightsession .tt-Panel .tt-PanelInner{text-align: right; display: flex; justify-content: flex-end;}
.announcement-blk #ann-rightsession .tt-Panel .tt-PanelInner .inputshadowBorder{width: 200px; margin-right: 15px;}
.announcement-blk #ann-rightsession .tt-Panel .tt-PanelInner .slide_button-grn{width: 100px;}
/*Holiday csss start*/
.hldy-blk {background-color: #fff;}
.md-skin  .hldy-blk .wrapper-content {padding: 6px 7px 40px !important;}
.hldy-blk .ibox {box-shadow: none !important;}
.hldy-blk .ibox-content {background: none;padding: 0 !important}
.hldy-blk .panel-primary {background-color: #f5f5f5;padding: 0px;border-radius: 7px;border-color: #fff;}
.hldy-blk .panel-heading {padding: 5px 15px !important;border: 0 !important;background-color: transparent !important;color: #6c6f71 !important;}
.hldy-blk .panel-heading .panel-title {float:left;}
.hldy-blk .panel-heading a {float:right;color: rgb(123, 123, 123);margin-top: 10px;}
.hldy-blk .panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #d7d7d7;padding: 10px 15px 8px;}
.hldy-blk .un_filter-panel .un-filter-select {width: 100% !important;height: 38px;border-radius:25px;}
.hldy-blk .un_filter-panel .form-group.col-lg-2 .dropdown-menu {left: auto;right: -35px;}
.holiday-filter {padding: 6px 10px 6px !important;border-radius: 2px !important;}
.holiday-filter .pull-right{width: 60%;margin-right: 20px;}
.holiday-filter .pull-right .form-group{float:right;width: 20%;margin-left: 15px;margin-bottom: 0px;}
.holiday-filter .pull-right .form-group:first-child{width: 20%;float: right;}
.holiday-filter .un-filter-icons .dropdown {float:right;}
.holiday-filter .un-filter-icons .dropdown-toggle {background-color: transparent;border-radius: 20px;border: 1px solid #00bf0e;padding: 8px 25px 8px 15px;color: #00bf0e;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);}
.holiday-filter .un-filter-icons .dropdown-toggle.pdf{color: #e55041 !important;border: 1px solid #e55041;}
.holiday-filter .un-filter-icons .dropdown-menu {float:right;margin-left: 5px;left:auto;right:0px;}
.hldy-blk .bottom {background-color: #ffffff;padding: 10px 7px 7px;margin-top: 0px;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);border-radius: 7px !important;}
.hldy-blk .top {margin-top: 0px;}
.hldy-blk table thead tr {color: #1c84c6 !important; background-color: #eee !important; border-radius: 5px;}
.hldy-blk .bottom .table thead th {text-transform: capitalize; color: #1c1c1e !important; border-bottom: transparent;}
.hldy-blk .bottom .table td:first-letter{text-transform:uppercase;}
.hldy-blk .bottom .table tr td {font-size: 18px;padding: 10px 5px;position: relative;}
.borderLeftStyle1,.borderLeftStyle2 {border-left:0px !important;}
.borderLeftStyle1:after,.borderLeftStyle2:after {border-radius: 5px;content: '';position: absolute;width: 5px;height: 99%;background-color: #8b8d8a;left: 0px;top: 1px;}
.borderLeftStyle2:after{background-color:#0095F6;}
.hldy-blk .bottom .table tr td .circle-badge {color: #00BF0E;background-color: #E3F8E4 !important;}
.hldy-blk .bottom h3.shadow{text-transform: uppercase;color: #ccc;font-size: 75px;opacity: 0.1;position: absolute;text-align: center;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.hldy-blk .holiday-banner {float: left;width: 100%;background: url(/Images/holiday-bg.jpg) no-repeat right bottom #eeeeee;height: 145px;background-size: 45%;position: relative;
margin: 5px 0px;border-radius: 7px !important;padding-left: 3px;}
.hldy-blk .holiday-banner .caption {color: #000;padding: 10px;margin: 4px;background-color: #fff;float: left;border-radius: 5px;height: 138px;width: 35%;overflow-y:hidden;}
.hldy-blk .holiday-banner .caption:hover {overflow-y:scroll;}
.hldy-blk .holiday-banner .caption h3 {font-weight: 500;margin: 0px 0px 8px;font-size: 20px;color: #1c84c6;border-bottom: 1px solid #1c84c6;padding-bottom: 3px;}
.hldy-blk .holiday-banner .caption p{font-size: 16px;margin: 2px 0px 3px;color: #818181;font-weight: 400;border-bottom: 1px solid #eee;padding-bottom: 2px;}
.hldy-blk .holiday-banner .caption p span:first-child{width: 60%;display: inline-block;}
.hldy-blk .holiday-banner .caption p strong{font-weight:400;}
.hldy-blk .holiday-banner .caption p span:last-child{background-color: #fa9738;color: #fff;padding: 1px 5px;border-radius: 5px;}
.hldy-blk .caption p.NoUpcomingHoliday,.hldy-blk .holiday-banner .caption p[ng-if="TotalHolidays>0"]{border-bottom:0px !important;}
.hldy-blk .holiday-banner .sky {height: 58px;overflow: hidden;position: absolute;width: 100%;bottom: 0px;}
.hldy-blk .holiday-banner .sky .cloud {border-radius: 200px;height: 100%;position: absolute;right: 0;width: 100%;background: url(/Images/holiday-cloud.png) left center;-webkit-animation: clouds-in-out 18s 4s infinite linear;}
@-webkit-keyframes clouds-in-out {0% {right: 0%;}100% {right: 50%;}}
.hldy-blk .holiday-banner .flag{position: absolute;bottom: 5px;left: 10px;}
.hldy-text{float: left;}
.hldy-text h3 {font-weight: 700;color: #949494;font-size: 28px;text-transform: uppercase;margin: 5px 0px 0px !important;}
.hldy-text h3 span {font-size: 29px;color: #1c84c6;}
.hldy-text h3 img {width: 33px;margin-right: 5px;margin-top: -5px;}
.hldy-expand h3 {background-color: #ffffff;color: #1c84c6;border-radius: 7px;padding: 8px 5px;font-size: 20px;cursor: pointer;font-weight: 500;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.hldy-expand a.pull-right {display: block;font-size: 17px;position: absolute;right: 38px;z-index: 9;margin-top: -6px;}
.hldy-blk .hldy-mblst{padding-bottom:0px;}
.hldy-blk .hldy-mblst .un-circle-badge-ge{background-color: #ddd !important;color: #48484a !important; }
.hldy-blk .hldy-mblst .circle-badge{ margin: 0px 3px;width: 30px;height: 30px;line-height: 30px;}
.hldy-blk .hldy-mblst .un-circle-badge-gr{}
.hldy-blk .hldy-mblst h3 {width: calc(100% - 65px);margin: 7px 0px 2px 0px !important;padding-left: 6px !important;font-size: 18px !important;}
.hldy-blk .hldy-mblst p{color:#000;margin: 0px 0px 3px 42px;clear: both;}
.hldy-blk .hldy-mblst p i{color:#5e5f5f}
.hldy-blk .hldy-mblst p.borderStyle{margin: 0px;}
.hldy-blk .hldy-mblst .top{margin-bottom:0px;}
.hldy-blk .hldy-mblst .mandatoryClass {padding: 3px 10px;/*background-color: #fff;*/}
/*Notes csss start*/
.new-notes-blk{}
#noteExpandModal .modal-header{ padding: 13px 10px 12px 10px !important; }
.note-popup .modal-header .modal-title{float:left;width:85%;padding: 0 !important; font-size: 20px;}
.note-popup .modal-header .pull-right{width:10%;}
.note-popup .modal-header .pull-right button{position:relative;}
.note-popup .modal-header .pull-right button.bwt-cancel {top: 2px;}
.resPopup .btm span {font-size: 14px !important;}
.notes-add{border-radius:5px;}
.notes-add .edit_title {margin: 10px 0 !important;}
.notes-add .edit_title .pull-left{width: calc(100% - 180px);}
.notes-add .edit_title .pull-left h5{word-break: break-word;}
.notes-add .edit_title .action-btn{margin-top: -5px;}
.notes-add .edit_title .action-btn button i.resinfo{display:none;}
.notes-add  .note-editable {height: 300px;}
.select-checkbox option::before { content: "\2610";width: 1.3em;text-align: center;display: inline-block;}
.select-checkbox option:checked::before {content: "\2611";}
.select-checkbox-fa option::before {font-family: FontAwesome;content: "\f096";width: 1.3em;display: inline-block; margin-left: 2px;}
.select-checkbox-fa option:checked::before {content: "\f046";}
/*New notes css july 4*/
.myHrNotesJ4{margin-bottom: 10px;}
.myHrNotesJ4 .notesFilter{ margin-bottom: 5px; padding-bottom: 12px;}
.myHrNotesJ4 .notesFilter .search{height: 40px;}
.myHrNotesJ4 .notesFilter .mulSelctdrpdwnInput{ border: 1px solid #ccc !important; padding-left: 14px; }
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .dateLabel{top: -8px; left: 20px;}
.myHrNotesJ4 .notesFilter .dropdown-menu:before {right: -25px;}
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox{left: 0;width: calc(100% - -30px);}
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox .list{margin: 0 !important; border: none !important; max-height: 220px;}
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox .list .checkbox{ margin-bottom: 0px; margin-top: 0; border-bottom: 1px solid #ddd; padding: 10px 7px 10px 0px; cursor: pointer; }
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox .list .checkboxContainer:nth-last-child(1) .checkbox{ border: none; padding-bottom: 0; margin-bottom: 3px; }
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox .list .checkboxContainer input[type=checkbox]{ zoom: 1.3; }
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox .list .checkboxContainer label{ font-size: 17px; padding-left: 15px; font-weight: 500}
.myHrNotesJ4 .notesFilter .mulSelctdrpdwn .resultBox .list .checkboxContainer .countShow{ float: right; color: #fff; font-weight: 600; height: 22px; width: 24px; border-radius: 4px; text-align: center; line-height: 23px; }
.myHrNotesJ4 .notesFilter .bwt-new{ padding: 7px 35px !important;margin-top: 4px;}
.myHrNotesJ4 .notesFilter .resplus{display:none;}
.myHrNotesJ4 .notesCateButton{ border-bottom: 1px solid #eee; }
.myHrNotesJ4 .notesCateButton ul{ margin: 0; padding: 0; list-style: none; display: inline-flex; font-size: 16px; }
.myHrNotesJ4 .notesCateButton li { border-bottom: 2px solid #eee; margin-right: 5px; cursor: pointer;}
.myHrNotesJ4 .notesCateButton li.selected { border-bottom: 4px solid #0095f6 !important; }
.myHrNotesJ4 .notesCateButton li button{ width: 160px; text-align: left; border: none !important; background-color: #fff; font-weight: 600; color: #1c1c1e; padding: 7px 8px 7px; border-radius: 4px 4px 0 0;}
.myHrNotesJ4 .notesCateButton li button .buttonCount{ float: right; color: #fff; height: 22px; width: 25px; border-radius: 4px; text-align: center; font-size: 14px; line-height: 22px; margin-top: 1px; }
.myHrNotesJ4 .notesCateButton li:nth-child(1) button .buttonCount{ background-color: #0095f6; }
.myHrNotesJ4 .notesCateButton li:nth-child(2) button .buttonCount{ background-color: #ff9800; }
.myHrNotesJ4 .notesCateButton li:nth-child(3) button .buttonCount{ background-color: #00bf0e; }
.myHrNotesJ4 .un-note-boxes{padding: 10px;border: 1px solid #e4e4e4;}
.myHrNotesJ4 .un-note-boxes .un-note-inner1 .moreOpt{ background-color: #fff; border: none; color: #676a6c; float: right; padding: 4px 9px 1px 9px; border-radius: 50px; position: relative; top: -4px; left: 5px; }
.myHrNotesJ4 .un-note-boxes .un-note-inner2{ padding: 5px 0; font-weight: 400 !important; background: none;}
.myHrNotesJ4 .topLabel{ padding: 5px 0; color: #48484a; font-size: 17px; font-weight: 600}
.myHrNotesJ4 .topLabel .countLabel{ float: left; background-color: #eee; font-size: 13px; margin-left: 5px; border-radius: 5px; height: 23px; width: 30px; text-align: center; line-height: 24px; color: #48484a; font-weight: bold; }
.myHrNotesJ4 .markAsactiveBadge{ float: right; padding: 3px 10px 2px 10px; border-radius: 50px; font-size: 12px; margin-top: 8px; background-color: #00bf0e !important; color: #ffffff !important; font-weight: 500;}
.myHrNotesJ4 .noNotes{ text-align: center; padding: 100px 0; }
/*Message center css start*/
.msgcenter-blk .wrapper.wrapper-content {padding: 3px 20px 40px !important;}
.msgcenter-blk .panel.ibox-content{padding:0px !important;}
.msgcenter-blk .clients-list{margin-top:0px;}
.msgcenter-blk .clients-list .nav-tabs li a {padding: 6px 20px 6px 20px !important;}
.msgcenter-blk .clients-list .un-tab {margin-left: 3px;margin-right: 6px;border-bottom: 0px !important;}
.msgcenter-blk .panel-body,.msgcenter-blk .ibox-content {padding: 0px !important;}
.msgcenter-blk .panel-default {border: none !important;background: none !important;box-shadow: none !important;}
.msgcenter-blk .panel-primary {padding: 6px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.msgcenter-blk .panel-primary,.taskmgmt-manage .panel.panel-primary {background-color: #fff;padding: 0px;border-radius: 7px;border-color: #fff;}
.msgcenter-blk .panel-heading,.taskmgmt-manage .panel-heading{background-color:transparent;color: #6c6f71;border-bottom: 0px;}
.msgcenter-blk .panel-primary > .panel-heading + .panel-collapse > .panel-body,.taskmgmt-manage .panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color:  #d7d7d7;}
.msgcenter-blk .panel-heading h4 a,.taskmgmt-manage .panel-heading h4 a{float:right;font-size: 18px;}
.filter-Msge .un-filter-badges .msgeEmailCateSelectBx { zoom: 1.4; margin: 0; accent-color: #0095f6; width: auto; box-shadow: none; top: 2px; position: relative; border: 1px solid #1c84c6 !important; }
.filter-Msge .un-filter-badges .msgeEmailCateSelectBx:hover { box-shadow: none; }
.msgcenter-blk .panel-primary input{color: #1c84c6 !important;}
.msgcenter-blk .shadow-topFilter .search input{padding-right:45px;}
.msgcenter-blk .showfltr-full .search input {padding-right: 60px;}
.msgcenter-blk .shadow-topFilter .search .fa-search{right: 50px;top: 9px;position: absolute;}
.msgcenter-blk .shadow-topFilter .search .fa-times-circle{right: 30px !important;top: 8px !important;position: absolute;cursor:pointer;}
.msgcenter-blk .showfltr-full .panel-primary select, .msgcenter-blk .showfltr-full .panel-primary input, .msgcenter-blk .pull-right.tmscalendar, .msgcenter-blk .panel-primary .bottom button {border-radius: 50px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;background-color: #fff !important;color: #4c4c4c;width: 100%;font-size: 17px;}
.msgcenter-blk .showfltr-full .panel-primary select:hover, .msgcenter-blk .showfltr-full .panel-primary input:hover, .msgcenter-blk .pull-right.tmscalendar:hover {color: #1c84c6 !important;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.msgcenter-blk .top.col-md-10 .form-group.date {height: 35px;}
.msgcenter-blk .filter-Msge .un-filter-badges .msgeEmailCateSelectBx { zoom: 1.4; margin: 0; accent-color: #0095f6; width: auto; box-shadow: none; top: 2px; position: relative; border: 1px solid #1c84c6 !important; }
.msgcenter-blk .filter-Msge .un-filter-badges .msgeEmailCateSelectBx:hover { box-shadow: none; }
.msgcenter-blk  .panel-primary .bottom button{width: 20%;text-align: left;}
.msgcenter-blk .leftside-sec {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 10px;padding: 5px 5px 5px; margin-top: 4px;margin-bottom: 6px;}
.msgcenter-blk .leftside-sec .h-200.un-scrollbarStyle12{min-height:165px;height: 165px;}
.msgcenter-blk .un-filter-badges {width: 100%;margin-bottom: 0px;padding: 5px;border-radius: 5px; border-bottom: 2px solid #eee;font-size: 15px;}
.msgcenter-blk .un-filter-badges:last-child {border-bottom: 0px;}
.msgcenter-blk .un-filter-badges:hover {background-color: #eee;}
.msgcenter-blk .un-filter-badges b{font-weight: 500 !important;}
.msgcenter-blk .un-filter-badges span{float: right;color: #fff;font-size: 14px;background-color: #6cc628;width: 36px;padding: 0px 8px;border-radius: 5px;text-align: center;}
.msgcenter-blk .msgdropfilter{float: right;margin-right: 25px;position: relative;top: 9px;}
.msgcenter-blk .msgdropfilter .dropdown-menu{left:auto;right:0px;width: 200px;}
.msgcenter-blk .filter-Msge .responsive-filter .fa-chevron-up{position:absolute;right:20px;z-index:99;}
.msgcenter-blk .msgdropfilter .un-filter-badges{font-size:16px;}
.msgcenter-blk .msgeSortDropdown .check-box-cover{width:100% !important;margin: 3px 0px 3px 0px !important; transition: 0.8s}
.msgcenter-blk .msgeSortDropdown .check-box-cover:hover{background-color: #eee;}
.msgcenter-blk .msgeSortDropdown .check-box-cover:hover .checkBoxName{color: #1c1c1e;}
.msgcenter-blk .msgeSortDropdown .check-box-cover .checkmark{margin-top:5px !important}
.msgcenter-blk .msgeSortDropdown li{width: 100% !important; margin: 0px 0px 0px 0px !important; transition: 0.8s; font-size: 14px; padding: 6px 7px; color: #48484a; border-bottom: 1px solid #eee; cursor: pointer; border-radius: 4px;}
.msgcenter-blk .msgeSortDropdown li:hover{background-color: #eee;}
.msgcenter-blk .panel-primary .panel-body {padding-bottom: 0px}
.msgcenter-blk .msgcen-bottom {margin-top: 5px;}
.msgcenter-blk .msgcen-bottom .un-leftside {padding: 0 5px !important; width: 30%; margin-top: 10px;}
.msgcenter-blk .msgcen-bottom .un-leftside .leftBox{border-radius: 10px;padding: 0 !important;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.msgcenter-blk .msgcen-bottom .un-leftside h3{font-size: 26px;font-weight: 500;padding: 9px 5px 9px;background-color: #eee;border-radius: 10px 10px 0px 0px;margin: 0px 0px 10px;color: #1C1C1E !important;float:left;text-align:left;}
.msgcenter-blk .un-leftside .un-sort {width: 120px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px !important;color: #4c4c4c;margin-top: 6px;font-size: 18px;padding: 0px 12px;height: 32px;}
.msgcenter-blk .un-leftside .un-sort span, .msgcenter-blk .un-leftside .un-sort i {color: #4c4c4c !important;font-size: 16px;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group{margin: 0px 0px 0px 6px;padding-top: 0px;word-break: break-all;padding-right: 0px;height: 1050px;overflow-y: auto;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li{ background-color:#fff; padding: 13px 5px 13px; border-radius: 0px; box-shadow: none !important; font-size: 17px; border-bottom: 2px solid #ddd; border-top: none !important; cursor: pointer; transition: 0.5s; margin-bottom: 5px; border-left: 4px solid #fff !important;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li:hover{background-color:#eee;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li.active{border: 1px solid #2ca01c !important;border-left: 7px solid #2ca01c !important;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li.notViewed{ border-left: 4px solid #0095f6 !important; background-color: #f9f9f9; }
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li .small.m-t-xs{clear:both;margin-top: 0px !important;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li .small.m-t-xs p {white-space: nowrap;width: calc(100% - 0px);overflow: hidden;text-overflow: ellipsis;margin-bottom: 6px !important;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group li .small.m-t-xs p:last-child{color:#1c84c6;}
.msgcenter-blk .msgcen-bottom .un-leftside .msgeSigCheckbox{float: left;}
.msgcenter-blk .msgcen-bottom .un-leftside .msgeSigCheckbox .checkmark{margin-top: -19px;height: 17px;width: 17px;}
.msgcenter-blk .msgcen-bottom .un-leftside .msgeSigCheckbox .check-box-cover .checkmark:after{ left: 4px !important; top: 1px !important; width: 6px !important; height: 10px !important; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group .circle-badge {width: 35px;height: auto;text-align: center;position: relative;left: -13px;top: -11px;font-weight: 800;font-size: 15px;float: left;border-radius: 10px 0px 20px;padding: 0px; background-color: #2ca01c !important; color: #fff !important;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group .notViewed .left-head{color: #1c1c1e !important}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group .left-head{ font-size: 20px; color: #676a6c !important; font-weight: 500; float:left; margin-top: -6px;}
.msgcenter-blk .msgcen-bottom .un-leftside .list-group .text-navy{padding: 0px;color: #1c84c6  !important;position: relative;top: 0px;font-weight: 500;background: none;}
.msgcenter-blk .msgcen-bottom .un-leftside::-webkit-scrollbar-track {background-color:#eee !important;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content table td,.msgcenter-blk .msgcen-bottom .un-rightside .tab-content table th{padding: 0px 8px;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two {border-radius: 15px;margin-top: 5px !important;box-shadow: none !important;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two .sha-btm {padding: 5px 5px 0px;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two .sha-btm.text-muted div {float: left;width: 50%;font-size: 14px;margin-bottom: 6px !important;color: #000;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two .sha-btm.text-muted div p{margin-bottom:0px;float:left;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two .sha-btm.text-muted div p:last-child{width:80%;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two .sha-btm.text-muted div i,
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .box-shadow-two .sha-btm.text-muted div b{color:#1c84c6;margin-right: 5px;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee {border-radius: 10px 10px 0px 0px;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee.top-head .pull-left{width: 80%;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee.top-head .pull-left .sha-btm.text-muted{margin-left: 0px;width: 99%;float: left;background-color: #fff;border-radius: 16px;padding: 5px 0px 1px 25px;}
.msgcenter-blk .msgcen-bottom .es-header-body,.msgcenter-blk .msgcen-bottom .es-content-body{width:100% !important;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee .pull-right.text-30px {line-height: 30px;background-color: #1c84c6;padding: 5px 10px !important;position: relative;top: 9px;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee .sub-head p,.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee p.sub {margin-bottom:0px;color: #48484A !important;font-size: 18px !important;font-weight: 500 !important;float:left;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee p.sub{margin-right:10px;text-transform: uppercase;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee .un-btn-collapse {float: left;margin-bottom: 0px !important;padding: 0 !important;border-radius: 25px;width: 30px;height: 30px;position: relative;top: -2px;background-color: #DDD !important;color: #48484A !important;margin-right: 5px;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee .un-btn-collapse i {font-size: 19px !important;position: relative;top: 2px;color: #48484A !important;}
.msgcenter-blk .msgcen-bottom .un-rightside .element-detail-box { padding: 0px !important;}
.msgcenter-blk .msgcen-bottom .un-rightside .tab-content .bg-grey-ee.top-head {background-color: #eee;border-radius:15px 15px 0px 0px;}
.msgcenter-blk .msgcen-bottom .un-rightside .es-wrapper-color{padding:5px;}
.msgcenter-blk .msgcen-bottom .un-rightside .es-wrapper-color .esd-email-paddings,.msgcenter-blk .msgcen-bottom .un-rightside .es-wrapper-color .esd-email-paddings .esd-stripe{padding-left:0px !important;padding-right: 0px;}
.msgcenter-blk .filter-icon-cancel:hover {background-color: #fff !important;color: #f25d5d !important;}
.msgcenter-blk .filter-icon-cancel.resetApply {background-color: #f25d5d !important;color: #fff !important;}
.filter-Msge .FilterName{ padding-top: 8px; padding-left: 18px; font-weight: bold; color: #000; text-transform: uppercase; opacity: 0.3 !important; font-size: 30px; height: 0; margin-top: -5px;}
.filter-Msge .msgdropfilter{ margin-right: 10px; top: 8px; }
.filter-Msge .resultBox{ width: 320px; left: 0px; }
.filter-Msge .resultBox .list .checkboxContainer input[type=checkbox]{ width: auto;}
.filter-Msge .mulSelctdrpdwnInput{ height: 35px; }
.filter-Msge .mulSelctdrpdwn .dateLabel{ display: none !important; }
.msgeSortDropdown{right: 11px; width: 138px !important; border-radius: 5px; padding: 8px; }
.msgeSortDropdown label{ font-size: 17px; padding: 0px 0; margin: 0 -5px; color: #0095f6 !important; font-weight: bold;}
.msgeSortDropdown a{ font-weight: 500; color: #48484a;}
.msgeSortDropdown a:hover{ font-weight: 600; color: #0095f6;}
.msgeSortDropdown .checkmark{ height: 16px; width: 16px; }
.msgeSortDropdown .check-box-cover .checkBoxName{ font-size: 16px; color: #676a6c; font-weight: 500; padding-left: 22px; }
.msgeSortDropdown .check-box-cover .checkmark:after { left: 3px !important; top: 0px !important; width: 6px !important; height: 10px !important; }
.msgcenter-blk .ttlrecord{margin-top: 0;}
.msgcenter-blk .ttlrecord .NewPagination{float:left;position: relative;top: 15px;padding-left: 7px;}
.msgcenter-blk .ttlrecord .col-md-6{padding:0px 10px;}
.msgcenter-blk .ttlrecord .col-md-6 .label{padding: 5px 3px;font-size: 16px;}
.msgcenter-blk .ttlrecord .pagination li a {font-size: 17px !important;padding: 1px 8px !important;}
.ibox-content .un-rightside { padding: 0px 10px !important; width: 70%; margin-top: 10px; }
.ibox-content .un-rightside .rightBox{ border-radius: 10px;  box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px; background-color: #fff;  border: none; }
.ibox-content .un-rightside .rightBox .headerData{ padding: 8px; border-bottom: 1.5px solid #ddd }
.ibox-content .un-rightside .rightBox .pull-left{ width: 80% }
.ibox-content .un-rightside .rightBox .pull-left .frmDD{ font-size: 18px; font-weight: 500; color: #1c1c1e; margin-bottom: 5px;}
.ibox-content .un-rightside .rightBox .pull-left .toDD, .ibox-content .un-rightside .rightBox .pull-left .ccDD{ font-size: 14px; font-weight: 400; color: #48484a; display: flex; }
.ibox-content .un-rightside .rightBox .pull-left label{ font-weight: 600; color: #1c1c1e; margin-bottom: 0px; float: left; width: 5%; }
.ibox-content .un-rightside .rightBox .pull-left p{ display: flow; float: left !important; width: 95%; margin-bottom: 0; color: #0095f6 !important; font-weight: 400}
.ibox-content .un-rightside .rightBox .pull-right{ width: 20%; text-align: right; color: #1c84c6; font-weight: 500; }
.msgeItemsPer{ display: flex; font-weight: 600; color: #676a6c; margin-right: 5px; align-items: center; }
.msgeItemsPer select{ height: 28px; width: 56px; font-size: 14px; padding: 4px 9px 4px 0px; font-weight: bold; font-weight: 500; border: 1px solid #bbb; border-radius: 8px; }
.msgcenter-blk .mblbtm-mnu {left: 180px;width: calc(100% - 360px);}
.msgcenter-blk .mblbtm-mnu.show {margin-left: calc(-100% - -215px);}
.msgcenter-blk .mblbtm-mnu .top .dropdown-toggle {background-color: transparent;width: 100%;color:#000;}
.msgcenter-blk .mblbtm-mnu .mulSelctdrpdwnInput .text {font-weight: 400;float: left;}
.msgcenter-blk .mblbtm-mnu .filter-Msge .resultBox {width: 235px;left: 10px;margin-top: 11px;}
.msgcenter-blk .mblbtm-mnu .employee .resultBox,.msgcenter-blk .employee .dropdown-menu {left: auto !important;right:0px !important;}
#customerEmail .modal-dialog{ width: 60%; }
#customerEmail .sub-head{ font-size: 20px; color: #1c1c1e; margin-bottom: 6px; display: flex; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
#customerEmail .sub-head p{ margin: auto; font-size: 20px !important;}
#customerEmail .headerData .frmDD{ margin-bottom: 10px; }
#customerEmail .headerData .toDD , #customerEmail .headerData .ccDD{ display: flex; }
#customerEmail .headerData .toDD label, #customerEmail .headerData .ccDD label { float: left; font-size: 15px;white-space: nowrap; }
#customerEmail .headerData .toDD p , #customerEmail .headerData .ccDD p{ float: left; font-size: 15px;margin-bottom: 0;}
/*PTO css start*/
.pto-top .ibox .ibox-title{border: 1px solid #ececec;border-radius: 11px;background-color: #f1f1f1 !important;}
.pto-top .ibox .ibox-title h5{width: 34%;}
.pto-top .ibox-title .pull-left.text-blue {position:relative;}
.pto-top .ibox-title .pull-left.text-blue strong {color: #000 !important;padding: 0px 5px;}
.pto-top .ibox-title .pull-left.text-blue:after{content:'';width: 37%;border-bottom: 2px dotted #1c86c8;position:absolute;bottom: 0;left: 0px;}
.pto-top .ibox-title .pull-left.text-blue i{-webkit-animation-name: arrow-anim;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;top: -3px;}
@-webkit-keyframes arrow-anim{0% { -webkit-transform: translate(0px, 1px)  }50% { -webkit-transform: translate(0px, 4px)  }100% { -webkit-transform: translate(0px, 4px)  }}
.pto-blk .pto-mnu{float: right;box-shadow: none !important;margin: 0px;padding: 0px !important;background: transparent;}
.profile-tab .pto-blk .pto-mnu.title-fixed {width: auto !important;right: 15px;top: 160px !important;min-height: inherit !important;}
.pto-top .table-responsive .table thead{background: transparent !important;color: #434040;}
.pto-top .table-responsive .table thead tr th{background:#fff;color: #434040;}
.pto-middle .ibox-title{padding: 10px 15px 0px;border-bottom: 1px solid #dfdbdb !important;background-color: #f3f3f3 !important;border-radius: 15px 15px 0px 0px;}
.pto-middle .ibox-title h3{color:#000;font-size:18px;}
.pto-middle .ibox-content{padding-top:0px;}
.pto-middle .ibox-content .m-b-md {margin-bottom:0px !important;}
.pto-middle .ibox-content .progress {margin-bottom: 10px !important;}
.pto-middle .ibox-content .col-md-4 .m-b-md h2:first-child,
.pto-middle .ibox-content .col-xs-6 .m-b-md h2:first-child  {padding: 8px 10px !important;font-size: 18px !important;border-top-left-radius: 5px !important;border-top-right-radius: 5px !important;}
.pto-middle .ibox-content .col-md-4 .m-b-md h2:last-child,
.pto-middle .ibox-content .col-xs-6 .m-b-md h2:last-child  {padding: 25px 10px !important;font-size: 18px !important;}
.pto-bottom .ibox-title{padding: 10px 20px 0px;}
.pto-bottom .ibox-title h3,.ptor-blk .ibox-content .ptor-title{margin: -20px -15px 15px -15px;color: #101010;font-size: 17px;background-color: #eee;padding: 15px;border-radius: 15px 15px 0px 0px;}
.ptor-blk .ibox-content .ptor-title{margin: -15px -10px 15px -10px;}
.pto-bottom .ibox-title select{border-radius: 3px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;width: 190px;}
.pto-bottom .pto-table{padding-top:0px;}
.pto-bottom .pto-table .table thead,.pto-bottom .pto-table .table thead tr th {background: #1c84c6 !important;color: #fff;}
.pto-middle .ibox-content .col-md-8 span{float:left;}
.pto-middle .ibox-content .col-md-8 span.stat-percent{float:right;}
.pto-blk .balancelogButton{font-size: 17px !important;text-transform:capitalize; border-radius: 0px !important;margin-right: 0px;margin-left: 10px;background-color: transparent;float: right;border-left: 1px solid #ccc;padding: 1px 1px 1px 14px;}
.pto-blk .balancelogButton[title="Click to view Current Plan"]{border-left:0px;}
.pto-blk .balancelogBwt{font-size: 15px !important;text-transform:capitalize; border-radius: 50px !important;margin-right: 0px;margin-left: 7px;background-color: #fff;float: right;border-left: none;padding: 4px 9px 4px 9px; border-radius: 10px !important;}
.pto-blk .balancelogBwt:hover{font-weight: 500; color: #1c84c6;}
.pto-blk .balancelogBwt i{border-radius: 50%; font-size: 13px; margin-right: 5px; color: #fff; height: 23px; background-color: #ddd; width: 23px; line-height: 23px; text-align: center;}
.pto-blk .balancelogBwt:nth-child(1) i{background-color: #1ea2fe;}
.pto-blk .balancelogBwt:nth-child(2) i{background-color: #ff9800;}
.pto-blk .balancelogBwt:nth-child(3) i{background-color: #2ca01cfe;}
.pto-blk .balancelogBwt:nth-child(4) i{background-color: #1ab394;}
.pto-blk .balancelogBwt:nth-child(5) i{background-color: #e7a822;}
.pto-blk .table td,.pto-blk .table th{font-size:18px;}
.pto-blk .table.balance-lg-tab tfoot tr td:first-child{border:0px;}
.pto-blk .table.balance-lg-tab tfoot tr td:nth-child(3),.pto-blk .table.balance-lg-tab tfoot tr th{background-color:#eee !important;}
.pto-middle .ibox.box-shadow-two {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.pto-bottom .selectContainer select{font-size:17px;}
.pto-blk .pto-bottom .pagination{margin-bottom:0px !important;}  
.pto-blk .ptor-blk.wrapper-content{padding-bottom:0px !important;} 
.pto-blk .hldy-blk .breadTitle{float: left !important;text-align: left !important;width: 100%;}
.pto-blk .hldy-blk .breadTop{display:none;}
.pto-blk #calenderSection{margin-top:-30px;}
.pto-blk #calenderSection .topNavHeader.mobile-bread {margin-right: 2px;}
.pto-blk #calenderSection .holiday-filter {margin-bottom: 15px !important;}
.ppl-profile-blk .pto-blk #PTOPrevious .box-shadow-two.bg-tab-red {background-color: #f2f2f2 !important;}
.md-skin .pto-blk #calenderSection .hldy-blk .wrapper-content {padding: 6px 0px 40px !important;}
.goToTop {border-radius: 40px !important; width: 35px !important; height: 35px !important; bottom: 1% !important; right: 5px !important; margin: 0px !important; padding: 5px !important;
 background-color: #959595 !important;position: fixed !important;z-index: 1000;border-color: #959595 !important;}
.goToTop i {animation: nudge 2s linear infinite alternate;top: 0;transform: translateY(0);position: absolute;
left: 5px;font-size: 25px !important;}
@keyframes nudge {100% {transform: translateY(-70%);top: 80%;}}
.balancelogButton {float: left;margin-right: 10px;}
.myteam-upbtn.goToTop {bottom: -14px !important;}
.pto-blk #balLog .candidate-mbllst{background-color: #fefbfb;}
.pto-blk #balLog .candidate-mbllst ul li {padding: 1px 0px;}
.pto-blk #balLog .candidate-mbllst ul li p span:last-child span {width: auto !important;}
.pto-blk #balLog p.ttl{font-size:16px;margin-bottom: 15px;}
.pto-blk #balLog p.ttl span:last-child{float:right;font-size:20px;font-weight:600;background-color:#eee;padding: 0px 5px;display:inline-block;border-radius: 5px;}.pto-blk #PTOPrevious .candidate-mbllst .mbl-head .top h3 {width: 79% !important;}
.pto-blk #PTOPrevious .candidate-mbllst .mbl-head .top h3 span{display:block;width: 85px;}
.pto-blk #PTOPrevious .candidate-mbllst{background-color: #fff !important;}
.pto-blk #PTOPrevious .candidate-mbllst.bg-tab-red{   border-left: 1px solid #fff4f4;}
.pto-blk #PTOPrevious .candidate-mbllst.bg-tab-green{background-color: #eaffef !important;}
.pto-blk #PTOPrevious .candidate-mbllst .expand{background-color:#fff !important;}
.pto-blk #PTOPrevious #balLog .candidate-mbllst .mbl-head .top h3 span{display:inline-block;width:100%;}
.pto-blk #PTOPrevious .candidate-mbllst span.circle-badge.un-circle-badge-ge {background-color: #dddddd !important;color: #48484a !important;}
.pto-blk #PTOPrevious .candidate-mbllst span.circle-badge.un-circle-badge-gr{color:#fff;background-color: #2ca01c !important;}
.pto-blk #PTOPrevious #balancelog{float:none;margin: 0px !important;}
.pto-blk #PTOPrevious .topPRev .candidate-mbllst ul li p span:first-child,.pto-blk #PTOPrevious .topPRev .candidate-mbllst ul li p span:last-child{width:50% !important;}
.pto-blk #PTOPrevious .topPRev .candidate-mbllst ul li p span:last-child{padding-left:10px;}
.pto-blk #PTOPrevious .topPRev .candidate-mbllst ul li p span:last-child span.br-radi-50 {width: 100px !important;}
/*PTO Request css start*/
.ptor-blk .panel-primary {background-color: #f5f5f5;padding: 0px;border-radius: 7px;border-color: #fff;}
.ptor-blk .panel-heading{background-color:transparent;color: #6c6f71;}
.ptor-blk .panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color:  #d7d7d7;}
.ptor-blk .panel-heading h4 a{float:right;}
.ptor-blk  .table thead tr th{background:#1c84c6;color: #ffffff;}
.ptor-blk .pagination {margin: 20px 0 0px;}
.ptor-blk .ptor-filter .tmscalendar,.ptor-blk .ptor-filter select {font-size:17px;}
/*sweet-alert button*/
.sweet-alert button {background-color: #1c84c6 !important;}
.sweet-alert .sa-icon.sa-info {border-color: #1c84c6 !important;}
.sweet-alert .sa-icon.sa-info::before,.sweet-alert .sa-icon.sa-info::after {background-color: #1c84c6 !important; }
.sweet-alert .sa-icon.sa-error {border-color: #ec1c2d !important;}
.sweet-alert .sa-icon.sa-error .sa-line {background-color: #ec1c2d !important;}
.sweet-alert .sa-icon.sa-warning {border-color: #fb7e00 !important;}
.sweet-alert .sa-icon.sa-warning .sa-body,.sweet-alert .sa-icon.sa-warning .sa-dot {background-color: #fb7e00 !important;}
.sweet-alert .sa-icon.sa-success .sa-placeholder {border-color:#3fa234 !important;}
.sweet-alert .sa-icon.sa-success .sa-line {background-color: #3fa234 !important;}
.sweet-alert h2 {font-size: 25px !important;margin: 0px 0 !important;line-height: 30px !important;}
.sweet-alert button {padding: 6px 32px !important;}
/*peopleCenter page css start*/
.pplcenpage-blk .pplFilter .showfltr-full.shadow-topFilter .pullupBtn { top: -5px; right: -6px; padding: 0 10px; z-index: 99;}
.pplcenpage-blk .pplFilter .shadow-topFilter .fitList {height: 200px;padding: 5px;}
.pplcenpage-blk .pplFilter .shadow-topFilter .moreInfo {left: -125px;padding: 5px 3px;height: auto;width: 200px;}
.pplcenpage-blk .shadow-topFilter .moreInfo a {font-size: 16px;}
.pplcenpage-blk .col-md-10 .panel-body.hidden-xs{padding: 0px}
.pplcenpage-blk .clients-list .nav-tabs li.dotmenus{display:block;}
.pplcenpage-blk .clients-list .nav-tabs{/*padding-bottom: 10px !important;*/ border-bottom: 0px;}
.pplcenpage-blk .clients-list .nav-tabs li> a{padding: 4px 9px 4px 9px !important;}
.pplcenpage-blk .clients-list .nav-tabs .tabs-desktop-plus > a {padding: 0px 5px 4px 7px !important;}
.pplcenpage-blk .clients-list #tabMenu:nth-of-type(1n+10),.pplcenpage-blk .clients-list .nav-tabs li.dotmenus li{display:none;}
.pplcenpage-blk .clients-list li.dotmenus li:nth-of-type(1n+10){display:block;}
.pplcenpage-blk .col-md-10 .middle .form-group .sortOptions.res-sortbwt{font-size: 14px !important;text-align: left;padding: 6px 2px !important;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus .dropdown-menu li a {border-bottom: none !important;font-size: 16px !important;margin: 0px;padding: 5px 5px !important;border-radius: 0px;}
.pplcenpage-blk .col-md-10 .col-md-3 .form-group {display: block;float: left;width:45%;}
.pplcenpage-blk .col-md-10 .middle .form-group {margin-bottom:15px;}
.pplcenpage-blk .col-md-10 .middle .form-group.fltrBtn .pull-right{width:230px;}
.pplcenpage-blk .col-md-10 .col-md-3 .form-group:last-child {float: right;width: 55%;}
.pplcenpage-blk .col-md-10 .col-md-3 .form-group:last-child .dropdown {margin-left: 5px;}
.pplcenpage-blk .col-md-10 .col-md-3 .form-group:first-child button {float: left;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus .dropdown-menu,.clients-list .nav-tabs > li.dotmenus .dropdown-menu {margin-top: 12px;right: 0;left: auto;padding: 0px;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus .dropdown-menu:before,.clients-list .nav-tabs > li.dotmenus .dropdown-menu:before {right: 35px !important;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus  a,.clients-list .nav-tabs > li.dotmenus  a   {padding: 0px 14px 0px 10px !important;line-height: 30px;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus  > a,.clients-list .nav-tabs > li.dotmenus  > a{background-color:transparent !important;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus  a{font-size: 17px;}
.pplcenpage-blk .clients-list .nav.nav-tabs > li.dotmenus  >a i{display:none;}
.pplcenpage-blk .clients-list .nav-tabs > li.dotmenus > a > i,.clients-list .nav-tabs > li.dotmenus > a > i{font-size: 20px!important;position: relative;top: 12px;line-height: 30px;display: block;}
@-webkit-keyframes bubble {
    0% {box-shadow: 0 0 0 0 #1c84c6, 0 0 0 0.1em #1c84c6, 0 0 0 0.1em rgba(206, 206, 206, 0.82), 0 0 0 1.2em rgba(206, 206, 206, 0.15);}
    100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
@keyframes bubble {
    0% {box-shadow: 0 0 0 0 #1c84c6, 0 0 0 0.1em #1c84c6, 0 0 0 0.3em rgba(206, 206, 206, 0.82), 0 0 0 1.2em rgba(206, 206, 206, 0.15);}
    100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
.pplcenpage-blk .col-md-2 .category-list li a .label {padding: 4px 4px;}
.peopleCenterBtnSection .col-md-5 button,.peopleCenterBtnSection .col-md-1 span{border-radius: 50px;position:relative;z-index: 9;overflow:hidden;width: auto;}
.peopleCenterBtnSection .col-md-5 button[title="Send Email"] i{left:-4px}
.peopleCenterBtnSection .col-md-5 button[title="Reset password"] i.fa-undo {left: -5px;position: absolute;}
.peopleCenterBtnSection .col-md-5 button[title="Reset password"] i.fa-lock{left: -4px;position: absolute;}
.peopleCenterBtnSection .col-md-5 button:hover:after, .peopleCenterBtnSection .col-md-1 span:after:hover {width: 100%;}
.peopleCenterBtnSection .col-md-5 button:after,.peopleCenterBtnSection .col-md-1 span:after {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;transition: all .6s;z-index: -1;background-color: #1379b9;border-radius: 50px;}
.peopleCenterBtnSection .col-md-5 button[title="Send invitation"]:after {  background-color: #ce871d !important;}
.peopleCenterBtnSection .col-md-5 button[title="Send Email"]:after {     background-color: #1f9d9e !important;}
.peopleCenterBtnSection .col-md-5 button[title="Send invitation"] {background-color: #f49d1b !important;border-color: #f49d1b !important;}
.peopleCenterBtnSection .col-md-5 button[title="Send Email"] {background-color: #1eacae !important;border-color: #1eacae !important;}
.peopleCenterBtnSection .col-md-1{padding:0px 5px;}
.peopleCenterBtnSection .col-md-1 span{background-color: #2ca01c;color: #ffff !important;padding: 4px 6px;}
.peopleCenterBtnSection .col-md-1 span a,.peopleCenterBtnSection .col-md-1 span i{color:#fff !important;white-space: nowrap;}
.peopleCenterBtnSection .col-md-1 span a{font-size: 16px;}
.pplcenpage-blk .ppl-plusbtn a{margin-right:25px !important;}
.pplbtn-blk{position:relative;}
.peopleCenterBtnSection .col-md-8 .form-control{border-radius:25px !important;}
.peopleCenterBtnSection .col-md-3:last-child{padding-right: 40px;}
.pplbtn-expand span{position: absolute;right: 5px;top: 1px;font-size: 20px;background-color: #eee;border-radius: 20px;padding: 2px 7px;z-index: 9;}
.pplbtn-expand span[ng-show="showPanelpplbtn"] {right: 36px;top: 3px;}
.pplbtn-expand span[ng-show="showPanelpplbtn"] i,.downarow-anim{-webkit-animation-name: arrow-anim;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.ppl-profile-bread .breadTitle.pull-right {padding-right: 4% !important;}
.profile-blk .pplbtn-expand{display:none;}
.ppl-profile-blk.profile-blk .pplbtn-expand{display:block;}
/*People center PTO List css start*/
.pplcen-ptolist-filter {padding-top: 0px !important;border-color: #fff !important;margin: 0px 0px !important;border-radius: 50px;padding: 7px 15px 8px !important;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 38%) !important;} 
.pplcen-ptolist-filter h3.timecardFilter{padding: 2px 5px 10px;} 
.pplcen-ptolist-filter .input-group{margin-bottom: 15px;margin-top: 0px;width: 98%;}
.pplcen-ptolist-filter .col-sm-3.col-lg-3 a{padding: 6px 20px;display: inline-block;margin-left: 5px;}
.pplcen-ptolist-filter .top .col-md-10 input {width: calc(100% - 40px) !important;float: left;height: 39px;}
.ptolist-table tr td, .ptolist-table tr th {font-size: 17px;vertical-align: middle;}
.ptolist-table tbody tr:first-child td {border-top: 0px;padding-top: 0;}
.pplcen-ptolist-blk .ptolist-table tbody tr:first-child td {padding-top:8px;}
.pplcen-ptolist-blk .ptolist-table tbody tr .img-circle{width:35px;height:35px;}
.pplcen-ptolist-filter .input-group-btn button.resetApply {background-color: #f67d7d !important;}
.pplcen-ptolist-blk .ibox-title {background-color: #fff;border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);margin-bottom: -13px;}
.pplcen-ptolist-blk .ibox-title .pull-right a{font-size: 19px;padding: 3px 10px;border-color: #1c84c6 !important;}
.pplcen-ptolist-blk .ibox-title .pull-right a:first-child{border: #257d19  1px solid!important;color: #257d19;}
.pplcen-ptolist-blk .ibox-title .pull-right a:hover:first-child{background-color: #257d19 !important;color: #ffffff;}
.pplcen-ptolist-blk .ibox-title .pull-right a:last-child{border: #ec1c2d  1px solid!important;color: #ec1c2d;}
.pplcen-ptolist-blk .ibox-title .pull-right a:hover:last-child{background-color:#ec1c2d !important;color: #ffffff;}
.pplcen-ptolist-blk .ptolist-table thead{color: #363535 !important;background-color: #eee !important;}
.pplcen-ptolist-blk .ptolist-table thead a{color: #7e7c7c !important;}
.pplcen-ptolist-blk .ptolist-table td span.label.label-primary.orange,.pplcen-ptolist-blk .candidate-mbllst .label-primary.orange {border-color: #fb7e00 !important;color: #fb7e00;}
.pplcen-ptolist-blk .ptolist-table td:hover span.label.label-primary.orange,.pplcen-ptolist-blk .candidate-mbllst .label-primary.orange:hover{background-color: #fb7e00 !important;color: #ffffff;}
.pplcen-ptolist-blk .ptolist-table td span.label.label-warning,.pplcen-ptolist-blk .candidate-mbllst .label.label-warning {border-color: #949494 !important;color: #949494;}
.pplcen-ptolist-blk .ptolist-table td:hover span.label.label-warning,.pplcen-ptolist-blk .candidate-mbllst .label.label-warning:hover {background: #949494 !important;color: #ffffff;}
.pplcen-ptolist-blk .ptolist-table td span.label.label-primary,.pplcen-ptolist-blk .candidate-mbllst .label-primary{border-color: #3fa234 !important;color: #3fa234;}
.pplcen-ptolist-blk .ptolist-table td:hover span.label.label-primary,.pplcen-ptolist-blk .candidate-mbllst .label-primary:hover{background-color: #3fa234 !important;color: #fff;}
/*.pplcen-ptolist-blk .ptolist-table td:nth-child(8) span.label.label-warning {border-color: #949494 !important;color: #949494;}
.pplcen-ptolist-blk .ptolist-table td:nth-child(8):hover span.label.label-warning { background-color: #949494 !important;color: #ffffff;}*/
.pplcen-ptolist-blk .ptolist-table td span.label,.pplcen-ptolist-blk .candidate-mbllst .label{width: 65px !important;height: 30px;line-height: 30px;text-align: center;border-radius: 30px !important;color: white;margin-left: auto;margin-right: auto;padding: 0px;}
.pplcen-ptolist-blk .ptolist-table td span.label,.pplcen-ptolist-blk .candidate-mbllst .label{background-color: transparent !important;color: #7b7b7b;border: 1px solid #ccc;}
.pplcen-ptolist-blk .circle-badge {height: 26px;width: 26px;line-height: 27px;text-align: center;border-radius: 30px;}
.pplcen-ptolist-blk .orange-bg {background-color: #f49730;color: #ffffff;}
.pplcen-ptolist-blk  .neg-bg {background-color: #FC6E6E;color: #ffffff;}
.pplcen-ptolist-blk .pos-bg {background-color: #50AA46;color: #ffffff;}
.pplcen-ptolist-blk .negative-bg {background-color: #FC6E6E;color: #ffffff;}
.pplcen-ptolist-blk .positive-bg {background-color: #1c84c6;color: #ffffff;}
.pplcen-ptolist-blk .progress-bar-pos {background-color: #1c84c6;}
.progress-bar-neg {background-color: #818181;}
.pplcen-ptolist-blk .candidate-mbllst .img-circle {width:25px;height:25px;}
.pplcen-ptolist-blk .mblbtm-mnu{left: 170px;z-index: 99;width: calc(100% - 350px);}
.pplcen-ptolist-blk .mblbtm-mnu.show{margin-left: calc(-100% - -215px);}
.pplcen-ptolist-blk .mblbtm-mnu .mnu-expand{top: 5px;left: 15px;}
.pplcen-ptolist-blk .mblbtm-mnu.show .mnu-expand{top: 10px;}
.pplcen-ptolist-blk .mblbtm-mnu .dropdown-menu.dropdown-alerts{left:-180px;right:auto;width: 500px;margin-bottom:5px !important;}
.pplcen-ptolist-blk .mblbtm-mnu .dropdown-menu.dropdown-alerts:before{display:none;}
.pplcen-ptolist-blk .mblbtm-mnu .switch1 {left: 0;}
.pplcen-ptolist-blk .mblbtm-mnu .col-xs-6{padding:0px 5px;margin-bottom: 10px;}
.pplcen-ptolist-blk .mblbtm-mnu .col-xs-6.active{width: 22%;}
.pplcen-ptolist-blk .mblbtm-mnu .col-xs-6.employee{width: 78%;margin-bottom:15px !important;}
/*pplcen-ptolist-blk selected Employee*/
.ptolist-slctemp{padding: 6px;border-radius: 18px;}
.ptolist-slctemp .bottom,.ptolist-plandtl .ibox-title,.ptolist-slctemp-bl .ibox-title{background-color: rgb(232 232 232) !important;padding: 10px !important;border-radius: 18px;border: 1px solid #e4e3e3;}
.ptolist-slctemp .left .m-b-sm{float:left;margin-bottom: 0;}
.ptolist-slctemp .left h2{float:left;color: #494949;font-size: 25px;font-weight: 600;text-transform:uppercase;margin-top:10px}
.ptolist-slctemp .left .m-b-sm .img-circle{width:50px !important;height:50px !important;margin-right:10px;}
.ptolist-slctemp .right .cancel{float:right;}
.ptolist-slctemp .right h3{color: #48484A !important;}
.ptolist-slctemp .right h3 .btn-info{padding: 5px 6px;border-radius:25px;font-size: 14px;border: 0px;margin-left: 25px;}
.ptolist-slctemp .right p{margin-bottom:5px;color: #48484A !important;}
.ptolist-plandtl .ibox{border-radius: 18px;}
.ptolist-plandtl .ibox-content .table th,.ptolist-slctemp-bl .table th{background: #fff;color: #434040;font-size: 17px;}
.ptolist-plandtl .ibox-content .table tbody td,.ptolist-slctemp-bl .table tbody td{font-size:17px;}
.ptolist-plandtl .ibox-content .table tbody tr:first-child td,.ptolist-slctemp-bl .ibox-content .table tbody tr:first-child td{border-top:0px;padding-top: 0;}
.ptolist-plandtl .ibox-content .table tbody td:nth-child(3) .label{padding:5px;font-size: 13px;min-width: 100px;text-align: center;display: inline-block;border-radius: 20px;}
.ptolist-slctemp-md .ibox-title{border-radius: 15px 15px 0px 0px !important;}
.ptolist-slctemp-md .ibox-content{padding-top:15px !important;border-radius: 0px 0px 15px 15px;min-height: 185px;}
.ptolist-slctemp-md .ibox-title{padding: 9px 15px 15px 15px !important;height: 60px;}
.ptolist-slctemp-md .ibox-title h3{margin:0px;float: left;}
.ptolist-slctemp-bl .log-filter{margin: 25px 6px 15px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border: none !important;border-radius: 35px;padding: 10px 0px 0px;}
.ptolist-slctemp-bl .ibox-title h3{color: #101010;font-size: 17px;text-transform:uppercase;}
.ptolist-slctemp-bl .log-filter select {width:150px !important;}
.ptolist-slctemp-bl .nodata img{width:25%;}
#ptoaudit #history-vertical-timeline::before {left: 28px !important;}
.pplcen-deptfltr form .col-md-10 .pull-right.rt{width:70%;}
.pplcen-deptfltr .bwt-DDexpand{ position: absolute; right: 0px; top: 0px; padding: 2px 10px; border-radius: 0 10px 0 15px; z-index: 50; background-color: #eee }
.pplcen-deptfltr .bwt-DDexpand:hover{ background-color: #e3e3e3 }
.pplcen-deptfltr-top .text-center .dept-topbtn button{width:175px !important;font-size: 18px !important;padding: 3px 5px !important;margin-right: 1%;background-color:#fff;border-width:2px; border-radius:50px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;z-index:9;position:relative;}
.pplcen-deptfltr-top .text-center .dept-topbtn button span:nth-child(1){ float: left; color: #48484a; float: left; font-weight: 500; }
.pplcen-deptfltr-top .text-center .dept-topbtn button:hover span:nth-child(1){ color: #fff; }
.pplcen-deptfltr-top .text-center .dept-topbtn span.pull-right{padding: 2px 0px 0px;width: 30px; margin-left: 6px;font-weight: 500; color: #fff; margin-right: 7px; font-size: 16px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:hover span.pull-right{    background-color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:hover {color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1){color:#eeb42e;border-radius:50px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2){color:#198ee7;border-radius:50px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3){color:#fc6621;border-radius:50px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4){color: #2ca01c;border-radius:50px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5){color:#848c79;border-radius:50px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1) .fa-circle{color:#eeb42e;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2) .fa-circle{color:#198ee7;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3) .fa-circle{color:#fc6621;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4) .fa-circle{color: #2ca01c;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5) .fa-circle{color:#848c79;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:hover .fa-circle{color:#fff;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1) span.pull-right{background-color: #eeb42e;border-radius:5px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2) span.pull-right{background-color:#198ee7;border-radius:5px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3) span.pull-right{background-color:#fc6621;border-radius:5px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4) span.pull-right{background-color:#2ca01c;border-radius:5px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5) span.pull-right{background-color:#848c79;border-radius:5px;transition: 0.3s;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:after{content: '';position: absolute;left: 0px;top: 0px;width: 0px;height: 100%;z-index: -9;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;border-radius: 25px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:hover:after{width:100%;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1):hover:after{background-color:#eeb42e;color: #fff;transition: 0.5s;border-radius:50px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2):hover:after{background-color: #198ee7;color: #fff;transition: 0.5s;border-radius:50px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3):hover:after{background-color: #fc6621;color: #fff;transition: 0.5s;border-radius:50px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4):hover:after{background-color: #2ca01c;color: #fff;transition: 0.5s;border-radius:50px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5):hover:after{background-color: #848c79;color: #fff;transition: 0.5s;border-radius:50px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1):hover span.pull-right{color:#eeb42e;transition: 0.5s;border-radius:5px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2):hover span.pull-right{color:#198ee7;transition: 0.5s;border-radius:5px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3):hover span.pull-right{color:#fc6621;transition: 0.5s;border-radius:5px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4):hover span.pull-right{color:#5cd14f;transition: 0.5s;border-radius:5px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5):hover span.pull-right{color: #848c79;transition: 0.5s;border-radius:5px;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1).select-button1{background-color:#eeb42e !important;color: #fff;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2).select-button2{background-color:#198ee7 !important;color: #fff;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3).select-button3{background-color:#fc6621 !important;color: #fff;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4).select-button4{background-color:#5cd14f !important;color: #fff;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5).select-button5{background-color:#848c79 !important;color: #fff;}
.pplcen-deptfltr-top .text-center .dept-topbtn button.select-button1 .fa-circle{color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button.select-button2 .fa-circle{color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button.select-button3 .fa-circle{color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button.select-button4 .fa-circle{color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button.select-button5 .fa-circle{color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn .select-button1 span:nth-child(1){color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn .select-button2 span:nth-child(1){color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn .select-button3 span:nth-child(1){color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn .select-button4 span:nth-child(1){color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn .select-button5 span:nth-child(1){color: #fff !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(1).select-button1 span:nth-child(2){color: #eeb42e !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(2).select-button2 span:nth-child(2){color: #198ee7 !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(3).select-button3 span:nth-child(2){color: #fc6621 !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(4).select-button4 span:nth-child(2){color: #2ca01c !important;}
.pplcen-deptfltr-top .text-center .dept-topbtn button:nth-child(5).select-button5 span:nth-child(2){color: #848c79 !important;}
.pplcen-deptfltrN22{padding: 0px; margin: -10px 0 13px 0; box-shadow: 0px 0px 13px 1px #00000029;}
.pplcen-deptfltrN22 h3{color: #000;float: left;text-transform: uppercase;opacity: 0.2;font-size: 35px;position: absolute;top: -6px;left: 25px;}
.un-dd-emp{overflow-y: hidden; height:800px; border-radius: 15px;}
.un-dd-emp:hover{overflow-y: auto;}
.un-dd-emp::-webkit-scrollbar { width: .4em; }
.scroll-box::-webkit-scrollbar, .scroll-box::-webkit-scrollbar-thumb { overflow:visible; border-radius: 4px; }
.scroll-box::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); }
.pplcen-deptfltr .col-md-3 {padding-right:0px;}
.ppl-dd-dept .panel-heading #expcollButton, .ppl-dd-dept .panel-heading .thumb, .ppl-dd-dept .panel-heading strong.text-uppercase,
.ppl-dd-dept .panel-heading span.subhead, .ppl-dd-dept .panel-heading span.label {float: left;}
.ppl-dd-dept .panel-heading strong.text-uppercase,.ppl-dd-dept .panel-heading span.subhead, .ppl-dd-dept .panel-heading span.label {margin-top: 10px;margin-left: 5px;}
.ppl-dd-dept .panel-heading span.label{margin-top: 20px;}
.ppl-dd-dept .panel-heading span.label-danger{margin-top:5px;}
.ppl-dd-dept .panel-heading span.subhead{margin-top: 15px;}
.pplcen-admin-drctdept .pplcen-ddfilter .col-md-2:nth-child(3), .pplcen-deptfltr .col-md-2:nth-child(3) {top: 5px;}
.dd-dept-mobileinfo{display:none;float:right;margin-top: -5px;}
.dd-dept-mobileinfo .dropdown-toggle {padding: 2px 7px;}
.dd-dept-mobileinfo .dropdown-menu.dropdown-alerts {left: auto;right: 0px;top: 45px; z-index: 9999;}
.ppl-ddres-head{display:none;padding: 5px 5px 10px;margin-top: -10px;}
.pplcen-ptolist-modal .modal-dialog {width:80% !important;margin: 30px auto;}
.pplcen-ptolist-modal .modal-header {border-radius: 4px;margin: 0px 0px 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 5px 10px 15px; background-color: #eeeeee;}
.pplcen-ptolist-modal .modal-header .bwt-cancel{position:absolute;right: 3px;padding: 3px 9px;}
.pplcen-ptolist-modal .modal-header .client-thump{float: left;margin-top: 10px;background-color: #fff;padding: 9px 7px;width: 99%;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 10px;}
.pplcen-ptolist-modal .modal-header .client-avatar {float: left;margin-top: 5px;}
.pplcen-ptolist-modal .modal-header .client-avatar img {width:35px;height:35px;}
.pplcen-ptolist-modal .modal-header .client-thump .left{float:left;margin-left: 5px;}
.pplcen-ptolist-modal .modal-header .client-thump .left h3{color: #1c84c6;width: 100%;text-transform: uppercase;font-size: 25px;}
.pplcen-ptolist-modal .modal-header .client-thump .left label{background-color: #1c84c6;color: #fff;border-radius: 3px;padding: 0px 10px;font-weight: 100;font-size: 13px;margin-left: 5px;}
.pplcen-ptolist-modal .modal-header .client-thump .left label:last-child {background-color: #f7a54a;margin-left: 0px;}
.pplcen-ptolist-modal .modal-header .pull-right{color: #1c84c6;padding-left: 15px;text-transform: uppercase;}
.pplcen-ptolist-modal .modal-body .ibox-title{padding: 8px 8px 7px;background-color: #eee;margin-bottom: 10px;color: #1c84c6;min-height: auto;}
.pplcen-ptolist-modal .modal-body .ibox-title h3{text-transform:uppercase;float:left;margin: 0px !important;font-size: 18px;}
.ppl-admin-identify-head .thumb, .ppl-admin-identify-head .pull-left {float:left;}
.dd-dept-edit .panel-body .row{margin-bottom:15px;}
/*ppl new filter jun 25*/
.adminFilterJ25{}
.adminFilterJ25 .shadow-topFilter{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; margin: 7px; margin-top: 5px; padding: 8px 0px 8px 5px; border: 1px solid #eee;}
.adminFilterJ25 .shadow-topFilter .fitList{ height: auto; }
.adminFilterJ25 .shadow-topFilter .fitList .grpSelector {margin: 5px 8px}
.adminFilterJ25 .shadow-topFilter .fitList .grpSelector select{ font-size: 16px; height: 30px !important; }
.adminFilterJ25 .shadow-topFilter .fitList .category-list { margin: 5px; padding-left: 0; height: 130px; }
.adminFilterJ25 .dateLabelDiv .dateLabel{ display: none !important; }
.adminFilterJ25 .shadow-topFilter .pullupBtn{ top: -8px; right: -15px; border-radius: 0 4px 0 7px !important; padding: 0px 16px; z-index: 999;}
.adminFilterJ25 .shadow-topFilter .innerFilterTxt{ font-size: 24px; margin: 0; font-weight: bold; opacity: .6; }
.adminFilterJ25 .resultBox{ left: 0px; width: 325px; }
.adminFilterJ25 .mulSelctdrpdwn { left: 0px; width: 325px; }
.adminFilterJ25.adminBenFilterJ6 .mulSelctdrpdwn { width: 100%; }
.adminFilterJ25 .resultBox .list .checkboxContainer input[type=checkbox]{ opacity: 1; top: 0px; left: 3px;}
.adminFilterJ25 .resultBox .list .checkbox label::before{ opacity: 0; }
.adminFilterJ25 .resultBox .list .checkboxContainer label { margin-left: 10px; }
.adminFilterJ25 .fitList .category-list .countBadge{ color: #fff; font-size: 14px; width: 36px; margin-top: 3px; float: right; }
.adminFilterJ25 .filterInfo{ margin: 5px; padding-left: 0; height: auto !important; left: -66px !important; }
.adminFilterJ25 .filterInfo li a{ border-bottom: 2px solid #eee; font-size: 17px; }
.adminFilterJ25 .filterInfo li:nth-child(1) a .iconBadge{ color: #eeb42e; }
.adminFilterJ25 .filterInfo li:nth-child(2) a .iconBadge{ color: #198ee7; }
.adminFilterJ25 .filterInfo li:nth-child(3) a .iconBadge{ color: #fc6621; }
.adminFilterJ25 .filterInfo li:nth-child(4) a .iconBadge{ color: #2ca01c; }
.adminFilterJ25 .filterInfo li:nth-child(5) a .iconBadge{ color: #848c79; }
.adminFilterJ25 .filterInfo li a .label{ color: #fff; font-size: 14px; width: 36px; margin-top: 3px; background-color: #1EA2FE; float: right }
.adminFilterJ25 .filterInfo li:nth-child(1) a .label{ background-color: #eeb42e; }
.adminFilterJ25 .filterInfo li:nth-child(2) a .label{ background-color: #198ee7; }
.adminFilterJ25 .filterInfo li:nth-child(3) a .label{ background-color: #fc6621; }
.adminFilterJ25 .filterInfo li:nth-child(4) a .label{ background-color: #2ca01c; }
.adminFilterJ25 .filterInfo li:nth-child(5) a .label{ background-color: #848c79; }
.adminFilterJ25 .category-list li.select-bg2 {background-color: #f1f1f1;}
.adminFilterJ25 .switch1 { position: relative; display: inline-block; width: 77px; height: 24px;}
.adminFilterJ25 .switch1 input { display: none; }
.adminFilterJ25 .resultBox .slider1 { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; -webkit-transition: .4s; transition: .4s; border-radius: 34px; width: 77px; }
.adminFilterJ25 .resultBox .slider1:before { position: absolute;  content: ""; height: 16px; width: 16px; left: 10px; bottom: 4px; background-color: #2ca01c !important; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.adminFilterJ25 .resultBox input:checked + .slider1 { background-color: transparent; }
.adminFilterJ25 .resultBox input:focus + .slider1 { box-shadow: 0 0 1px #2196F3; }
.adminFilterJ25 .resultBox input:checked + .slider1:before { -webkit-transform: translateX(47px); -ms-transform: translateX(47px); transform: translateX(47px); background-color: #6a6666 !important; }
.adminFilterJ25 .resultBox .slider1:after { content: 'Active'; color: white; display: block; position: absolute; transform: translate(-50%,-50%); top: 47%; left: 67%; font-size: 11px; font-family: Verdana, sans-serif; color: #2ca01c !important; } 
.adminFilterJ25 .resultBox input:checked + .slider1:after { content: 'Inactive'; left: 40%; color: #6a6666 !important; }
.adminFilterPPLMain.adminFilterJ25 .mulSelctdrpdwn {width: 100%}
.adminFilterPPLMain.adminFilterJ25 .resultBox  {width: 250px;}
.adminFilterPPLMain.adminFilterJ25 .form-group {margin-bottom: 10px !important; padding: 0 10px !important;}
.adminFilterPPLMain.adminFilterJ25 select{ height: 40px; font-size: 18px !important; }
.adminFilterPPLMain.adminFilterJ25 .searchbox input{ width: 100%; }
.un-dd-emp { padding: 8px !important; padding-right: 0px !important; position: relative; margin-top: 0 !important;}
.un-dd-emp .employeeList{ border-left: 5px solid #ffffff; padding: 6px 5px; margin-bottom: 10px;  position: relative;}
.un-dd-emp .employeeList:hover{ border-left: 5px solid #00bf0e1f; background-color: #00bf0e1f !important; }
.un-dd-emp .employeeList.select-bg{ border-left: 5px solid #2ca01c; background-color: #00bf0e1f !important; }
.un-dd-emp .employeeList.checked{ border: 1px solid #2ca01c !important; border-left: 5px solid #2ca01c !important; background-color: #fff; }
.un-dd-emp .employeeList .img-block img{ width: 42px; height: 42px; }
.un-dd-emp .employeeList .check-box-cover{ z-index: 9;  opacity: 0; transition: .5s;}
.un-dd-emp .employeeList:hover .check-box-cover, .un-dd-emp .employeeList .check-box-cover.isChecked{ opacity: 1;}
.un-dd-emp .employeeList .left{width:96%;}
.un-dd-emp .employeeList .right{float: right;}
.un-dd-emp .employeeList .right .check-box-cover{display:inline; padding: 6px 10px;}
.ppl-UNLeft-J26 .ibox, .ppl-UNRight-J26 .ibox{padding: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px;}
.ppl-UNLeft-J26 .ppl-hdd{border-radius: 10px 10px 0 0; padding: 6px; background-color: #eee; margin: 0;}
.ppl-UNLeft-J26 .ppl-hdd .lft{float: left; font-size: 20px; font-weight: 500; color: #1c1c1e;}
.ppl-UNLeft-J26 .ppl-hdd .lft .countLabel{ font-size: 13px; padding: 5px 4px; font-weight: 700; background-color: #fff; color: #1c84c6 !important;}
.ppl-UNLeft-J26 .ppl-hdd .un-sort { width: 110px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px !important; color: #4c4c4c; margin-top: 6px; font-size: 18px; padding: 0px 12px; height: 32px; margin-bottom: 0 !important; margin-right: 5px;}
.ppl-UNLeft-J26 .ppl-hdd .un-sort span, .ppl-UNLeft-J26 .ppl-hdd .un-sort i { color: #4c4c4c !important; font-size: 16px; }
.ppl-UNLeft-J26 .box-shadow-two.bg-green{color:#fff !important;}
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown { top: 31px; left:auto; }
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown .check-box-cover{width:100% !important;margin: 3px 0px 3px 0px !important; transition: 0.8s}
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown .check-box-cover:hover .checkBoxName{color: #1c1c1e;}
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown .check-box-cover .checkmark{margin-top:5px !important}
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown li{width: 100% !important; margin: 0px 0px 0px 0px !important; transition: 0.8s; font-size: 14px; padding: 6px 7px; color: #48484a; border-bottom: 1px solid #eee; cursor: pointer; border-radius: 4px; font-weight: 500;}
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown li:hover{background-color: #eee;}
.ppl-UNLeft-J26 .ppl-hdd .msgeSortDropdown.dropdown-menu:before { right: 10px; }
.ppl-UNLeft-J26 .ppl-hdd .rgt{float: right;}
.ppl-UNRight-J26{padding-right: 0}
.ppl-UNRight-J26 .ppl-datahdd{border-radius: 10px 10px 0 0; padding: 6px; background-color: #eee; margin: 0;}
.ppl-UNRight-J26 .ppl-nameBoard{padding: 5px 10px 5px 10px;border: none;margin-bottom: 1px; border-radius: 4px 4px 0 0; background-color: #eee;}
.ppl-UNRight-J26 .ppl-nameBoard .prlPic {float: left; margin-right: 7px;}
.ppl-UNRight-J26 .ppl-nameBoard .prlPic img{ height: 55px; width: 55px; border: 2px solid #fff; box-shadow: 0 3px 6px #00000029; }
.ppl-UNRight-J26 .ppl-nameBoard .prlDets{ float: left; }
.ppl-UNRight-J26 .ppl-nameBoard .prlDets a{ color: #1C84C6 !important; text-transform: capitalize; font-size: 22px; font-weight: bold; margin-top: 0; cursor: pointer;}
.ppl-UNRight-J26 .ppl-nameBoard .prlDets h4{ float: left; margin-bottom: 5px; }
.typeBadge{ color: #fff; font-size: 12px; font-weight: 500; padding: 3px 7px; border-radius: 50px; }
.typeBadge{ color: #fff; font-weight: 500; padding: 3px 7px 2px 7px; border-radius: 50px; font-size: 11px !important; margin-right: 5px; white-space: nowrap;max-width: calc(100% - 50%); overflow: hidden; text-overflow: ellipsis; display: inline-block; text-align: center; }
.typeBadge.empTYpe{ margin-right: 5px;}
.typeBadge.OnbTYpe{ }
.ppl-UNRight-J26 .ppl-nameBoard .prlDets .compEmppDets span{ font-size: 12px; }
.ppl-UNRight-J26 .ppl-dataBoard{ padding: 8px; }
.ppl-UNRight-J26 .ppl-dataBoard .compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .secA .amtPRT{ font-size: 14px; }
.ppl-UNRight-J26 .ppl-dataBoard .compensation-MY6-view .firstPan-Comp-P1 .leftPlane .amtPRT{ font-size: 25px; }
.ppl-UNRight-J26 .ppl-dataBoard .compensation-MY6-view .firstPan-Comp-P1 .effDATE{ font-size: 11px; }
.ppl-UNRight-J26 .ppl-dataBoard .compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA {width: 32%;padding: 4px 4px 4px 0px;}
.ppl-UNRight-J26 .ppl-dataBoard .compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .secA h3{ color: #1c1c1c !important; font-size: 10px; font-weight: bold; }
.ppl-UNLeft-J26 .allSelect{ padding-left : 25px;}
.ppl-UNRight-J26 .dd-slip {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: none;padding: 0px 0px 10px 0px; border-radius: 15px; margin-bottom: 10px;position: relative;margin-top: 5px;}
.ppl-UNRight-J26 .dd-slip:hover { background-color: #fafafa; }
.ppl-UNRight-J26 .dd-slip .header { padding: 5px 8px; background-color: #eee; border-radius: 10px 10px 0 0; margin-bottom: 10px; }
.ppl-UNRight-J26 .dd-slip .header .ddName{ font-size: 22px; margin: 0 8px; cursor: pointer; color: #48484a; float: left; }
.ppl-UNRight-J26 .dd-slip .header .greenLabel{ color: #fff; padding: 3px 12px; border-radius: 50px; font-size: 12px; font-weight: 500; line-height: 31px; background-color: #2cA01C; }
.ppl-UNRight-J26 .dd-slip .leftPlane{ line-height: 32px; padding-left: 10px; font-size: 17px; }
.ppl-UNRight-J26 .dd-slip .leftPlane .labelName{ font-weight: 600; color: #1c1c1e; padding-right: 0; padding-left: 10px;}
.ppl-UNRight-J26 .dd-slip .leftPlane .dataName{ font-weight: 400; color: #676a6c; }
.ppl-UNRight-J26 .dd-slip .rightPlane{  }
.ppl-UNRight-J26 .profileTab-J6 .header-Main{margin-top: 0; padding: 8px;}
.ppl-UNRight-J26 .cusMainBodyM4 h3{ font-size: 22px; margin-bottom: 5px !important; margin-top: 0px !important; }
.ppl-UNRight-J26 .cusMainBodyM4 h5 { margin-top: 0; font-weight: 400; font-size: 14px; }
.ppl-UNRight-J26 .cusMainBodyM4 .imgPart .contactInfos { margin-top: 5px; }
.ppl-UNRight-J26 .cusMainBodyM4 .header-Main .j6-inner.height1 .imgPart { padding: 0 5px; }
.ppl-UNRight-J26.expandPleMain .cusMainBodyM4 .imgPart .contactInfos ul { font-size: 14px; }
.ppl-UNRight-J26.collapsePleMain .cusMainBodyM4 .imgPart .contactInfos ul { font-size: 17px; }
.ppl-UNRight-J26 .cusMainBodyM4 .jobstatus { color: #fff; font-weight: 500; padding: 3px 7px 2px 7px; border-radius: 50px; font-size: 11px !important; margin-right: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; text-align: center; }
.ppl-UNRight-J26 .cusMainBodyM4 .jobstatus.width1 { width: 111px; }
.ppl-UNRight-J26 .cusMainBodyM4 .jobstatus.width2 { width: 170px; }
.ppl-UNRight-J26.expandPleMain .profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box label { font-size: 14px; }
.ppl-UNRight-J26.collapsePleMain .profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box label { font-size: 17px; }
.ppl-UNRight-J26.expandPleMain .profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box .data { font-size: 14px; }
.ppl-UNRight-J26.collapsePleMain .profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box .data { font-size: 17px; }
.ppl-UNRight-J26.expandPleMain .unBox-j14 .data .item .name{font-size: 17px;}
.ppl-UNRight-J26 .unBox-j14 .data .item{padding: 8px;}
.ppl-UNRight-J26 .unBox-j14 .data{height: 225px;}
.ppl-UNRight-J26.collapsePleMain .unBox-j14 .data .item .name{font-size: 20px;}
.ppl-UNRight-J26.expandPleMain .unBox-j14 .data .item .badge{font-size: 10px;}
.ppl-UNRight-J26.collapsePleMain .unBox-j14 .data .item .badge{font-size: 12px;}
.ppl-UNRight-J26 .unBox-j14 .data .item .viewmore { margin-top: 24px; }
.ppl-UNRight-J26.collapsePleMain .unBox-j14 .heading span{font-size: 16px;}
.ppl-UNRight-J26.expandPleMain .unBox-j14 .heading span{font-size: 19px;}
.ppl-UNRight-J26.collapsePleMain .unBox-j14 .heading .totalrec{font-size: 13px;}
.ppl-UNRight-J26.expandPleMain .unBox-j14 .heading .totalrec{font-size: 15px;}
.ppl-UNRight-J26 .unBox-j14 .ddBox{ padding: 6px 6px 3px; border-radius: 10px; position: relative; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; cursor: pointer; margin-bottom: 15px;}
.ppl-UNRight-J26 .unBox-j14 .ddBox .ach-ui-table table{ margin: 0; background-color: #eee; border-radius: 10px; }
.ppl-UNRight-J26 .unBox-j14 .ddBox .dd-Primary-label{ border-radius: 50px; font-weight: bold; top: -2px; left: 4px; }
.mainPeopleSelect .mulSelctdrpdwnInput{height: 35px;}
.mainPeopleSelect .resultBox{left: 0px;width: 270px;}
.mainPeopleSelect .dateLabel,.mainPeopleSelect .dropdown-menu:before{display: none}
.mainPeopleSelect .resultBox .un-scrollbarStyle12{margin: 0px -4px;width: 103%;border: 0px;overflow-x: hidden !important;}
.mainPeopleSelect .resultBox .un-scrollbarStyle12:hover {overflow-x: hidden !important;}
.mainPeopleSelect .resultBox .checkboxContainer label{font-size: 17px;font-weight: 400;width: 100%;margin: 0px 0px 0px;padding: 5px 5px;border-bottom: 1px solid #eee;border-radius: 2px;}
.mainPeopleSelect .resultBox .checkboxContainer label:hover{background-color: #f8f8f8;}
.mainPeopleSelect .resultBox .checkboxContainer:last-child label{border-bottom:0px;}
.mainPeopleSelect .resultBox .selectedEmp label{background-color: #e8e8e8;color: #0095f6;font-weight: 500 !important;}
.ppl-UNRight-J26 .cusMainBodyM4 .header-Main .j6-inner.height1 .imgPart { height: 385px; width:35% !important;}
.ppl-UNRight-J26 .cusMainBodyM4 .header-Main .j6-inner .dataPart {width: 65% !important;}
.ppl-UNRight-J26 .prlf-Navi ul { width: 100%; list-style: none; margin: 4px 0 0; display: flex; align-items: center; justify-content: space-between; padding-left: 0; overflow: hidden; padding: 0 5px; }
.ppl-UNRight-J26 .prlf-Navi .prlf-Navi-btn{ width: 28px; height: 28px; background-color: #fff; color: #ffffff !important; font-weight: 500; padding: 0px; border-radius: 50px !important; font-size: 13px !important; margin: 0px 2px 5px 0; box-shadow: inherit !important; display: inline-block; line-height: 26px; }
.ppl-UNRight-J26 .prlf-Navi .prlf-Navi-btn:nth-child(1){  }
.ppl-UNRight-J26 .prlf-Navi li:nth-child(1) a {background-color: rgb(0 191 14 / 100%);}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(2) a{background-color:rgb(30 162 254 / 100%);}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(3) a{background-color: rgb(251 126 0 / 87%);}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(4) a{background-color:#ffbe0f;}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(5) a{background-color: #51c2d5;}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(6) a{background-color: #FF7735;}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(7) a{background-color: rgb(243 156 17 / 100%);}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(8) a{background-color: rgb(92 153 252 / 100%);}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(9) a{background-color: rgb(0 188 212 / 100%);}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(10) a{background-color: #ff9800 !important;}
.ppl-UNRight-J26 .prlf-Navi li:nth-child(11) a{background-color: #1c84c6e0 !important;}
.ppl-UNRight-J26 .profile-image img{ height: 25px; width: 25px; }
.ppl-UNRight-J26 .cusMainBodyM4 .logoPortion img{ height: 85px; width: 85px; }
.ppl-UNRight-J26 .onboardingSttu { background-color: #4fae07; padding: 3px 8px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #fff; position: relative; top: -8px; cursor: pointer; }
.ppl-UNRight-J26 .header-Main .Sec-Prt-2 .add-Info .box { border: 1px solid #ddd; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane{padding-left: 0 !important;}
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .notePanel{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; padding: 2px; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .notePanel .bg-grey-head{ background-color: #eee; color: #1c1c1e; border-radius: 10px 10px 0 0; padding: 5px; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .notePanel #vertical-timeline{ margin-top: 10px; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .notePanel .un-note-text{ font-size: 14px !important; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .notePanel .un-note-date{ font-size: 13px !important; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .vertical-timeline-content .funBtn{ opacity: 0; transition: .6s; }
.ppl-UNRight-J26 .dd-slip .rightPlane.DDrigthPlane .vertical-timeline-content:hover .funBtn{ opacity: 1; }
/*ppl Compensation jun 26*/
.pplCompensation-J26{border: none; margin: 5px; padding: 8px;}
.pplCompensation-J26 .adminFilterJ25 .shadow-topFilter{margin: 0px 0 12px !important;}
.pplCompensation-J26 .shadow-topFilter .rec-rgt .col-md-2{margin-top: 3px;}
.admincomp-parent .fixed-head-myhr{padding: 0 !important; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.admincomp-parent .forAdmin-newbtn{ margin: 0 !important; padding: 0 15px; width: 35%; float: right; }
.admincomp-parent .forAdmin-compInsight.insightdisplayNone{ display: none !important; }
.admincomp-parent .myHR-compens{ margin-top: 0 !important; }
.admincomp-parent .compensation-MY6-view .firstPan-Comp-P1 .forAdmin-lefttable.insightFullWidth{ width: 100% !important; }
.admincomp-parent .table-Comp-Panel .tableMax1200{ max-width: 1200px; width: 1200px; }
 /*ppl-pto-request*/
 .ppl-pto-request .ppl-ptor-filter {border-color: #fff !important;
margin: 0px 0px !important;border-radius: 7px;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;}
.ppl-pto-request .ppl-ptor-filter .panel-body{padding:10px;}
.ppl-pto-request .ppl-ptor-filter .form-group {    margin-right: 7px;}
.ppl-pto-request .ppl-ptor-filter .form-group:nth-child(3) {padding-top: 15px;}
.ppl-pto-request .ppl-ptor-filter .form-group:last-child{float:right;}
.ppl-pto-request .middle {padding: 7px 0px;}
.ppl-pto-request .middle a,.ppl-pto-request .middle button{padding: 6px 20px;display: inline-block;}
.ppl-pto-request .middle button{border-color: #337ab7;background-color: #fff;border-radius: 20px !important;}
.ppl-pto-request .middle button:hover{background-color: #337ab7;}
.ppl-pto-request .middle button i,.ppl-pto-request .middle a i{font-size:large;top: 1px;position: relative;}
.ppl-pto-request .middle button i {color: #337ab7 !important;}
.ppl-pto-request .middle button:hover i {color: #fff !important;}
.ppl-pto-request .table{box-shadow: 0px 0px 5px #88888838, 0px 0px 5px #88888812;}
.ppl-pto-request .table tr th,.ppl-pto-request .table tr td{font-size: 16px;color: #48484a !important;}
.ppl-pto-request .table tr:first-child td{border-top:0px;}
.ppl-dd-dept-back .thumb{float:left;}
.ppl-ptore-mbl{display:none;padding:5px;}
.ppl-ptore-mbl .list{border:1px solid #efefef;margin-bottom: 10px;}
/*.ppl-ptore-mbl .top {background-color: #efefef;padding: 1px 5px;position:relative;}
.ppl-ptore-mbl .top h3{float:left;margin-bottom: 5px;color: #000;font-size: 16px;}
.ppl-ptore-mbl .list ul{padding-left:0px;margin-bottom: 0px;}
.ppl-ptore-mbl .list ul li{list-style:none;padding: 5px;border-bottom: 1px solid #efefef;}
.ppl-ptore-mbl .list ul li p{font-size: 17px;margin-bottom: 0;color:#2f2d2d;}
.ppl-ptore-mbl .list ul li:nth-child(3), .ppl-ptore-mbl .list ul li:nth-child(4){border-bottom:0px;}*/
.ppl-ptore-mbl .candidate-mbllst ul li p span:first-child{width: 95px;}
.ppl-ptore-mbl .candidate-mbllst ul li p span:last-child{width: calc(100% - 95px) !important;}
/*People center user Create*/
.ppl-user-edit .wrapper-content.wrapper {padding: 6px 6px 40px !important;} 
.ppl-user-edit .edit-title .pull-left{width:80%;}
.ppl-user-edit .edit-title .pull-right{padding-right:25px;}
.ppl-user-edit .edit-title .pull-left h5{font-size: 16pt;margin: 0;font-weight: 600;    word-break: break-all;}
.ppl-user-edit .edit-title .col-md-12{padding: 0px 5px 5px;border-bottom: 2px solid #e5e6e7;margin-bottom: 15px;}
.ppl-user-edit form .row{margin-bottom:20px;}
.ppl-user-edit form .row .form-control{color: #1c84c6 !important;font-size: 17px;}
.ppl-user-edit{background-color:#ffff;}
.ppl-user-edit .new-wizrd #un-sticky {position: inherit;width: auto;z-index: 1;top: 0px !important;}
.ppl-user-edit .inputGroupContainer .infld {float: left;width: 92%;border-radius: 25px !important;}
.ppl-user-edit .inputGroupContainer .summernote {border-radius: 25px !important;}
.ppl-user-edit div[ng-show="hide6"] .form-control{height:36px !important;}
.ppl-user-edit div[ng-show="hide6"] .MicrosoftMap .as_container_search {width: 290px;top: 38px;right: auto;left: -29px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #d9dada !important;}
/*pplcen-address css start*/
.pplcen-address .filtersec .col-sm-9.col-md-9{width: 72%;padding: 0px;}
.pplcen-address .filtersec .filter-text{margin:0px;}
.pplcen-address .employeeleftSection .un-dd-emp {height: 780px !important;overflow-x: hidden;}
.pplcen-address #addList-lft .un-table-address li h4.text-black-1c span {display: inline-block;padding: 0px 5px;} 
.pplcen-address .employeeleftSection  .clear button.bg-green:hover{color:#fff!important;}
.pplcen-address .un-dd-emp .employeeList{display:flex;}
.pplcen-address #addList-rht{z-index:1;}
.pplcen-address #addList-rht .refile-box .insidebox {float: left;width: 49%;min-height: 142px;margin: 0px 15px 15px 0px;}
.pplcen-address #addList-rht .refile-box .insidebox:nth-child(even){margin-right:0px;}
.pplcen-address #addList-rht .refile-box .bg-grey-ee .addlist-hrv {margin-right: -6px !important;}
.pplcen-address #addList-rht .refile-box .bg-grey-ee .addlist-hrv a{padding: 4px 7px !important;margin-right: 0px !important;margin-left: 0px !important;!;!;}
.pplcen-address #addList-rht .refile-box .bg-grey-ee .addlist-hrv a.addresslist-copy {padding: 4px 4px !important;margin-right: 2px !important;}
.pplcen-address #addList-rht .refile-box .bg-grey-ee .addlist-hrv a.addresslist-edit{padding: 5px 8px !important;margin-right: -3px !important;}
.pplcen-address #addList-rht .doc-Recentfile .naviButton.left {left: -8px;top: 45%;}
.pplcen-address #addList-rht .doc-Recentfile .naviButton.right {right: 5px;top: 45%;}
/*Audit Page css start*/
.auditpage-blk .table tr td .circle-badge{font-size:11px;}
.auditpage-blk .audit-fltr .panel-body {padding: 10px 0px 10px 9px !important;}
.auditpage-blk .auditact-bottom{padding: 0px 0px 50px 10px;}
.auditpage-blk .audit-fltr .col-lg-3{padding-left: 0px;padding-right: 0px;}
.auditpage-blk .audit-fltr .col-lg-3 .tmscalendar.pull-left{width:100%;}
.auditpage-blk .audit-fltr .col-lg-2 {width: 14%;}
.auditpage-blk .audit-fltr .form-control,.auditpage-blk .audit-fltr .tmscalendar{border-radius:25px;}
.auditpage-blk .audit-fltr .col-lg-1{padding-right: 0px;} 
.auditpage-blk .aulog-employee .col-md-7 .tmscalendar{width:100%;}
.auditpage-blk .timecard-sec .tabs-desktop-plus{display:none;}
.auditpage-blk .clients-list #tabMenu.active > a { background-color: transparent !important;border-top: 0 !important; border-left: 0 !important;border-right: 0 !important;border-bottom: 3px solid #1c84c6 !important;}
.auditpage-blk .clients-list #tabMenu > a{border-bottom:0px !important;padding: 3px 10px 0px 10px !important;}
.auditpage-blk .table td a.btn-primary {font-weight: 500;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;background-color: #fb7e00 !important;border: 1px solid #fb7e00 !important;}
.auditpage-blk .table td a.btn-primary:hover {background-color: #fff !important;color: #1c84c6;font-weight: 500;}
.auditpage-blk .table td a.btn-primary:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: -1px;bottom: -1px;background: #f17f0c !important;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;border-radius: 2px;}
.auditpage-blk .table td a.btn-primary:hover, .auditpage-blk .table td a.btn-primary:focus,.auditpage-blk .table td a.btn-primary:active {color: white;}
.auditpage-blk .table td a.btn-primary:hover:before,.auditpage-blk .table td a.btn-primary:focus:before,.auditpage-blk .table td a.btn-primary:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);}
.auditpage-blk .project-list table tr td {padding: 10px;}
#AuditDetailsModel .modal-dialog {width: 850px;}
#AuditDetailsModel .close {margin-top: 0px;font-size: 35px !important;margin-right: 10px;position: absolute;right: 0px;}
#AuditDetailsModel .modal-header{padding: 0px 0px;border-bottom: 0;position: sticky;top: 0;z-index: 99;background-color: #fff;}
#AuditDetailsModel .modal-header h3{font-size: 18px;text-transform: uppercase;margin: 0;color: #000000;padding: 7px 0px 7px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
#AuditDetailsModel .modal-header .user-name{padding: 10px 0px 10px;background-color: #eeeeee;height: 110px;}
#AuditDetailsModel .modal-header .user-name .thump{float: left;margin-top:0px;border-radius: 5px;background-color: #fff;width: 210px;vertical-align: middle;padding: 9px 5px 8px 5px;margin-left: 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
#AuditDetailsModel .modal-header .user-name .thump img{width: 70px !important;height: 70px !important;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);margin-bottom: 10px;}
#AuditDetailsModel .modal-header .user-name .user-right{float: left;text-align: left;margin-left: 20px;width: 70%;margin-top: 15px;}
#AuditDetailsModel .modal-header .user-name .thump label{background-color:#1c84c6;color:#fff;border-radius:3px;padding: 0px 10px;font-weight: 100;font-size: 13px;}
#AuditDetailsModel .modal-header .user-name .thump label:last-child{background-color:#f7a54a;}
#AuditDetailsModel .modal-header h2 {color: #1c84c6;padding: 6px 5px 5px;text-transform: uppercase;font-size: 22px;margin: 0px 5px 0px;font-weight: 400;text-align: left;margin-left: calc(30% - 30px);}
#AuditDetailsModel .modal-header h2 a{color: #1c84c6;border-bottom: 1px solid #1c84c6;}
#AuditDetailsModel .modal-header h2 .modal-title {font-size: 20px;}
#AuditDetailsModel .modal-header .user-name .user-right .modal-title{color: #1c84c6;text-transform: uppercase;}
.auditact-bottom .project-list .col-lg-3 .select-item {background-color: #2CA01C !important; color: #fff !important;}
.auditact-bottom .project-list .col-lg-3 .select-item a {background-color: #2CA01C !important; color: #fff !important;}
.auditpage-blk .table thead{color: #676a6c !important;background-color: #fff !important; border-bottom:2px solid #ddd;}
#AuditDetailsModel .table thead tr th {text-transform: uppercase;font-size: 14px;}
#AuditDetailsModel .table tbody:nth-child(odd) .circle-badge.label-primary{background-color:#ecba52 !important;}
#AuditDetailsModel .table .table1 > tbody > tr, .auditpage-blk .project-list table .table1 > tbody > tr {background-color: transparent !important;border-bottom: 1px solid #e7eaec;border-left: 1px solid #e7eaec;border-right: 1px solid #e7eaec;}
#AuditDetailsModel .table .table1 > tbody > tr:nth-child(1),.auditpage-blk .project-list table .table1 > tbody > tr:nth-child(1){color: #363535 !important;background-color: #eee !important;}
#AuditDetailsModel .table .table1 > tbody > tr:nth-of-type(even):hover, #AuditDetailsModel .table .table1 > tbody > tr:nth-of-type(odd):hover,
#AuditDetailsModel .table .table1 > tbody > tr:hover, .auditpage-blk .project-list table .table1 > tbody > tr:hover{background-color: #f5f5f5 !important;}
.audit-action-emp .pull-right.rt{width: 45%;}
.auditpage-blk .tab-content .clients-list.title-fixed {margin-top: 0px !important;padding-top: 0px;top: 92px !important;border-top: 1px solid #ccc;}
.action-cen #un-sec3 .table-striped thead,.action-cen #un-emp-sec3 .table-striped thead{z-index: 9;}
.action-cen #un-sec3 .table-striped thead th,.action-cen #un-emp-sec3 .table-striped thead th{white-space:nowrap;}
.action-cen #un-sec3 .table-striped tbody,.action-cen #un-emp-sec3 .table-striped tbody{position:relative;} 
.un-Audit-Mobile .candidate-mbllst ul li p span:first-child {font-weight: 400;width: 165px;}
.un-Audit-Mobile .candidate-mbllst ul li p span:last-child {float:left;width: 60%;}
.un-Audit-Mobile .candidate-mbllst ul li p span:last-child span{width:auto !important;}
.auditpage-blk .candidate-mbllst.two table.full-width{width: 100%;background: #f5f5f5;cursor: pointer;padding: 5px 10px;}
.auditpage-blk .candidate-mbllst.two table.full-width th{padding: 5px 10px;font-size:16px;white-space: nowrap;}
.auditpage-blk .candidate-mbllst.two table.full-width td{font-size: 16px;border-bottom: 1px solid #0000001c;}
.auditpage-blk .candidate-mbllst.two table.full-width td:first-child{border-right: 1px solid #0000001c;}
/*FAQ Page*/
.faq-header{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 15px; border: none; padding: 10px;}
.faQsearch{  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6; font-weight: 500; background-color: #fff; display: flex; align-items: center; height: 50px; border-radius: 50px; padding: 15px;}
.faQsearch .form-control{  border-radius: 50px; outline: none; border: none; background: none; font-size: 18px; font-weight: 400;  color: #1c1c1e; }
.faQsearch .fa-search{ font-size: 22px;; }
.faQsearch .fa-times-circle{ font-size: 22px; color: #aaa; margin-right: 15px; cursor: pointer; }
.faQsearch .searchBtndiv{ width: 115px; text-align: right; border-left: 2px solid #aaa; }
.faQsearch .bwt-edit{ padding: 5px 20px; }
.faq-blk .tabs-desktop-plus {display: none;}
.faq-blk .faq-tblbdy h3{display:none;float: left;color: #1c84c6;width: 13%;}
.faq-blk .faq-tblbdy  .mbledit{display:none;padding: 6px 10px;margin-top: -1px;}
.faq-blk .col-lg-3.col-md-3 h3{margin-top: 10px;color: #686b6d;font-weight: 600;text-align: center;font-size: 19px;}
.faq-page #faqEmail .modal-dialog{width: 70%;} 
.faq-blk .faqBody .searchButton{padding: 4px 10px;}
/*Updated oct 7, 2024*/
.faqOct7 .faq-item{padding-top: 0 !important;}
.faqOct7 .file-manager{padding: 3px !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px;}
.faqOct7 .file-manager .fileHHd{ border-radius: 10px 10px 0 0; padding: 6px; background-color: #eee; margin: 0;}
.faqOct7 .file-manager .fileHHd .lft{ float: left; font-size: 20px; font-weight: 500; color: #1c1c1e; }
.faqOct7 .file-manager .fileHHd .rgt{ float: right; }
.faqOct7 .file-manager .category-list { padding: 10px 6px 10px 0px !important; margin: 0; transition: 0.5s; border-radius: 4px; }
.faqOct7 .file-manager .category-list:hover { background-color: #eee; }
.faqOct7 .file-manager .category-list.selected { border-left: 5px solid #2ca01c; background-color: #00bf0e1f !important; }
.faqOct7 .file-manager .category-list li h3{ margin: 0 !important }
.faqOct7 .file-manager .category-list li h3 .icon{ float: left; padding: 0px 6px; color: #1c84c6; font-size: 18px; }
.faqOct7 .file-manager .category-list li h3 .count, .faqOct7 .file-manager .category-list .subCatt .count{ float: right; width: 35px; height: 21px; line-height: 22px; text-align: center; color: #fff; font-size: 13px; border-radius: 4px; background-color: #1c84c6; }
.faqOct7 .file-manager .category-list li:nth-child(2){ padding: 10px 0 10px 30px; font-weight: 500; color: #676a6c; }
.faqOct7 .file-manager .category-list .subCatt{ background-color: #fff; border-radius: 6px; margin-left: -6px; padding: 3px; }
.faqOct7 .file-manager .category-list .subCatt a{ color: #48484a; font-weight: 600; border-bottom: 1.5px solid #ddd; padding: 8px 5px; }
.faqOct7 .file-manager .category-list .subCatt a:nth-last-child(1){ border-bottom: none; }
#faqEmail .tags { background: #def3ff !important; color: #1c84c6; font-size: 16px; padding: 5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 9px; display: inline-block; font-weight: 400; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; }
#faqEmail .mainPeopleSelect .resultBox { width: 900px; }
#faqEmail .tags .emailSelectButton{ font-size: 13px !important; }
#faqEmail .note-editable{ height: auto !important; }
#faqEmail .faqlog #vertical-timeline::before{ left: 18px !important; }
#faqEmail .faqlog #vertical-timeline .panelBox{ color: #00bf0e !important;line-height: 25px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; background-color: #f4f4f4; font-size: 14px; font-weight: 500; padding: 5px; border-radius: 4px; }
#faqEmail .dark-timeline .vertical-timeline-content:before{ border-color: transparent #ddd transparent transparent; }
.FAQFilterOct15 select.inputshadowBorder{height: 35px !important;} 
.FAQFilterOct15 .shadow-topFilter{margin: 0;} 
.FAQQtag{width: 6%; color: #2ca01c; font-weight: bold; font-size: 40px; padding-left: 5px;}
.FAQQtag .countNum{ font-size: 18px; position: absolute; top: 15px; left: 36px; }
.que-row{ position: relative }
.que-row .actionBtns{ position: absolute; top: 15px; right: 10px; }
.que-row .actionBtns button.btn{ margin-bottom: 0 }
.FAQQues{padding-top: 15px; padding-left: 25px;}
.faqStatusDropdown{float:right;}
.faqStatusDropdown .mulSelctdrpdwnInput {background-color: #fff; width: 140px; height: 30px;}
.faqStatusDropdown .dropdown-menu:before{border: none;}
.faqStatusDropdown .resultBox{ width: 150px; right: 21px; left: auto; padding: 4px; }
.faqStatusDropdown .resultBox .list{ margin: 0; border: none; }
.faqStatusDropdown .resultBox .list .checkboxContainer label{ padding: 0; font-weight: 500; color: #1c1c1e; margin: 0 !important; width: 100%; }
.faqStatusDropdown .resultBox .list .checkboxContainer .checkbox{ margin: 5px 0; background-color: #fff; padding: 5px 5px; border-radius: 5px; transition: .5s; }
.faqStatusDropdown .resultBox .list .checkboxContainer .checkbox:hover{ background-color: #eee; }
.faqStatusDropdown .resultBox .list .checkboxContainer .checkbox.selected{ background-color: #eee; }
.faqStatusDropdown .resultBox .list .checkboxContainer label div{ background-color: #1c84c6; color: #fff; font-size: 14px; height: 25px; width: 30px; float: right; border-radius: 5px; text-align: center; line-height: 25px; }
/*Task Management Css start*/
.task-queuemgmt .clients-list .nav-tabs .tabs-desktop-plus {display:none;}
.task-queuemgmt .clients-list .nav-tabs .tabs-desktop-plus > a i {top: 3px;left: -2px;}
.task-queuemgmt .clients-list .nav-tabs .tabs-desktop-plus > a:hover i {color:#fff !important;}
.taskmgmt-manage .clients-list #tabMenu > a {padding: 4px 15px 4px 15px;}
.task-queuemgmt #tabMenu.active > a {padding: 6px 14px !important;}
.task-queuemgmt .client-avatar img {width: 25px;height: 25px;}
.task-queuemgmt .check-box-cover {display: inline-block;padding-left: 25px;margin-bottom: 12px;}
.task-queuemgmt .addTaskButton {margin-top: -3px;margin-right: 2%;font-size: 19px;font-weight: 500;padding: 2px 11px;border-radius: 25px;}
.task-queuemgmt .addTaskTitle {font-size: 17px;padding: 5px 0px 5px 15px;border-radius: 4px;}
.task-queuemgmt .project-list table tr td {padding: 13px 10px;}
.task-queuemgmt .filter-icon-button {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #fff;border: none;
font-size: 18px;padding: 5px 15px;color: #1c84c6;border-radius: 4px;}
.task-queuemgmt .filter-icon-button:hover {background-color: #1c84c6;}
.task-queuemgmt .borderLeftStyle {border-left: 5px solid #ed4c4c;}
.taskmgmt-manage .panel-heading h4 {color: #000;text-transform: uppercase;opacity: 0.2 !important;font-size: 35px;}
.taskmgmt-manage .pull-right.tmscalendar{border-radius: 3px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;background-color: #fff !important;color: #4c4c4c;}
.taskmgmt-manage #ViewTask .bottom{margin-bottom:15px;}
.noTaskFoundImage {width: 31%;margin-top: 3%;margin-bottom: 5%;}
.taskmgmt-manage #ViewTask .bottom .btn.btn-primary:last-child{background-color: #f8ac59;border-color: #f8ac59;}
.taskmnage-table .table-hover td, .taskmnage-table .table-hover th{white-space:nowrap;}
.taskmgmt-manage #AddTask .panel-body .row label,.taskmgmt-manage #AddTask .panel-body .row > div{margin-bottom:15px;}
.restabs-head{display:none;margin: -15px 0px 11px !important;}
.task-queuemgmt .table-responsive td.client-avatar img{float:left;margin-right:5px;}
.task-queuemgmt .table-responsive thead th a{color: #7e7c7c !important;}
.task-queuemgmt .blockArrow {color: #676a6c !important;cursor: not-allowed !important;}
.task-queuemgmt .btn-delete1 {background-color: #ED5565 !important;border: none !important;color: #fff;padding: 6px 12px;font-size: 17px;border-radius: 50%;margin-left: 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.task-queuemgmt .btn-delete1:hover {background-color: #ED5565 !important;color: #fff !important;}
.task-queuemgmt .filter-icon-box3 {margin-right: 50px;height: 33px;display: inline-block;width: 33px;padding-top: 5px;text-align: center;font-size: 16px;border-radius: 50%;background-color: rgba(0, 149, 246, 1) !important;color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.task-queuemgmt .filter-icon-box3:hover {background-color: rgba(0, 149, 246, 1) !important;color: #fff !important;}
.task-queuemgmt .filter-icon-box4 {margin-right: 30px;height: 34px;display: inline-block;width: 34px;padding-top: 5px;text-align: center;font-size: 16px;border-radius: 50%;background-color: #1c84c6;color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.task-queuemgmt .filter-icon-box4:hover {background-color: #1c84c6 !important;color: #fff !important;}
.task-queuemgmt .btn-save1 {background-color: #3fa234 !important;border: none !important;color: #fff;font-weight: bold;padding: 5px 11px !important;margin-right: 1px;border-radius: 50%;font-size: 17px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.task-queuemgmt .btn-save1:hover {background-color: #3fa234 !important;color: #fff !important;}
.task-queuemgmt .edit-icon-5 {height: 28px;display: inline-block;width: 28px;text-align: center;font-size: 16px;border-radius: 50%;background-color: #0095f6;color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.task-queuemgmt .delete-icon-5 {background-color: #ED5565 !important;border: none !important;color: #fff; padding: 7px 8px;font-size: 15px;border-radius: 50%;margin-left: 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}  
.task-queuemgmt .filter-icon-search {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #0eb029;border: none;font-size: 23px;padding: 3px 11px;color: #fff;border-radius: 50%;margin-left: 10px;}
.task-queuemgmt .filter-icon-search:hover {background-color: #0eb029 !important;color: #fff !important;}
.task-queuemgmt .filter-icon-cancel { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #e3e3e3;border: none;font-size: 23px;padding: 3px 11px;color: #575757;border-radius: 50%;margin-left: 10px;}
.task-queuemgmt .filter-icon-cancel:hover {background-color: #e3e3e3;color: #575757;}
.task-queuemgmt .attachmentCircle {background-color: #0095f6;margin-top: -2px;display: inline-block;height: 25px;width: 25px;margin-right: auto;margin-left: auto;line-height: 19px;font-size: 15px;
border-radius: 50%; color: #fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%);}
.task-queuemgmt .hver-show i {visibility: hidden;opacity: 0;}
.task-queuemgmt .hver-show:hover i {visibility: visible;opacity: 1;}
.task-queuemgmt .table-responsive tbody tr td:nth-child(4), .task-queuemgmt .table-responsive tbody tr td:nth-child(5),.task-queuemgmt .table-responsive tbody tr td:nth-child(6),.task-queuemgmt .table-responsive tbody tr td.client-avatar,.task-queuemgmt .table-responsive thead tr th {white-space: nowrap;}
.task-queuemgmt .expand-view.col-lg-12 .table-responsive tbody tr td, .task-queuemgmt .expand-view.col-lg-12 .table-responsive thead tr th {white-space: nowrap;}
.task-queuemgmt .expand-view.col-lg-12 .tablepplcen-blk-responsive {display: block; }
.task-queuemgmt-top .taskmgmt-info .dd-dept-mobileinfo {display: block !important;position: absolute;right: 50px;top:15px;}
.task-queuemgmt-top .taskmgmt-info .dd-dept-mobileinfo a.dropdown-toggle { text-align: center; }
.task-queuemgmt-top .taskmgmt-info .dd-dept-mobileinfo .dropdown-menu{width:205px;padding: 5px;}
.task-queuemgmt-top .taskmgmt-info .dd-dept-mobileinfo .dropdown-menu .category-list li a span {width: 40px !important;padding: 3px 3px;}
.task-queuemgmt-top .checkboxContainer{margin-bottom:5px;}
.task-queuemgmt-top .resultBox .list .checkboxContainer input[type=checkbox] {top: 2px;left: 5px;}
.task-queuemgmt-top .resultBox .list .checkboxContainer label { margin-top: -4px;margin-left: 7px;}
.task-queuemgmt .right-sub-box .icon-badge{padding: 7px 7px;border-radius: 50%;width: 30px;height: 30px !important;}
.task-queuemgmt .right-sub-box .icon-badge-2{padding: 7px 7px;border-radius: 50%;width: 27px;height: 27px !important; font-size: 14px; color: #fff !important;}
.task-queuemgmt #un-rightsection .cir-process{width: 8%;} 
.task-queuemgmt #un-rightsection .cir-process .progress-bar {height: 35px;width: 35px !important;border-radius: 50%;margin-right: 7px;margin-top: -4px;line-height: 35px;}
.task-queuemgmt #un-rightsection .list-group.clear-list .list-group-item,.task-queuemgmt #un-rightsection .list-group.clear-list .list-group-item select {font-size: 18px;}
.task-queuemgmt .filter-icon-box {background-color: #ddd;border-radius: 0 15px 0 20px;width: 35px;height: 30px;font-size: 20px;z-index: 5000;}
.task-queuemgmt .filter-icon-box i {color: #676a6c !important;font-size: 18px;}
.attach-info-task .ppl-resinfo{float:left;margin-top:6px;}
.attach-info-task .dd-dept-mobileinfo .dropdown-toggle i{left: 5px;}
.attach-info-task .dd-dept-mobileinfo .dropdown-menu{left: 0px;right:auto;}
.attach-info-task .dd-dept-mobileinfo .dropdown-menu:before {right:auto;left:-15px} 
.attach-info-task .btn {margin-bottom: 0 !important;} 
.task-queuemgmt #un-leftsection .borderLeftStyle{border-left: 0 !important;}
.task-queuemgmt #un-leftsection .borderLeftStyle:after {background-color:#ed4c4c;border-radius: 5px;content: '';position: absolute;width: 5px;height: 99%;left: 0px;top: 1px;}
.task-queuemgmt-top h2 strong{float:left;}
.task-queuemgmt-top h2 .expand-ser{float: left;margin-bottom: 0px !important;width: calc(100% - 325px);margin-top: -3px;margin-left: 10px;}
.task-queuemgmt-top h2 .expand-ser input, .task-queuemgmt-top .search-border-shadow {height: 35px !important;font-size: 20px !important;}
.task-queuemgmt-top .filter-icon-button.select-bg6,.task-queuemgmt-top .filter-icon-button.select-bg4 {background-color: #1c84c6 !important;color: #fff !important;}
/*Update content Nov1, 2024*/
.task-queuemgmt-top .dateLabel{display: none;}
.task-queuemgmt-top .resultBox{left: 0px;}
.task-queuemgmt-top .mulSelctdrpdwnInput .text{ font-weight: 400; padding-left: 10px; }
.task-queuemgmt-top .mulSelctdrpdwnInput{ height: 35px; }
.task-queuemgmt-top .checkbox{padding-left:0;}
.task-queuemgmt-top .searchbox input{width: 100%;}
.task-queuemgmt-top .checkbox label::before{top: 2px;}
.task-queuemgmt-top .checkbox label::after{color: #ffffff; background-color: #0095f6; border-radius: 2px; top: 2px; border-color: #0095f6}
.project-list .taskTable input[type="checkbox"]{ zoom: 1.2; margin: 0px; accent-color: rgb(0, 149, 246); left: 4px; top: 3px; position: relative; }
.taskSubTask{ background-color: #ffff; box-shadow: 0 2px 6px 1px #00000029; padding: 12px 8px; border-radius: 6px; }
.taskSubTask:hover{ background-color: #f3f3f3; }
.taskSubTask .completBtnPanel{ float: left; }
.taskSubTask .un-circle-badge-gr{ float: left; height: 25px !important; width: 25px !important; line-height: 25px !important; font-size: 14px; display: block }
.taskSubTask:hover .un-circle-badge-gr{ display: none }
.taskSubTask .check-box-cover{ display: none }
.taskSubTask:hover .check-box-cover{ display: block; float: left; margin: 3px -15px 1px 0 !important;  }
.taskSubTask .SubTskname{ padding: 3px 6px 0px; font-size: 15px; font-weight: 600; cursor: pointer; float: left }
.taskSubTask .actionBttn{ opacity: 0; position: absolute; right: 10px; top: 10px; display: flex; justify-content: space-around; width: 95px;}
.taskSubTask:hover .actionBttn{opacity: 1;}
.taskSubTask .dec-sec{}
.taskComments{ margin: 5px; width: 98%; }
.taskComments .label-New{ color: #fff; background-color: #00bf0e; padding: 2px 6px; border-radius:50px; font-weight: 500 }
.taskComments .client-avatar img { width: 34px; height: 34px; }
.task-queuemgmt .selectedTab {background-color: #f5f5f5 !important;}
.task-queuemgmt .disableSection {cursor: not-allowed !important;}
.task-queuemgmt .table1 > tbody > tr:nth-of-type(odd) {background: #f6f6f6 !important;}
.table1 > tbody > tr:nth-of-type(even) {background: #fff !important;}
/*Task mgmt action Center css*/
.task-queuemgmt .right-sub-box .list-group .fist-item .col-md-2 {padding-left: 0px;padding-right: 0px;width: 10%;float: left;}
.task-queuemgmt .right-sub-box .list-group .fist-item .col-md-2 i{font-size: 30px !important;}
.task-queuemgmt .right-sub-box .list-group .fist-item .col-md-9{width: 83%;padding-left: 15px !important;float:left;}
.task-queuemgmt .subbox .dd-handle .pull-left{width: 92%;}
.task-queuemgmt .subbox .dd-handle .pull-left button{float:left;} 
.task-queuemgmt .subbox .dd-handle .pull-left p {float: left;padding-top: 8px;width: 75%;} 
.task-queuemgmt .subbox .dd-handle .pull-right{width:7%;}
.task-queuemgmt textarea{resize: vertical;}
.taskmanagement-rightprv .modal-dialog {width: 700px !important;}
.task-queuemgmt .col-md-2{padding: 0px !important;}
.task-queuemgmt .col-md-2 .category-list .li-bg-hr a span{padding: 3px 2px !important;}
#taskfulldet .modal-content.tskpopup{padding-top:0px !important;}
#taskfulldet .uib-datepicker-popup:before{display:none;} 
#taskfulldet .mblbtm-mnu {left: 45px;width: calc(100% - 102px);}
#taskfulldet .mblbtm-mnu .mnu-expand {top: 4px;left: 18px;}
#taskfulldet .mblbtm-mnu.show .mnu-expand {top: 8px;left: auto;}
#taskfulldet .mblbtm-mnu.show {margin-left: calc(-100% - -86px);}
#taskfulldet #taskfulldet-body {height: 60% !important;}
.task-queuemgmt .rightsde-expand .right-sub-title .col-md-9 span{float: left;}
.task-queuemgmt .rightsde-expand .right-sub-title .col-md-9 input{width: 85% !important;} 
.task-queuemgmt .rightsde-expand.tskView-j22 .col-md-12.mt-15{margin:0px -5px;}
.task-queuemgmt .rightsde-expand.tskView-j22.editTask .col-md-12.mt-15{margin:0px 0px;}
.btnsTD {padding: 5px 10px !important;}
#taskfulldet .modal-dialog .cusTabs .myhr-dotmenus,#taskfulldet .modal-dialog .cusTabs #tabMenu:nth-of-type(1n+5),#taskfulldet .modal-dialog .cusTabs  li.myhr-dotmenus li{display:none;}
#taskfulldet .modal-dialog .cusTabs  li.myhr-dotmenus li:nth-of-type(1n+5){display:block;}
#taskfulldet .modal-dialog .cusTabs  li.myhr-dotmenus .dropdown-menu{left:auto;right:0px;padding: 0px;}
#taskfulldet .modal-dialog .cusTabs  li.myhr-dotmenus a{padding: 3px 5px;}
#taskfulldet #Subtask div[ng-if="subTaskDetails.length == 0 && !addSubTaskInfo"]{margin-top: 30px !important;}
#taskfulldet #Subtask div[ng-if="subTaskDetails.length == 0 && !addSubTaskInfo"] .text-black-67{font-size:25px !important;}
/*Task mgmt mobile */
.taskmgmt-mbl {padding:0px 5px 65px;display:none;}
.taskmgmt-mbl-list {margin: 0px 3px 13px;border-radius:20px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 25%) !important;padding: 9px 9px 0px;position: relative;border:1px solid #eee;}
.taskmgmt-mbl-list.selectedTab {background-color: transparent !important;border:1px solid #ddd;} 
.taskmgmt-mbl .top-one{margin: -10px 0px 15px;padding-left: 10px;margin-right: 0px;border-top: 1px solid #eee;padding-top: 12px;}
.taskmgmt-mbl .top-one .ppl-resinfo{margin-top: 0;right: 50px;}
.taskmgmt-mbl .top-one .ppl-resinfo .dropdown-toggle{}
.taskmgmt-mbl .top-one .select-all{position: absolute;right: 15px;top: 5px;}
.taskmgmt-mbl .top-one .select-all input{width: 21px;height: 25px;}
.taskmgmt-mbl-list .title-top{margin: 0px 0px 6px;}
.taskmgmt-mbl-list .title-top .pull-left span{color: #fff;border-radius: 15px 0px 15px 0px;font-size: 15px;position: absolute;top: 0px;left: -1px;min-width: 51px;text-align: center;display: inline-block;padding: 4px 3px;float: left;}
.taskmgmt-mbl-list .title-top  h3{font-size: 21px;font-weight: 400;color: #414040;margin: 3px 0px 0px 0px;clear: both;padding-left: 40px;}
.taskmgmt-mbl-list .title-top .ppl-resinfo {float: left;margin-top: 0;}
.taskmgmt-mbl-list .title-top .pull-right button{padding:4px 8px;margin-top: -12px;}
.taskmgmt-mbl-list .title-top .pull-right input{width: 20px;height: 20px;margin: 5px 9px 0px 0px;}
.taskmgmt-mbl-list .title-top .borderLeftStyle2{position:relative;z-index:9;}
.taskmgmt-mbl-list .title-top .borderLeftStyle2:after{border-radius: 2px;width: 83%;background-color: transparent;border: 3px solid #0095f6;top: -8px;height: 126%;z-index: -9;left: -1px;display:none;}
.taskmgmt-mbl .attach-info-task .dropdown-toggle{position:relative;top: 1px;left: 9px;}
.taskmgmt-mbl .attach-info-task .dropdown-toggle i{left:5px !important;}
.taskmgmt-mbl .title-top .ben-Unlockbtn:hover {max-width:inherit !important;width: 32px !important;}
.taskmgmt-mbl-list .attach-info-task .dropdown-menu.dropdown-alerts {left: auto;right: 0px;top: 45px;}
.taskmgmt-mbl-list .attach-info-task .dropdown-menu{left:0px !important;right:auto !important;width: 200px;}
.taskmgmt-mbl-list .attach-info-task .dropdown-menu:before{left:-20px !important;right:auto !important}
.taskmgmt-mbl-list .Assigned{border-top:1px solid #e6e5e5;border-bottom:1px solid #e6e5e5;padding:10px 0px 4px;}
.taskmgmt-mbl-list .Assigned .client-avatar,#taskmgmt-mblmodal .client-avatar{width: 50%;float:left;}
.taskmgmt-mbl-list .Assigned .client-avatar img,#taskmgmt-mblmodal .client-avatar img{width: 40px !important;height: 40px !important;float: left;margin-right: 10px;}
.taskmgmt-mbl-list .Assigned .client-avatar h4,#taskmgmt-mblmodal .client-avatar h4{font-size: 20px;float: left;color: #1c84c6;font-weight: 500;}
.taskmgmt-mbl-list .Assigned .client-avatar h4 span,#taskmgmt-mblmodal .client-avatar h4 span{font-size: 16px;display: block;margin-top: 5px;font-weight: 400;color: #848485;}
.taskmgmt-mbl-list .btm-badge {margin: 10px 0px 0px;}
.taskmgmt-mbl-list .btm-badge .pull-left p {color: #fff;padding: 1px 10px;border-radius: 25px;font-size: 18px;float: left;margin-right: 6px;}
.taskmgmt-mbl .mblbtm-mnu .mnu-expand {top: 8px;left: 13px;}
.taskmgmt-mbl .mblbtm-mnu .bwt-new {padding: 3px 9px;position: relative;top: 5px;}
.taskmgmt-mbl .mblbtm-mnu >ul > li .dropdown-toggle {position: relative;top: -5px;}
.taskmgmt-mbl .mblbtm-mnu > ul > li  .dropdown-menu.dropdown-alerts {padding: 15px;right: auto;left: calc(-100% - 165px);margin-bottom: 22px;width: 550px;}
.taskmgmt-mbl .mblbtm-mnu > ul > li .dropdown-menu:before {left: 39% !important;right: auto !important;display:none}
.taskmgmt-mbl .mblbtm-mnu .resultBox {left: auto;top: 46px;right: 0px;border: 1px solid #ccc !important;width: 260px;}
.taskmgmt-mbl .mblbtm-mnu .resultBox .list {max-height: 125px;}
.taskmgmt-mbl .mblbtm-mnu .middle {overflow-y: scroll;max-height: 500px;}
.taskmgmt-mbl .attach-info-task .ben-Unlockbtn {width: 32px !important;}
.taskmgmt-mbl .mblbtm-mnu .mytask .col-xs-6:nth-child(4),.taskmgmt-mbl .mblbtm-mnu .mytask .col-xs-6:nth-child(5),.taskmgmt-mbl .mblbtm-mnu .mytask .col-xs-6:nth-child(6){width:100%;}
.taskmgmt-mbl .mblbtm-mnu .mytask .col-xs-6:nth-child(6) .form-group-2{margin-bottom:0px;}
.task-queuemgmt .mblbtm-mnu .middle .dropdown-toggle{color:#000;}
.task-queuemgmt .mblbtm-mnu .dateLabel{display:none;}
.task-queuemgmt .mblbtm-mnu .fa-chevron-down{float:right;}

#imageUploadPreview .modal-header{ background-color: #eee; margin: 6px; border-radius: 4px; box-shadow: 0 3px 6px #00000029; padding: 12px 5px; }
#imageUploadPreview .modal-header h2{ font-weight: 600; color: #1c1c1e; float: left; margin: 0; font-size: 20px; padding-top: 4px; width: 85% }
#imageUploadPreview .modal-header .btn{ float: right; margin: 0; }
/*Setting Manu Css*/
.adminsetting-landing .clients-list.sticky {position: fixed;top: 60px;width: 100%;z-index: 99;}
.adminsetting-landing .clients-list .nav-tabs > li.dotmenus {display: none;}
.adminsetting-landing .clients-list .nav-tabs > li.dotmenus li a {font-size:17px !important;}
.adminsetting-landing .clients-list .nav-tabs > li a {padding: 4px 16px 4px 16px !important;}
.adminsetting-landing .clients-list .nav-tabs .tabs-desktop-plus > a {padding: 0px 9px 4px 8px !important;}
.adminsetting-landing .req-templates .wrapper-content {padding: 0px 5px 40px !important;}
.setting-avl-entity .wrapper-2 {margin: 2px 7px 7px;margin-bottom: 30px !important;padding: 0 10px;background-color: #fff !important;}
.setting-avl-entity .table{width:99%;margin:15px auto;}
.setting-avl-entity .table tr th{color: #363535 !important;background-color: #eee !important;}
.setting-avl-entity .table tr td a.fa-edit{font-size: 20px !important;}
.setting-avl-entity .setting-avl-add{margin-top: 5px;padding: 10px;}
.setting-avl-entity .setting-avl-add form.box-shadow-one{padding: 10px; min-height: 400px;}
.setting-avl-entity .setting-avl-add div{margin-bottom:15px;}
.setting-ptoplans-dtl .bottom .table th span{color:#fff !important;}
.setting-masterdata .clients-list #tabMenu.active > a { padding: 6px 9px 6px 9px !important; }
.setting-masterdata .clients-list .dotmenus .dropdown-alerts li a {font-size: 16px;border-bottom: 1px solid #dfdfdf !important;}
.setting-masterdata .clients-list .dotmenus .dropdown-alerts li:last-child a{border-bottom:0px !important;}
.setting-masterdata .clients-list .nav-tabs li.dotmenus li,.setting-masterdata .clients-list .dotmenus,.setting-masterdata .clients-list .nav-tabs > li.dotmenus .dropdown-menu:before {display: none;}
.setting-masterdata .clients-list .dotmenus .toggle{border-bottom:0px !important;outline: none;}
.setting-masterdata .clients-list .nav-tabs > li.dotmenus .dropdown-menu {right: 26px;margin-top:0px;}
.setting-masterdata .adminsetting-texo .un-leftside .ibox-title{background-color: #e2e2e2;}
.setting-masterdata .adminsetting-texo .un-leftside .ibox-title h3{margin:0px;color: #000;}
.setting-masterdata .adminsetting-texo .un-leftside .ibox-content table{width:100%;}
.setting-masterdata .adminsetting-texo .un-leftside #btnNotification{padding: 8px 10px !important;}
.setting-masterdata .adminsetting-texo .un-leftside .taxonomylist{padding-left:22px !important;}
.setting-masterdata .adminsetting-texo .un-leftside .taxonomylist #btnNotification{padding: 6px 10px 6px 0px!important;}
.setting-masterdata .adminsetting-texo .un-leftside .taxonomylist i{top: 3px; position: relative;}
.setting-masterdata .taxonomylist table{width:100%;}
.setting-masterdata .taxonomylist table tr:last-child{border-bottom:0px !important;}
.setting-masterdata #NotificationTasks .bottom-items{padding:0px 5px;}
.setting-masterdata #NotificationTasks .switch {height: 26px;}
.setting-masterdata #NotificationTasks .slider1 {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;-webkit-transition: .4s;transition: .4s;
border-radius: 34px;width: 77px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.setting-masterdata #NotificationTasks .slider1:before {position: absolute;content: "";height: 16px;width: 16px;left: 10px;bottom: 4px;background-color: #2ca01c;-webkit-transition: .4s;transition: .4s;border-radius: 50%;}
.setting-masterdata #NotificationTasks  input:checked + .slider1 {background-color: #fff; }
.setting-masterdata #NotificationTasks input:focus + .slider1 {box-shadow: 0 0 1px #2196F3;}
.setting-masterdata #NotificationTasks input:checked + .slider1:before {-webkit-transform: translateX(47px);-ms-transform: translateX(47px); transform: translateX(47px); background-color: #676a6c;}
.setting-masterdata #NotificationTasks .slider1:after {content: 'Active';color: white;display: block;position: absolute;transform: translate(-50%,-50%);top: 47%;left: 67%;font-size: 11px;font-family: Verdana, sans-serif;color: #2ca01c;}
.setting-masterdata #NotificationTasks  input:checked + .slider1:after {content: 'Inactive';left: 40%;color: #676a6c;}
.setting-masterdata .adminsetting-custom .wrapper .col-md-2:nth-child(1) .btn-primary,.setting-masterdata .res-head {display:none;}
.setting-masterdata .taxonomylist table td{display:flex;}
.setting-masterdata .taxonomylist table td button{padding-top:0px;}
.setting-masterdata #TenantSetting.Tenant .candidate-mbllst ul li p span:first-child {font-weight: 600;width: 50px;}
.setting-masterdata #TenantSetting.Tenant .candidate-mbllst ul li p span:last-child {width: calc(100% - 50px) !important;word-break: break-word;}
.adminsetting-texo .col-md-3 .ibox-content{padding: 1px 5px 5px 5px !important;}
.adminsetting-texo .col-md-9 .ibox-content.box-shadow-two{margin-top: 0px !important;min-height: 300px;margin: 0px 4px 4px 4px !important;}
.adminsetting-texo .col-md-3 .ibox-content .btn-new.btn-hover {padding: 8px 7px !important;}
.adminsetting-texo #tax-leftsection button:hover span,.adminsetting-texo  #tax-leftsection button:hover,.adminsetting-texo #tax-leftsection button:focus,.adminsetting-texo #tax-leftsection button:active{color: #333 !important;}
.setting-masterdata table thead,.setting-emailconfig table thead,.setting-permision .table tr th,.setting-ptoplans table thead,.setting-emailtmp table thead,.setting-document table thead,.setting-hldy table thead{color: #48484a !important;background-color: #eee !important; font-weight: 500}
.setting-emailconfig table thead th a,.setting-ptoplans table thead th a,.setting-document table thead th a,.setting-emailtmp table thead th a,.ppl-pto-request .table thead th a{    color: #7e7c7c !important;}
.setting-permision {background-color: #fff;margin-left: -5px;margin-right: -5px;padding: 0px 10px;}
.setting-permision .breadTitle {padding-right: 2% !important;}
.setting-permision .bwt-new {position: fixed;bottom: 15px;right: 10px;z-index: 9;padding: 5px 11px !important;font-size: 20px;-webkit-transition: all 0.6s ease !important;-moz-transition: all 0.3s ease !important;-o-transition: all 0.3s ease !important;}
.setting-permision .table td:last-child{width:250px;}
.setting-permision .content{padding: 10px;margin: 8px -8px 65px;}
.setting-permision .bwt-tr-hrv .bwt-hrv-2 {display: inline-block;visibility: hidden;}
.setting-permision .bwt-tr-hrv:hover .bwt-hrv-2 {visibility:visible;}
.setting-permision .table > tbody > tr > td{padding:8px !important;vertical-align:middle;}
.setPerbread{margin-left:-8px;}
.setPerbread .breadTitle {padding-right: 3% !important;}
.setting-permision .candidate-mbllst .top {border-radius: 5px 5px 0px 0px;}
.setting-permision .candidate-mbllst ul li p span:first-child {width: 200px;font-weight: 500;}
.setting-permision .candidate-mbllst ul li p span:last-child {width: 60%;}
.setting-permision .candidate-mbllst .bwt-edit{padding: 4px 8px;}
.setting-permision .pagination{margin: 15px 0px 0px !important;}
.setting-permision .bwt-new i {top: 2px;}
.setting-permision .bwt-new :hover {transform: scale(1.09);}
.setting-permision .top .pagination-container{display:none;}
.setting-permision h2.add{text-align:right;}
.setting-permision h2.add a span{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.setting-permision-edit .form-horizontal .form-group{width: 49%;float: left;margin-right: 10px;}
.setting-permision-edit .form-horizontal .form-group label{text-align:left;margin-bottom:5px;font-size: 16px;}
.setting-perBtn button a,.setting-perBtn button i{display:none;}
.setting-permision-edit .form-horizontal{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #fff;padding: 25px; margin-top: 15px;}
.setting-permision-edit .backlist a{color: #337ab7;font-weight: 600;margin: 15px 0px;display: block;}
.setting-permision-edit .dl-horizontal dt{text-align:left !important;}
.setting-permision-edit .perCreate .form-control {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border: none !important;border-radius: 25px;}
.setting-permision-edit .perCreate {margin-top: 9px;margin-left: -6px;}
.rolePerm-Edt .control-label.col-md-3{width:100%;}
.rolePerm-Edt .form-group{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 0px !important;width: 50% !important;}
.rolePerm-Edt .details .form-group{margin-bottom: 10px !important;padding-bottom: 10px !important;}
.setting-document .wrapper-content {padding: 8px 8px 40px !important;}
.setting-document .table-responsive tr th, .setting-document .table-responsive tr td{font-size:18px;}
.setting-document .table-responsive tr td{vertical-align: middle !important;white-space: nowrap;}
.setting-document .table-responsive tr th{white-space:nowrap;}
.adminsetting-landing .table-responsive .hvr-btn{visibility:hidden;opacity:0;}
.adminsetting-landing .table-responsive tr:hover .hvr-btn{visibility:visible;opacity:1;} 
.adminsetting-landing .table-responsive .hvr-btn i{position:relative;left:3px;}
.setting-document .table-responsive .hvr-btn .bwt-info i{left: 3px;top: -1px;}
.adminsetting-landing .table-responsive .hvr-btn a,.adminsetting-landing .table-responsive .hvr-btn .bwt-info{display:block;width:31px;height:31px;float:left;}
.setting-document .setingdocu-bottom-link{float: right;margin-top: -57px;}
.setting-document .setingdocu-bottom-link .bwt-new.docu-add{display:none;}
.setting-document .filter-panel .filter-ico{width: 22%;padding:0px;}
.setting-document .table tr td:last-child .hvr-btn .col-md-3 {z-index: 1;width: 230px;padding: 9px 5px !important;margin-top: 5px !important;right: 5% !important;}
.setting-document .table tr td:last-child .hvr-btn .col-md-3 small{font-size:15px;}
.setting-document .table tr td:last-child .hvr-btn .col-md-3 small strong{color: #0095f6;}
.setting-document .table tr td .hvr-btn .bwt-edit{padding: 6px 6px !important;}
.setting-document .table tr td .hvr-btn .bwt-edit i{left: 2px;}
.setting-document .candidate-mbllst ul li{padding: 2px 0px !important;margin-bottom: 5px;}
.setting-document .candidate-mbllst ul li p span:last-child span{width:auto !important;float: none;}
.setting-document .candidate-mbllst ul li p span:first-child{width:100px;}
.setting-document .candidate-mbllst ul li p span:last-child{width: calc(100% - 100px) !important;}
.resbonsive-head {display: none;font-size: 17px;margin: 0px;}
.setting-res-link span,.setting-resfilter{display:none;}
.setting-edit_title{border-bottom: 0 !important;padding: 9px 5px !important;background-color: #eeeeee !important;}
.setting-permision-edit .theme-bottom-btn input{width:110px;color: #fff !important;}
.setting-permision-edit .form-horizontal h4{margin: -5px 0px 20px !important;font-size: 20px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.setting-emailtmp .ibox-title .un-msgcenter-filter{width:auto !important;}
.adminsetting-landing .ibox-title .filter-panel,.setting-emailtmp .filter-panel,.setting-document .ibox-title .filter-panel  {clear:both;margin-bottom: 15px;padding: 10px;border-radius: 6px}
.setting-document .ibox-title .filter-panel a.pull-right[ng-click="showPanelfilter = !showPanelfilter"] {padding-right: 12px;}
.setting-ptoplans-type .wrapper-content,.setting-ptoplans-type-dtl .wrapper-content {padding: 15px 8px 40px !important;}
.setting-ptoplans-type-dtl .close-btn{border: 1px solid #434040 !important;padding: 5px 8px !important;opacity: 0.7;border-radius: 4px;font-size: 18px;float: right;margin: 0px 5px;}
.setting-ptoplans-type-dtl .form-group:nth-child(2) .col-md-8 {padding-left:20px;}
.setting-ptoplans-type-dtl .form-group:nth-child(4) .col-md-10 {padding-left:25px;}
.setting-ptoplans .pto-link {float: right;margin-top: -45px;}
.setting-ptoplans .table .info-pnl{float: left;margin-left: 5px; margin-top: -8px;position: relative;}
.setting-ptoplans .table .info-pnl .info-pnl-dg{margin-top:35px;}
.setting-ptoplans .filter-panel .col-md-12.prl-10{width: 97%;}
.setting-ptoplans .filter-panel .col-md-12.prl-10 .top .pull-right{    width: 25%;}
.setting-ptoplans .table tbody tr{position:relative;}
.setting-ptoplans .hvr-btn .info-pnl-dg{right: 3% !important;bottom: -75px;z-index: 9;}
.setting-ptoplans .filterBox{box-shadow: 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; margin-bottom: 10px; border-radius: 50px;}
.setting-ptoplans .filterBox button{margin: 0 !important;}
.setting-ptoplans .pto-Tble .status{text-align: center}
.setting-ptoplans .pto-Tble .status .label{ border-radius: 50px; width: 70%; display: block; font-size: 12px; padding: 5px; font-weight: 600; margin: auto;}
.setting-ptoplans .candidate-mbllst ul li p span:first-child { width: 115px;}
.setting-ptoplans .candidate-mbllst ul li p span:last-child {width: calc(100% - 115px) !important;}
.setting-ptoplans .candidate-mbllst ul li p span:last-child span {width: auto !important;}
.setting-ptoplans .candidate-mbllst .mbl-head h3 {width: calc(100% - 70px);}
.setting-ptoplans .dirdept-new{padding-bottom: 0;}
.setting-ptoplans .dirdept-new .filter-sec{margin: 0; padding: 0; box-shadow: none !important;}
.setting-ptoplans .dirdept-new .filter-sec ul li{ width: 22% !important;margin-bottom: 0px !important;}
.setting-ptoplans .filter-panel {clear: both;margin-bottom: 9px;padding: 9px 0px;}
.setting-ptoplans .recbtm-mnu.mblbtm-mnu {left: 125px;width: calc(100% - 285px);}
.setting-ptoplans .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -190px);}
.setting-templateconfig .wrapper-content { background-color: #fff; margin: 5px; padding: 5px; }
.setting-templateconfig .headerPanel { border-bottom: 2px solid #ddd; }
.setting-templateconfig .headerPanel .headertext{ font-weight: 600; font-size: 22px; padding: 5px 10px; color: #1c1c1e; }
.setting-templateconfig .headerPanel .headerActions{ text-align: right; padding: 5px 10px; }
.setting-templateconfig .headerPanel .headerActions .bttn-edit{ padding: 3px 20px; }
.configMainA{ width: 10%; background-color: #ddd; margin-right: 10px; border-radius: 10px; margin-top: 15px;}
.configMainA ul{ list-style: none; padding: 15px; font-size: 16px;}
.configMainA ul li{ padding: 0; margin: 0; }
.configMainB{ width: 35%; background-color: #fff; margin-right: 10px; border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; margin-top: 15px;}
.configMainC{ width: 55%; background-color: #fff; margin-right: 10px; border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; margin-top: 15px;}
.info-filter {margin-bottom: 15px;position: fixed !important;z-index: 9;margin-top: -17px;left: 8px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 4px;padding: 5px 5px 15px;background: #fff;width: calc(100% - 13px) !important;}
.info-filter .ppl-resinfo {z-index: 9;}
.seting-bottom-link {margin-top: 35px;font-size: 16px !important;display:none;}
.seting-bottom-link a {font-size: 16px !important;}
.info-filter .dd-dept-mobileinfo .dropdown-menu.dropdown-alerts {width: calc(350px - 20px);}
.setting-hldy .un-filter {margin: 10px 10px -20px 10px;padding: 10px;border-radius: 5px;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);background-color: #fff;}
.setting-hldy .un-filter .un-filter-form {width: 75%;}
.setting-hldy .un-filter .un-filter-button {padding: 5px 12px !important;background-color: #fff; color: #808080;font-size: 17px;border: none;}
.setting-hldy .un-filter .disappear {height: 34px;width: 35px !important;float: right;font-size: 20px; color: #ffffff;}
.setting-hldy .un-filter .disappear:hover {font-weight: bold;}
.setting-hldy .un-filter .un-filter-h3 {color: #000;float: left; opacity: 0.2;font-size: 33px; margin: 0px !important;text-transform: uppercase;}
.setting-hldy .ibox-content {border-radius: 5px;}
.setting-hldy .un-filter .dropshow {display: none;float: right;}
.setting-hldy .info-filter .form-group label{width:40%;float:left;font-size: 13px;}
.setting-hldy .info-filter .form-group select{width:60%;}
.setting-document .info-filter {margin-top: 3px;}
.setting-emailtmp .info-filter{margin-top: -25px;}
.info-filter .resbonsive-head{position:relative !important;padding: 0px !important;}
.setting-hldy-edit .panel .top button{float:left;}
.setting-hldy .un-filter{border-radius:50px;margin-top:0;}
.setting-hldy .table-striped tr td:nth-child(7) span{border-radius: 10px;min-width: 60px;display: inline-block;padding: 4px;font-size: 13px;}
.setting-hldy .form-group.col-xs-6 { width: 29%;padding-right: 0px;}
.setting-hldy-edit .hldEdit65 {padding-bottom: 25px;margin-bottom: 15px !important;}
.setting-hldy-edit #addState .modal-body.tab-content{padding-top: 5px;height: 90vh !important;}
.setting-hldy-edit #addState .box-shadow-two .col-md-6{margin-bottom:5px;border-bottom: 1px solid #eee;padding: 5px 5px 15px;}
.setting-hldy-edit #addState .box-shadow-two .col-md-6:last-child{border-bottom:0px;margin-top: 25px;}
.setting-hldy-edit #addState .box-shadow-two .col-md-6:nth-child(3){border-bottom:0px;}
.setting-hldy .candidate-mbllst .un-circle-badge-ge{color: #48484a !important;background-color: #b4b1b1 !important;}
.setting-hldy .candidate-mbllst .mbl-head h3 {font-size: 20px;}
.setting-hldy .candidate-mbllst li{padding: 0px 0px 0px;margin-bottom: 5px;}
.setting-hldy .candidate-mbllst ul li p span:first-child {width: 120px;}
.setting-hldy .candidate-mbllst ul li p span:last-child {width: calc(100% - 125px) !important;}
.setting-hldy .candidate-mbllst ul li p span:last-child span{width:auto !important;}
.setting-hldy .mblbtm-mnu .timecardFilter {position: relative;top: 0px;left: 0px;}
.setting-hldy .recbtm-mnu.mblbtm-mnu .mnu-expand {top: 9px;}
.setting-hldy .recbtm-mnu.mblbtm-mnu {left: 135px;width: calc(100% - 305px);}
.setting-hldy .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -205px);}
.setting-hldy .recbtm-mnu.mblbtm-mnu .dropdown-menu {right: -225px;}
/*Master-Notification Page */
.setting-masterdata .showhilighted{font-weight:400;}
.setting-masterdata .wrapper-content {padding: 0px 15px 40px;}
.setting-masterdata .ibox{box-shadow : none !important;}
.setting-masterdata .circle-badge {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 215px;background: #2ca01c !important;color: white;margin-left: auto;margin-right: auto;font-size: 16px;margin-top: 5px;}
.setting-masterdata .resetApply {background-color: #f25d5d !important;color: #fff !important;}
.setting-masterdata #NotificationTasks .rtft .pull-right{width:80%;}
.setting-masterdata #NotificationTasks .switch {height: 26px;}
#changeFrequency .modal-dialog{width:50%;}
.setting-masterdata #NotificationTasks .rtft .fa-search{position:absolute;left: 20px;z-index: 9;top: 7px;color: #0095f6 !important;font-size: 19px;}
.setting-masterdata #NotificationTasks .rtft input[ng-model="notificationsearchString"]{padding-left:25px;}
.setting-masterdata #NotificationTasks .candidate-mbllst .check-box-cover .checkmark:after {left: 6px !important;top: 4px !important; }
.setting-masterdata #NotificationTasks .candidate-mbllst .un-circle-badge-ge {background-color:#ddd !important;color: #48484a !important;}
.setting-masterdata #NotificationTasks .candidate-mbllst .newlab-green {background-color: #00bf0e !important;color: #ffffff !important;width: auto !important;padding: 3px 10px !important;}
.setting-masterdata #NotificationTasks .candidate-mbllst .mbl-head h3 {width: calc(100% - 70px) !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.setting-masterdata #EventOccurrence .filter select{padding-top:3px !important;}
.setting-masterdata #EventOccurrence table td{padding:5px;}
.setting-masterdata #EventOccurrence .resNew,.setting-masterdata .fieldlevel .resNew,.setting-masterdata .PayrollConfig .resNew {z-index: 9;position: fixed;bottom: 40px;right: 7px;padding: 5px 13px !important;font-size: 22px !important;}
.setting-masterdata .fieldlevel .candidate-mbllst ul li p span:first-child {width: 100px;}
.setting-masterdata .fieldlevel .candidate-mbllst ul li p span:last-child {width: calc(100% - 100px) !important;}
.setting-masterdata .customLabel .candidate-mbllst ul li p span:first-child {width: 110px;}
.setting-masterdata .customLabel .candidate-mbllst ul li p span:last-child {width: calc(100% - 110px) !important;}
.setting-masterdata .PayrollConfig{background-color:#fff;}
.setting-masterdata .PayrollConfig .candidate-mbllst .top button {padding: 3px 8px;margin-left: 0px !important;}
#changeFrequency .col-md-6{padding: 0px 5px 15px !important;}
#changeFrequency .col-md-6.brdr{border-bottom: 1px solid #eee;}
#changeFrequency .col-md-6:last-child{border-bottom:0px;}
#changeFrequency .col-md-6 span{color: #000 !important;margin-bottom: 2px;display: block;}
#changeFrequency .head.col-md-12 {background-color: #8888890f;padding: 2px 10px !important;margin-left: -11px;width: 103%;border-radius: 3px;border-bottom: 0px !important;}
#changeFrequency .head .text-black-83{color:#000 !important;}
/*Master data Report page*/
.setting-report .lft .box-shadow-two{padding:10px;}
.setting-report .lft .report-iteam .text-fas-blue{float:left;}
.setting-report .lft .report-iteam #btnNotification{background-color: #ffff;padding: 0px 10px 10px 0px;width: 92%;/* border-bottom: 1px solid rgba(128, 128, 128 , 0.5) !important; */font-size: 18px !important;float: left;text-align: left !important;}
.setting-report .lft .full-width td{padding: 9px 5px;border-bottom: 1px solid rgba(128, 128, 128 , 0.5) !important;}
.setting-report .lft .full-width tr:last-child td{border-bottom: 0px !important;}
.setting-report .lft .divider{margin: 5px 0px;}
.setting-report .lft .report-iteam{border-bottom: solid 1px #dfdada;}
.setting-report .lft .report-iteam:last-child{border-bottom:0px;}
.setting-report .rht .table input,#reportfulldet .table input{width: 65%;float: left;margin-right: 5px;border-radius: 50px;border: 1px solid #eee !important;}
.setting-report .rht .table .un-checkbox-hrw-3{display:block !important;visibility:hidden;}
.setting-report .rht .un-tr-checkbox-hrw:hover .un-checkbox-hrw-3{visibility:visible;}
.setting-report .rht .bg-grey-ee{padding:10px;padding: 10px;border-radius: 15px 15px 0px 0px;}
.setting-report .rht .bg-grey-ee label{font-size: 20px;}
.setting-report .rht .table tr td,#reportfulldet .table tr td {vertical-align: middle;}
.setting-report .rht .table tr .viewset-val input,#reportfulldet .table tr .viewset-val input{width: 100%;}
.setting-report .rht .table tr .viewset-btn button,#reportfulldet .table tr .viewset-btn button{border: 0px;border-radius:3px;outline: 0px;width: 30px;height: 30px;font-size: 17px;background-color: transparent;color: #1c84c6;border: 1px solid #ccc;}
.setting-report .rht .table tr .viewset-btn button i,#reportfulldet .table tr .viewset-btn button i{position:relative;left: -1px;}
.setting-report .rht .table tr .viewset-per,#reportfulldet .table tr .viewset-per{position:relative;}
.setting-report .rht .table tr .viewset-per input,#reportfulldet .table tr .viewset-per input{width: 60%;padding-right: 25px;margin: 0 auto;float: none;}
.setting-report .rht .table tr .viewset-per span,#reportfulldet .table tr .viewset-per span{position:absolute;right:42px;top: 13px;}
.setting-report .rht .table tr .pinning,#reportfulldet .table tr .pinning {width: 50%;margin: 0 auto;cursor: pointer;} 
.setting-report .rht .table tr td:nth-child(4) input {cursor: pointer;}
#reportfulldet .modal-dialog{width:65% !important;}
#reportfulldet .modal-body {height: 90vh !important;}
.getreport-blk  #reportfulldet .candidate-mbllst ul li {padding: 0px 0px;}
.getreport-blk  #reportfulldet .candidate-mbllst  img{width: 20px;}
.getreport-blk  #reportfulldet .candidate-mbllst .shadowBorder-right{width: calc(100% - 36px) !important;height: 41px;}
.getreport-blk  #reportfulldet .candidate-mbllst li:last-child .form-control{float:left;margin-right:10px;width: calc(100% - 45px) !important;}
/*Document template view and edit css*/
.setting-dtl .wrapper-content.wrapper {padding: 6px 6px 40px !important;}
.setting-dtl .edit_title .pull-left{width:80%;margin-top: 5px;}
.setting-dtl .edit_title .pull-left h5{font-size: 16pt;margin: 0;font-weight: 600;    word-break: break-all;}
.setting-dtl .edit_title .col-md-12,.setting-dtl .edit_title {padding: 0px 5px 5px;border-bottom: 2px solid #e5e6e7;margin-bottom: 15px;}
.setting-dtl form .form-control{color: #1c84c6 !important;font-size: 17px;border-radius: 0px 15px 15px 0px;font-weight: 500}
.setting-dtl .PTOplansViewPge form .form-control{ color: #676a6c !important; font-weight: 400 !important;}
.setting-dtl form .form-icon,.setting-dtl .form .form-icon{ color: #000;font-weight: bold;border-radius: 15px 0px 0px 15px;background-color: transparent;font-size: 16px;}
.setting-dtl form label,.setting-dtl .form label{ color: #000;font-size: 17px;font-weight: 500;padding-top: 5px;}
/*Email Template css start*/
.setting-emailtmp-edit .edit_title .pull-left {margin-top: 10px;}
.setting-emailconfig .wrapper-content {padding: 8px 8px 40px !important;}
 .setting-emailconfig .circle-badge {height: 26px;width: 26px;line-height: 27px;text-align: center;border-radius: 30px;color: white;margin: 0 auto;background-color: #1c84c6 !important;}
 .setting-emailconfig .circle-badge.circle-badge-inactive {color: #707070 !important;background-color: #7070706e !important;}
 .setting-emailconfig .circle-badge.circle-badge-draft {color: rgb(255 128 0 / 79%) !important;background-color: rgb(251 126 0 / 38%) !important;}
.setting-emailconfig .ibox-title {float: right;margin-top: -63px;}
.setting-emailconfig .ibox-title .bwt-new {padding: 7px 10px !important;}
.setting-emailconfig table tr td:nth-child(2),.setting-document .table-responsive tr td:nth-child(2){white-space:nowrap;}
.setting-emailtmp .table td:last-child  i {left: 0px !important;font-size: 18px;}
.setting-emailtmp-edit .box-shadow-two .setEmail-secc .col-md-8{margin-top:-7px;}
.setting-emailconfig .candidate-mbllst span.circle-badge-inactive {color: #1c1c1e !important;background-color: #ddd !important;}
.setting-emailconfig .candidate-mbllst .top .pull-right {padding-top:3px;}
.setting-emailconfig .candidate-mbllst .mbl-head h3 {width: calc(100% - 100px);}
.setting-emailconfig .candidate-mbllst li {padding:0px 0px 5px;}
.setting-emailconfig .candidate-mbllst ul li p span:first-child {font-weight: 500;}
.setting-emailconfig .mblbtm-mnu >ul { padding: 6px 35px;}
.setting-emailconfig .recbtm-mnu.mblbtm-mnu {left: 190px;width: calc(100% - 395px);}
.setting-emailconfig .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -238px);}
.setting-emailconfig .recbtm-mnu.mblbtm-mnu .bwt-new {padding: 7px 10px;position: relative;top: -2px;}
.setting-emailconfig-edit .form-icon {width: 11%;}
/*subscriber Setting*/
.subscribersetting .wrapper-content {padding: 10px !important;background-color: #fff;margin-top: 7px;margin-left: 5px;margin-right: 8px;}
.subscribersetting .shadow-topFilter {margin: 0px;padding: 5px 6px 8px;}
/*Client Management*/
.clientmgmt-customer .wrapper-content {padding: 0px 8px 40px !important;}
.clientmgmt-customer .circle-badge-small {height: 20px;width: 20px;line-height: 20px;text-align: center;border-radius: 10px;background: #1c84c6;color: white;margin-left: auto;margin-right: auto;font-size: 13px;}
.clientmgmt-customer .circle-badge-big {margin-top: 7px;height: 50px;width: 50px;line-height: 51px;text-align: center;font-size: 24px;font-weight: 600;border-radius: 34px;color: white;margin-left: auto;margin-right: auto;}
.clientmgmt-customer .header-section-inner-div {width: 100px;text-align: center;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;padding: 5px 5px;border-radius: 11px;height: 125px; }
.clientmgmt-customer .header-section-inner-text {font-size: 16px;font-weight: 500;margin-top: 7px;}
.clientmgmt-customer .add-panel {margin: 10px 0px 2px 0px;}
.clientmgmt-customer .filter-panel {margin: 5px 6px 8px 6px;padding: 10px 10px 5px;border-radius: 4px;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);background-color: #fff;}
.clientmgmt-customer .filter-h3 {color: #000;float: left;opacity: 0.2;font-size: 33px;margin: 0px !important;text-transform: uppercase;}
.clientmgmt-customer .un-form-element,.clientmgmt-customer .un-form-element:focus {width: 100% !important;border-radius: 3px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.clientmgmt-customer td {border-top: none !important;border-bottom: 1px solid #e7eaec;vertical-align: middle !important;}
.clientmgmt-customer .select-bg { background-color: #f5f5f5 !important;}
.clientmgmt-customer .select-bg2 {background-color: #eeeeee;border-radius: 12px;}
.compli-label {background-color: #ddd; padding: 5px; width: 30px; border-radius: 4px; text-align: center; font-weight: 700; color: #48484a !important; font-size: 14px; margin-top: 4px;}
.clientmgmt-customer .right-side .bg-grey .image-badge {width: 100px;background-color: #fff;padding: 20px;border-radius: 50%;height: 100px;margin-top: 4px;margin-bottom: 4px;}
.clientmgmt-customer .right-side .bg-grey {margin: -6px -5px 10px -5px !important;border-radius: 16px 16px 0px 0px;}
.fa-blueicon {background-color: #1c84c6;color: #fff;padding: 3px 5px;font-size: 12px !important;border-radius: 6px;box-shadow: 0px 1px 5px 3px rgb(226 226 226);}
.prf-blue-icon .fa-blueicon {background-color: #fff !important; color: #1c84c6 !important; border-radius: 50%;padding: 7px 7px !important;font-size: 15px !important;}
.prf-blue-icon:hover .fa-blueicon {background-color: #1c84c6 !important; color: #fff !important; border-radius: 50%;}
.clientmgmt-customer .filter-panel .visible-mobile {display: none;margin-top: 15px;}
.clientmgmt-customer .filter-panel .visible-mobile {display: none;    margin-top: 15px;}
.clientmgmt-customer .mdle-sec .fltr-txt{width: 11%;}
.clientmgmt-customer .mdle-sec .srch-fil{width: 55%;}
.clientmgmt-customer .mdle-sec .country{width: 12%;}
.clientmgmt-customer .mdle-sec .status{width: 10%;text-align: center;}
.clientmgmt-customer .mdle-sec .fltr-ico{width: 12%;}
.clientmgmt-customer .mdle-sec .fltr-ico .bwt-new{margin-left:15px !important}
.clientmgmt-customer .right-side .col-lg-8 h2.text-uppercase{word-break: break-all;}
.clientmgmt-dtl .clients-list .nav-tabs li a {padding: 4px 12px 4px 12px !important;}
.clientmgmt-dtl .clients-list .myhr-dotmenus{display:none;}
.clientmgmt-dtl .tab-content #contact .toggle-arrow-tiny td{vertical-align:middle;}
.clientmgmt-dtl .cus-projectTabs tr.selectedTab{background-color: rgb(238 238 238 / 41%);}
.clientmgmt-dtl .cus-projectTabs .insideDiv:hover{background-color:transparent;}
#clientPortalPreview.cusFullDetModal .col-md-8 span{word-break:break-word;}
#clientPortalPreview.cusFullDetModal .modal-dialog{width:40% !important;}
#clientPortalPreview.cusFullDetModal .modal-header .ass-emp div:nth-child(1){text-transform:inherit !important;}
.clientmgmt-customer-dtl .contact-box .list-group .list-group-item .col-md-3 {padding-right: 0px;width: 15%;float:left;} 
.customer-vendor-type {color: #fff;border-radius: 25px;padding: 2px 14px;font-size: 17px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);width: 100%;text-align: center;display: inline-block;}
.customerList-table-row .customerList-table-delete {display: none;transition: 0.5s;}
.customerList-table-row:hover .customerList-table-delete {display: inline-block;transition: 0.5s;}
.clientmgmt-customer .right-side .right-box .circle-badge,.clientmgmt-customer-dtl .col-lg-4.col-md-4 .list-group .circle-badge {
height: 25px !important;width: 25px !important;line-height: 25px !important;background-color: #bfffc4 !important;color: #00BF0E !important;}
.clientmgmt-customer-dtl .contact-box{box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 34%) !important;border-bottom: 4px solid #0095F6 !important;}
.clientmgmt-customer-dtl .contact-box .edit_title{background-color:#eee !important;}
.clientmgmt-customer-dtl .contact-box .edit_title h4{font-size: 17px !important;color: #48484a;text-transform: capitalize;}
.clientmgmt-customer-dtl .contact-box .edit_title h4 a{color:#000 !important;}
.clientmgmt-customer-dtl .contact-box .edit_title h4 span{margin-left:0px !Important;}
.clientmgmt-customer-dtl .contact-box .edit_title h4 span span{border:1px solid #eee;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 34%) !important;border-radius:25px;padding:0px 5px;}
.clientmgmt-customer-dtl #contact .table td span{border-radius:25px;padding:0px 5px;}
.clientmgmt-customer-dtl .contact-box .list-group .list-group-item .col-md-5 i {font-size: 19px;}
.clientmgmt-customer-dtl #address .contact-box .list-group .list-group-item {min-height: 70px;}
.clientmgmt-customer-dtl a{text-decoration:inherit !important;}  
.clientmgmt-customer .rt-head.rt-head-fixed{position: fixed;top: 66px;width: calc(100% - 230px);left: 231px;z-index: 9;border-radius: 0px;border-bottom: 1px solid #cacaca;}
.mini-navbar .clientmgmt-customer .rt-head.rt-head-fixed{width: calc(100% - 75px);left: 77px;}
.clientmgmt-customer .rt-head.rt-head-fixed .top,.clientmgmt-customer .rt-head.rt-head-fixed .bottom,.clientmgmt-customer .rt-head.rt-head-fixed .info{display:none}
.clientmgmt-customer .rt-head.rt-head-fixed .image-badge {margin: 7px 0px 0px 0px !important;float: right;width: 50px !important;height: 50px !important;padding: 8px !important;}
.clientmgmt-customer .rt-head  .bottom ul  {margin: 10px 0px 10px;padding-left:0px;display:table;width:100%;}
.clientmgmt-customer .rt-head  .bottom ul li {display:table-cell;margin-left:0px;list-style: none;position: relative;white-space: nowrap;/* float:left; */}
.clientmgmt-customer .rt-head  .bottom ul li a{color: #fff !important;font-weight: 400;padding:4px 5px;width:33px;height:33px;margin-left: 6px !important;border-radius: 50%; border: 2px solid #fff;}
.clientmgmt-customer .rt-head  .bottom ul li a h6 {position: absolute;left: -20px;font-size: 12px;background-color: #ccc;padding: 3px 6px; border-radius: 25px;display: none;bottom: -50%;color: #fff;}
.clientmgmt-customer .rt-head  .bottom ul li a:hover h6 {display:block;bottom: -30px;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(1) a{background-color: rgb(0 191 14 / 100%); }
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(2) a{background-color: rgb(255 119 53 / 100%); }
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(3) a{background-color: rgb(30 162 254 / 100%);}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(4) a{background-color: #ffbe0f;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(5) a{background-color: #51c2d5;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(6) a{background-color: rgb(51 193 252 / 100%);}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(7) a{   background-color: rgb(243 156 17 / 100%);}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(1) a:hover h6{background-color: rgb(0 191 14 / 100%); left: -37px !important;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(2) a:hover h6{background-color: rgb(255 119 53 / 100%);left: -15px;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(3) a:hover h6{background-color: rgb(30 162 254 / 100%);}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(4) a:hover h6{background-color: #ffbe0f;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(5) a:hover h6{background-color: #51c2d5;left: -10px;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(6) a:hover h6{background-color: rgb(51 193 252 / 100%);left: -10px;}
.clientmgmt-customer .rt-head  .bottom ul li:nth-child(7) a:hover h6{background-color: rgb(243 156 17 / 100%);}
.clientmgmt-customer .clients-list .nav-tabs .tabs-desktop-plus > a[ data-toggle="dropdown"] {padding: 5px 8px !important;color: #fff !important;}
.clientmgmt-customer .clients-list .nav-tabs .tabs-desktop-plus > a i {font-size: 20px!important;top: 8px}
.clientmgmt-customer .cusPagination .total{margin-top: -6px;}
.clientmgmt-customer .cusPagination .perpage{margin-top: -12px;}
.clientmgmt-customer .cusPagination .perpage select{ height: 28px; width: 79px; font-size: 17px; text-align: center; margin-left: 10px;}
.clientmgmt-project .filter-panel {margin: 5px 6px 8px 8px;padding: 10px;border-radius: 4px;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);background-color: #fff;}
.clientmgmt-project .filter-h3 {color: #000;float: left;opacity: 0.2;font-size: 33px;margin: 0px !important;text-transform: uppercase;}
.clientmgmt-project .btn-sort {padding: 5px 10px;background-color: #1c84c6;color: #fff;font-size: 12pt;border: none;}
.clientmgmt-project .btn-radio {margin-top: 6px;}
.clientmgmt-project .filter-panel .col-lg-1.col-md-1 .dropdown-menu{left: auto;right: 0px;}
.clientmgmt-project .filter-panel .col-lg-1.col-md-1 .dropdown-menu a {font-size: 18px;}
.clientmgmt-project-dtl .particip .col-lg-2.col-md-2 {width: 20%;}
.clientmgmt-project-dtl .particip .project-people {}
.pRjStatusM28{ background-color: #fff; padding: 7px 7px !important; border-radius: 8px; margin-top: 15px;}
.pRjStatusM28 .progress, .pRjStatusM28 .progress-bar{ height: 14px; }
.pRjStatusM28 .text-field .left{ float: left; font-size: 22px; font-weight: 600; color: #1c1c1e; margin-top: 8px;}
.pRjStatusM28 .text-field .right{ float: right; font-size: 18px; font-weight: 600; color: #ffffff; margin-top: 8px; background-color: #0095f6; border-radius: 50px; padding: 2px 12px; }
.clientmgmt-project-dtl .cusMainBodyM4 .header-Main .j6-inner .dataPart .detailsProtion .box{padding: 10px !important;}
.clientmgmt-project-dtl .cusMainBodyM4 .header-Main .j6-inner.height1 .imgPart{height: 309px;}
.clientmgmt-customer-dtl .col-md-7.col-sm-6{word-break:break-all;}
.clientmgmt-customer-dtl #view .head-top.fixed{position: fixed;width: calc(100% - 240px);top: 58px;margin-left: 0px;  z-index: 9;}
.clientmgmt-customer-dtl #edit .head-top.fixed{position: fixed;background-color: #fff;width: calc(100% - 240px);top: 58px;margin-left: 0px;z-index: 9;}
.clientmgmt-customer-dtl #view .head-top.fixed .edit_title{padding-bottom: 3px !important;padding-top: 5px;margin-bottom: 2px !important;}
.mini-navbar .clientmgmt-customer-dtl #view .cntct-top.fixed {width: 95%;}
.clientmgmt-customer-dtl .head-top .myhr-dotmenus{display:none;}
.clientmgmt-customer-dtl .head-top .myhr-dotmenus .dropdown-menu{left: auto;right:0px;}
.clientmgmt-customer-dtl .btn-group button {color: #676a6c;} 
.ApproverList .EditPanelD13 .btn-select-left {width: calc(100% - 33px) !important;color: #555;border-radius: 0px !important;}
.ApproverList .EditPanelD13 .sec2:hover .btn-select-right,.ApproverList .EditPanelD13 .sec2:hover .btn-select-left{background-color:#fff;}
.clientmgmt-project #un-rightsection .list-group-item .col-md-7 {word-break: break-all;}
.pro-approve-tbl tbody td:nth-child(5) span{width: 65px !important;height: 20px;line-height: 20px;text-align: center;border-radius: 30px !important;color: white;display: inline-block;}
.pro-approve-tbl tbody td:nth-child(5).text-green span{background-color: #2ca01c;}
.pro-approve-tbl tbody td:nth-child(5).text-grey-b5 span{background-color: #8c8a8a;}
.clientmgmt-dtl .customerProj ul.bg-light-blue,.cus-projectTabs ul.bg-light-blue{margin-bottom:10px;}
.clientmgmt-dtl .customerProj ul.bg-light-blue li,.cus-projectTabs ul.bg-light-blue li{display:inline-block;width:100%;padding:5px 10px;}
.clientmgmt-dtl .customerProj ul.bg-light-blue p,.cus-projectTabs ul.bg-light-blue p{float:left;font-size:18px;}
.clientmgmt-dtl .customerProj ul.bg-light-blue p:nth-child(1),.cus-projectTabs ul.bg-light-blue p:nth-child(1){width:40%;font-weight:500;}
.clientmgmt-dtl .customerProj ul.bg-light-blue p:last-child,.cus-projectTabs ul.bg-light-blue p:last-child{width:60%;}
.clientmgmt-dtl .clientInfo .candidate-mbllst span.circle-badge {background-color: #1ea2fe !important;top: -1px;}
.clientmgmt-dtl .clientInfo .candidate-mbllst span.circle-badge.un-circle-badge-ge{background-color:#ddd !important;color: #48484a !important;}
.clientmgmt-dtl .clientInfo .candidate-mbllst .mbl-head h3{margin-top:5px;}
.clientmgmt-dtl .clientInfo .candidate-mbllst ul li p span:first-child{width: 125px;}
.clientmgmt-dtl .clientInfo .candidate-mbllst ul li p span:last-child{width: 73%;} 
.clientmgmt-dtl .clientInfo .candidate-mbllst ul li p span span{width:auto !important;}
.clientmgmt-dtl .clientInfo .candidate-mbllst ul li p span a{margin-left:5px;}
.clientmgmt-dtl .cusAssociated .candidate-mbllst .img-circle {width: 77%;}
.clientmgmt-dtl .cusFiles .candidate-mbllst span.circle-badge,.clientmgmt-dtl #customerfile .candidate-mbllst span.circle-badge,.clientmgmt-dtl #Compliancefile .candidate-mbllst span.circle-badge {position: absolute !important;left: 0px;top: -2px;height: 30px;width: 30px;/*border-radius: 5px 0px 10px 0px;*/}
.clientmgmt-dtl .cusFiles .candidate-mbllst:hover span.circle-badge,.clientmgmt-dtl .cusFiles .candidate-mbllst span.circle-badge.bwt-hrv-show,.clientmgmt-dtl #customerfile .candidate-mbllst:hover span.circle-badge,.clientmgmt-dtl #customerfile .candidate-mbllst span.circle-badge.bwt-hrv-show,
.clientmgmt-dtl #Compliancefile .candidate-mbllst:hover span.circle-badge,.clientmgmt-dtl #Compliancefile .candidate-mbllst span.circle-badge.bwt-hrv-show{display: none !important;}
.clientmgmt-dtl  .resclose{display:none;position:absolute;right:0px;}
.clientmgmt-customer-dtl .contact-box .edit_title .ppl-resinfo {display:none;margin-top: 4px;}
.clientmgmt-customer-dtl .contact-box .edit_title .ppl-resinfo .dropdown-menu {width: 275px;}
.clientmgmt-dtl #customerfile .cusFileStss{min-width: 100%;width:auto;}
.clientmgmt-dtl #customerfile .cusFile-Tble th:first-child, .clientmgmt-dtl #customerfile .cusFile-Tble td:first-child {padding: 11px 20px 10px 7px;}
.clientmgmt-dtl #customerfile .cusFile-Tble .bwt-tr-hrv:hover .check-box-cover{left: -12px !important;top:3px;}
.clientmgmt-dtl #customerfile .cusFile-Tble tbody > tr > td {padding: 15px 6px 5px !important;}
.clientmgmt-dtl #customerfile #file-rightPanel.col-md-12 .cusFile-Tble td:last-child .bwt-hrv-2{margin-left: -55px;}
.clientmgmt-dtl #customerfile #file-rightPanel.col-md-12 .cusFile-Tble td:nth-child(6){white-space:nowrap;}
.clientmgmt-dtl .diversity .input-group-addon{display:none;}
.clientmgmt-dtl .diversity .input-group{padding: 1px 5px;margin-top: 5px;}
#ApproverList .project-approve-tbl tbody tr{position:relative;}
#ApproverList .project-approve-tbl td{position:inherit;}
#ApproverList .project-approve-tbl td:last-child .col-md-12{position: absolute;right: 63px;border-radius: 5px;padding: 0px 7px;line-height: 30px;border-bottom: 2px solid rgb(30, 162, 254);
z-index: 9;margin-top: 0;width: 275px;top: 15px;box-shadow: rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;background-color: rgb(255, 255, 255);}
#ApproverList .project-approve-tbl td:last-child .col-md-12:before {right: -19px;content: "";border: 9px solid transparent;border-left-color: #dddddd;font-size: 0;line-height: 0;
display: inline-block;top: 12px;position: absolute;background-color: transparent;transform: translate(-1%,-50%);}
#ApproverList .project-approve-tbl td:last-child p{margin-bottom: 0px;}
#ApproverList .project-approve-tbl td:last-child p span{font-weight:600;}
.cus-projectTabs table th,#cusfulldet #Project table th{font-size:17px;color:#000;background-color: #EEEEEE;}
.cus-projectTabs table td table th:first-child,#cusfulldet #Project td table th:first-child{border-top-left-radius: 15px;}
.cus-projectTabs table td table th:last-child,#cusfulldet #Project td table th:last-child{border-top-right-radius: 15px;}
#cusfulldet #Project td{border-bottom: 1px solid #e7eaec;}
#cusfulldet #Project td table td:first-child{border-left: 1px solid #e7eaec;}
#cusfulldet #Project td table td:last-child{border-right: 1px solid #e7eaec;}
.clientmgmt-customer #cusfulldet .associated .list-group{height:auto !important;}
.clientmgmt-dtl .docu-upload .docup {width: 70% !important; clear:both; height: 150px; border: 1px solid; margin: 5px; padding: 30px !important;}
.clientmgmt-dtl #Compliancefile .ibox-title {display: inline-block;width: 100%;}
.cusEdtHeadersM1{ font-weight: 400; margin: 0; font-size: 25px; color: #1c1c1e; display: flex; align-items: center; float: left;}
.adr-costom{ margin: 0; }
.adr-costom .box{ height: 125px; }
.clientmgmt-customer .myhr-dotmenus,.clientmgmt-customer .tabs-desktop-plus,.clientmgmt-customer-dtl .tabs-desktop-plus{display:none;}
.clientmgmt-customer .clients-list .myhr-dotmenus li a{padding: 0px !important;font-size: 16px;border-bottom: 1px solid #eee !important;}
.clientmgmt-customer .clients-list .myhr-dotmenus li:last-child a{border-bottom:0px !important;}
.clientmgmt-customer .clients-list .myhr-dotmenus .dropdown-menu{right:0px;left:auto;}
.clientmgmt-customer .clients-list .myhr-dotmenus .dropdown-menu:before{display:none;}
.clientmgmt-customer .clients-list .myhr-dotmenus a[data-toggle="dropdown"]{padding: 1px 11px !important;outline: none;border: 0px !important;background-color: transparent;}
/*Update March 4*/
.cusHeaderM4{}
.cusHeaderM4 .headerportion .labelPlane h3{ font-weight: 500; margin: 5px 0 3px !important; padding: 0px 0px 0px !important; color: #1c1c1e !important; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: flow-root; margin-bottom: 10px !important; font-size: 32px;}
.cusHeaderM4 .headerportion .labelPlane .bg-green-label{ background-color: #2cA01C !important; padding: 5px 10px; border-radius: 50px; border: none !important; font-weight: 600; color: #fff; margin-right: 3px; font-size: 13px;}
.cusHeaderM4 .headerportion .un-form-element{ padding: 6px; font-size: 14px; position: relative; top: 0px; margin-top: 0 !important; border-radius: 50px; padding: 6px; outline: none !important; width: 170px;}
.cusHeaderM4 .headerportion .un-form-element:hover{ color: #1c84c6 !important; }
.cusHeaderM4 .logoPortion{ float: left; border-radius: 50px; position: relative; top: 12px; }
.cusHeaderM4 .logoPortion img{ border-radius: 50px; height: 70px; width: 70px; border: 3px solid #fff; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; } 
.cusMainBodyM4 .imgPart{text-align: center;}
.cusMainBodyM4 .imgPart .contactInfos{ background-color: #fff; margin-top: 15px; padding: 0 8px; border-radius: 8px;}
.cusMainBodyM4 .imgPart .contactInfos ul{ list-style: none; text-align: left; margin: 0 !important; padding: 0; font-size: 17px; }
.cusMainBodyM4 .imgPart .contactInfos li{ padding: 10px 0; border-bottom: 1px solid #ddd; color: #1c1c1e; font-weight: 500; }
.cusMainBodyM4 .imgPart .contactInfos li:nth-last-child(1){ border-bottom: none; }
.cusMainBodyM4 .imgPart .contactInfos li i{ color: #009BFF; width: 28px; text-align: center; }
.cusMainBodyM4 .imgPart .contactInfos li a{ color: #1C84C6 }
.cusMainBodyM4 .imgPart .logoPortion{border: 6px solid #fff; display: inline-block; border-radius: 500px; margin-top: 15px; box-shadow: 0 3px 6px #00000029; position: relative;}
.cusMainBodyM4 .logoPortion img{ border-radius: 100px; height: 80px; width: 80px; }
.cusMainBodyM4 .logoPortion .bwt-edit, .cusHeaderM4 .logoPortion .bwt-edit{ border-radius: 100px; position: absolute; border: none; font-size: 15px; color: #009bff !important; background-color: #fff !important; padding: 3px 6px 1px 6px; bottom: -2px; right: -7px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; transition: 0.5s}
.cusMainBodyM4 .logoPortion .bwt-edit:hover, .cusHeaderM4 .logoPortion .bwt-edit:hover{ color: #fff !important; background-color: #009bff !important; transition: 0.5s}
.cusMainBodyM4 h3{ margin: 5px 0 3px !important; padding: 0px 0px 0px !important; color: #1c1c1e !important; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px !important; font-size: 32px; }
.cusMainBodyM4 .status .bg-green-label{ background-color: #2cA01C !important; padding: 5px 10px; border-radius: 50px; border: none !important; font-weight: 600; color: #fff; margin-right: 3px; font-size: 13px; }
.cusMainBodyM4 .status .bg-grey-label{ background-color: #fff !important; padding: 5px 10px; border-radius: 50px; border: none !important; font-weight: 600; color: #1c84c6; margin-right: 3px; font-size: 13px; }
.cusMainBodyM4 .imgPart{ width: 30% !important; }
.cusMainBodyM4 .dataPart{ width: 70% !important; }
.cusMainBodyM4 .header-Main .j6-inner .dataPart .detailsProtion .box{ padding: 16px 10px !important; }
.cusMainBodyM4 .header-Main .j6-inner.height1 .imgPart{ height: 360px; }
.cusMainBodyM4 .staffImges img{ height: 35px; width: 35px; margin: 10px 0;}
.cusMainBodyM4 .staffImges .bwt-edit{ margin: 9px 20px; padding: 8px 30px; }
.cusMainBodyM4 .header-Main .j6-inner .dataPart .detailsProtion .box label .count-badge{ font-size: 15px; padding: 2px 7px; margin-left: 5px; color: #0095f6; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 4px; border: none;}
.cusMainTabM4 .dde-row-panels{ padding: 3px !important; }
.cusMainTabM4 .dde-row-heading-text{ font-size: 20px !important; margin: 0 !important; padding: 10px 0 !important; }
.cusMainTabM4 .header-Main .j6-inner .dataPart .detailsProtion .box .data{color: #48484a;}
.noRecord.forCusRecord{margin-top: 170px !important; margin-bottom: 170px !important;}
.noRecord.forCusInstantRecord{margin-top: 10px !important; margin-bottom: 10px !important;}
.cusTopPanelM6{ border-radius: 0px 0px 25px 25px;}
.cusTopPanelM6 .lftsde{ padding: 5px 9px 0px; margin-top: 0px; margin-bottom: 5px; border-radius: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; height: 170px; overflow-y: auto;}
.cusTopPanelM6 .lftsde .li-bg-hr a{ font-size: 17px; }
.cusTopPanelM6 .lftsde .li-bg-hr a .label{ float: right; color: #fff; font-size: 14px;width: 36px; margin-top: 3px; }
.fileBox-m14 .edit_title{overflow: hidden;}
.fileBox-m14 .edit_title .un-checkbox-hrw-3{margin-right: -290px;}
.fileBox-m14:hover .edit_title .un-checkbox-hrw-3{margin-right: 0px;}
.fileBox-m14 .list-group .list-group-item .iconSpace{width: 10%; display: inline-flex; text-align: center; font-size: 20px; text-align: center;}
.fileBox-m14 .list-group .list-group-item .iconSpace i{color: #0095f6 !important}
.cusFullDetModal .modal-header { margin: 5px 5px 0; background-color: #f5f5f5 !important; border: none; padding: 0; border-radius: 8px; }
#cusfulldet.cusFullDetModal.right .modal-body { height: 70vh !important; }
.cusFullDetModal .modal-header .namePanel{ padding: 10px 10px 0; }
.cusFullDetModal .modal-header .namePanel .buttonControl{ float: right; }
.cusFullDetModal .modal-header .nameBoard{ font-weight: 500; color: #1c1c1e; font-size: 25px; text-transform: capitalize;}
.cusFullDetModal .modal-header .nameBoard:hover{ color: #1c84c6; }
.cusFullDetModal .modal-header .bwt-cancel, .cusFullDetModal .modal-header .bwt-cancel, .cusFullDetModal .modal-header .bwt-arrow, .cusFullDetModal .modal-header button{margin-right: 0px !important; margin-top: 0px !important}
.cusFullDetModal .cusInttComPanel{box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 15px;}
.cusFullDetModal .cusInttComPanel .header{font-size: 16px; font-weight: 600; color: #1c1c1e;}
.cusFullDetModal .cusInttComPanel .header .bwt-new{padding: 6px 9px !important; font-size: 13px !important;}
.cusFullDetModal .cusInttComPanel .complianceSts{margin: 4px 3px;}
.cusFullDetModal .cusInttComPanel .complianceSts .progress{margin-top: 0px;}
.cusFullDetModal .cusInttComPanel .complianceSts .summaryText{padding-top: 5px; padding-bottom: 0px !important;}
.cusFullDetModal .cusInttComPanel .complianceSts .percenTageLabel{font-size: 12px !important;}
.cusFullDetModal .cusInttComPanel ul{padding: 0 !important; margin: 0px; font-weight: 500; list-style: none;}
.cusFullDetModal .cusInttComPanel ul li{ border-bottom: 1px solid rgb(238, 238, 238); display: flex; justify-content: space-between; align-items: center}
.cusFullDetModal .cusInttComPanel ul li .contentTxt{ cursor: pointer; font-weight: 500; color: #1c1c1e;}
.cusFullDetModal .cusInttComPanel ul li .contentsts{ float: right; margin-right: 7px;}
.cusFullDetModal .right-box{ padding: 3px;}
.cusFullDetModal .modal-dialog{width:65% !important;}
.cusFullDetModal #history-vertical-timeline::before {left: 29px;}
#cusfulldetduplicate .modal-dialog{ width: 50% !important; }
#cusfulldetduplicate .modal-body{ height: 71vh !important; }
#cusfulldetduplicate .box-panel{padding: 3px; border-radius: 10px; margin: 10px 0; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
#cusfulldetduplicate .box-panel .header{ padding: 7px 10px !important; background-color: #eee; border-radius: 10px; font-size: 18px; font-weight: 600; color: #48484a;}
#cusfulldetduplicate .box-panel .header .fa{ cursor: pointer; margin: 0 12px 0px 12px; }
#cusfulldetduplicate .modal-header .ass-emp div:nth-child(1){ text-transform: lowercase; }
#cusfulldetduplicate .box-panel .labelName{ font-weight: 600; color: #1c1c1e; float: left; width: 30%; font-size: 17px; }
#cusfulldetduplicate .box-panel .dataPart{ float: left; width: 70%; font-size: 17px; }
/*updated July 17, 2024*/
.cus-Sum-Panel{}
.cus-Sum-Panel .row-panels{margin:10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; border: none; padding: 3px; }
.cus-Sum-Panel .row-panels .dde-row-heading{ padding: 7px 8px; }
.cus-Sum-Panel .row-panels .dde-row-heading .dde-row-heading-text{ margin: 0 !important; font-size: 20px; font-weight: 500; display: block; float: left; }
.cus-Sum-Panel .row-panels .dde-row-heading .dde-row-heading-icon{ float: right; padding: 1px 5px 0; font-size: 20px; color: #676a6c; }
.prlf-30 img{ width: 30px; height: 30px; }
/*Client Management Responsive Code*/
.mobile-new-cus{display:none;padding: 0px 15px;margin-bottom: 25px;}
.mobile-new-cus .list-box {background-color: #fff;clear: both; margin: 10px 0px;padding:2px 9px;border-radius: 10px;position:relative;border: 2px solid #ccc;}
.mobile-new-cus .list-box.select-bg {background-color:transparent !important;border: 2px solid #00bf0e;} 
.mobile-new-cus .head-Top{background-color: rgb(233 233 233 / 84%);padding: 5px 10px 0px 5px;margin: -2px -9px;border-radius: 10px 10px 0px 0px;}
.mobile-new-cus .top{width: 94%;float: left;}
.mobile-new-cus .head-Top a.pull-right.text-15px{padding-top: 8px;font-size:18px !important;}
.mobile-new-cus .fltr-lft {position: absolute;left: 0;border-width: 3px;height: 94%;width: 3px;z-index: 1;border-radius: 15px;top: 4px;}
.mobile-new-cus .list-box .pull-left .btn{float:right;}
.mobile-new-cus .list-box .top .image {background-color: #fff;box-shadow: 0px 1px 5px 3px rgb(226 226 226);padding: 5px;border-radius: 50%;position:relative;width: 35px;height:35px;}
.mobile-new-cus .list-box .top .hrv-text-blue {font-size: 20px !important;margin-left: 7px;white-space:nowrap;}
.mobile-new-cus .list-box .top .image .active {position: absolute;right: 0px;bottom: -5px;}
.mobile-new-cus .list-box .top .image .active span{background-color:transparent !important;font-size:15px;padding: 0px;}
.md-skin .mobile-new-cus .list-box .top .image .active .lbl {width: 15px;height: 15px;background-color: #00bf0e !important;}
.md-skin .mobile-new-cus .list-box .top .image .active .lbl.circle-badge-inactive{background-color:#707070 !important;}
.mobile-new-cus .list-box .top .image img {margin: 0 auto !important;width: 25px !important;border-radius: 25px;}
.mobile-new-cus .list-box .middle{margin: 12px 0px 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.mobile-new-cus .list-box .middle span{float:left;margin-right:10px}
.mobile-new-cus .list-box .middle span.label{padding:5px}
.mobile-new-cus .list-box .bottom{clear:both;}
.mobile-new-cus .list-box .bottom .progress {background-color: #e3e3e3;}
.mobile-new-cus .list-box .bottom .scl span{color:#48484a;font-size:18px !important;font-weight:500;}
.mobile-new-cus .list-box .expand .bottom p {border-bottom: 1px solid #eee;padding-bottom: 5px;}
.mobile-new-cus .list-box .bwt-hrv-hid p{color:#48484a;margin: 10px 0px 0px!important;float:left;font-size: 14px !important;}
.mobile-new-cus .list-box .bwt-hrv-hid p b{color:#48484a;padding-left:10px}
.mobile-new-cus .list-box .bwt-hrv-hid .action-btn{float: right;margin-top:0px;margin-bottom: 8px;}
.mobile-new-cus .list-box .pro-expand  .date{background-color: #c7c7c733;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 0%);clear: both;margin: 10px 0px;padding: 9px;border-radius: 10px;}
.mobile-new-cus .list-box .pro-expand  .middle p{color:#676a6c;}
.mobile-new-cus .list-box .pro-expand .date p {width: 45%;float: left;font-size: 18px;border-right: 1px solid #ccc;margin-right: 15px;}
.mobile-new-cus .list-box .pro-expand .date p:last-child{border-right:0;margin-right: 0px;}
.mobile-new-cus .list-box .pro-expand .date p span {display: block;float: none;color:#12b296;font-weight: 500;}
.mobile-new-cus .list-box .part-list {margin: 6px 0px;}
.mobile-new-cus .list-box .part-list .text-18px{clear:both;float:none;}
.mobile-new-cus .list-box .part-list div {float: left;margin-right: 5px;}
.mobile-new-cus .pgn-blk{margin: 7px 0px;}
.mobile-new-cus .pgn-blk .totals{padding-left:0px;font-size:17px;font-weight:500;}
.mobile-new-cus .pgn-blk .sort{width: 30%;float: right;padding-right: 0px;margin-top: -7px;}
.mobile-new-cus .pgn-blk .sort .dropdown-menu{left: auto;right: 0px;}
.mobile-new-cus .pgn-blk .sort .dropdown-menu:before { right: 10px !important;}
.mobile-new-cus .pgn-blk .sort li a{font-size:18px;}
.mbl-new-prjct .list-box.select-bg{background-color: #fff !important;border-left: 3px solid #00bcd4;}
.vertical-timeline-content .bwt-delete .bwt-edit {display: none;transition: 0.5s;}
.vertical-timeline-content:hover .bwt-delete .bwt-edit {display: inline-block;transition: 0.5s;}
.dd-bottom-new .left .bank-list-sec .bank-list .drct-left .dateSection {display: none; opacity:0; transition: 0.5s;}
.dd-bottom-new .left .bank-list-sec .bank-list .drct-left:hover .dateSection { display: contents; opacity:1; transition: 0.5s;}
.dd-bottom-new .left .bank-list-sec .bank-list .drct-left:active .dateSection { display: contents; transition: 0.5s;}
.dd-bottom-new .left .bank-list-sec .bank-list .drct-left:focus .dateSection { display: contents; transition: 0.5s;}
.dd-bottom-new .left .bank-list-sec .bank-list .drct-left:visited .dateSection { display: contents; transition: 0.5s;}
.cusFileStss{ border-radius: 50px; text-align: center; color: #fff; padding: 3px; font-weight: 500; font-size: 13px; text-align: center; white-space: nowrap;}
.bwt-cusfile-expand{ position: absolute; margin: 0 !important; border-radius: 10px 0 10px 0 !important; padding: 4px 12px; }
/*chatbox*/
.chatbox-outer{animation: chatboxripple 1s linear 5}
.chatbox {height: 60px; width: 60px; background-color: #fff; border-radius: 50%; border: 2px solid #1c84c6; background-image: url('../Images/chatbox.gif'); background-repeat: no-repeat; background-size: 100% 100%;z-index: 1000;}
.chatbox:hover{}
.chatbox-close {height: 60px; width: 60px; background-color: #fff; border-radius: 50%; border: none; z-index: 1000;display: block !important;font-size: 28px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; }
.chatbox-close:hover {} 
.chatbox-close span {background: linear-gradient(135deg, #616161 0%, #9bc5c3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; top: 18%; left: 32%;}
.chatbox-close:hover span{background: linear-gradient(45deg, #4481eb 0%, #04befe 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
@keyframes chatboxripple {0% {box-shadow: 0 0 0 0 rgba(28, 133, 198, 0.1), 0 0 0 1em rgba(28, 133, 198, 0.1)}
  100% {box-shadow: 0 0 0 1em rgba(28, 133, 198, 0.1), 0 0 0 2em rgba(28, 133, 198, 0.1)}}
.chatbox:hover .hvr {}
.pop-over.open a .chatbox .hvr { display: none !important;}
.cls { display: block !important;font-size: 30px; background: linear-gradient(135deg, #616161 0%, #9bc5c3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; top: 17%; left: 28%;}
@keyframes rippletwo { 0% {box-shadow: 0 0 0 0 rgba(221, 221, 221, 0.6), 0 0 0 0.8em rgba(221, 221, 221, 0.6);}
100% {box-shadow: 0 0 0 0.8em rgba(221, 221, 221, 0.6), 0 0 0 1.6em rgba(221, 221, 221, 0.6);}}
.chatbox-box{background-color: #fff;height: auto; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px;position:relative; top: -35px; padding:10px; text-align: right;}
.chatbox-box .quickButtons{display: flex; justify-content: space-around;}
.chatbox-box .quickButtons .box{background-color: #eee; border-radius: 8px; width: 25%; text-align: center; padding: 3px; cursor: pointer;}
.chatbox-box .quickButtons .box:hover{background-color: #f4f4f4; transition: .8s}
.chatbox-box .quickButtons .box .names{ width: 65%; text-align: center; margin: auto; font-weight: 500; font-size: 12px; color: #48484a;}
.chatbox-box .quickButtons .box:hover .names{ font-weight: 600; font-size: 12px; color: #1c84c6;}
.chatbox-box .quickButtons .box lord-icon{ width: 40px; height: 40px }
.chatbox-box-inner{height: auto; overflow-y: hidden; overflow-x: hidden;padding: 0px 10px 10px;}
.chatbox-box .recSearchBoxDash {padding: 5px 0px;margin-bottom: 15px;}
.chatbox-box .recSearchBox .fa-search {padding: 0px 0px 0 0px;}
.chatbox-box .recSearchBox .srch_icon {padding: 0px 0px 0px 5px;float: right;border-left: 2px solid #ccc;margin-left: 6px;}
.chatbox-box .recSearchBox .fa-times-circle {padding: 0px 0px 0 8px;}
.chatbox-box .recSearchBoxData {width: 100%;left: 7px;}
.chatbox-box .recSearchBox .inpOne {border-right: 0;}
.chatbox-box .recSearchBox .tabsPanel .taBs {float: left;}
.chatbox-box .recSearchBox .seeAll {font-size: 14px;}
.indantMsgePanel{width: 250px; background-color: #fff; position: absolute; right: 70px; bottom: 5px; border-radius: 8px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; padding: 2px;}
.indantMsgePanel .innerBox{ background-color: #2CA01C; border-radius: 8px; padding: 8px; }
.indantMsgePanel p{ font-size: 20px; font-weight: 500; color: #fff; margin: 0; height: 30px; position: relative; bottom: 17px; }
@keyframes blinkingDot {50% { color: transparent }}
.loader__dot { animation: 1s blinkingDot infinite; font-size: 38px; }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }
.chatbox-box-inner:hover{overflow-y: auto;}
.loadmore{color: #1c84c6;font-weight: 500;margin-top:15px;cursor: pointer;}
.loadmore:hover .rota360 {animation: rotation 1s infinite linear;}
@keyframes rotation { 0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);}}
.chatbox-item{border-radius:5px; color: #48484a; padding: 10px; background-color: #f2f2f2; text-align: left;}
.chatclose{float: right; background: none; color: #fff; padding:0px; font-size: 16pt;margin-top: -12px; margin-right: 5px;transition: 0.10s;cursor: pointer;}
.chatclose:hover{transition: 0.10s; transform: rotate(180deg); color: #fff !important;}
.chatexpand{float: right; background: none; color: #fff; margin-top: -14px; margin-right: 5px;transition: 0.10s;cursor: pointer; font-size: 20px !important; padding: 3px 7px 3px 4px;}
.chatback{float: right; background: none; color: #fff; padding:0px; font-size: 19px;margin-top: -12px; margin-right: 10px;cursor: pointer;}
/*.chatback:hover{position:relative; right: 6px;color: #fff;}
*/.chatbox-item:hover {background-color: #eee; color: #1c1c1e;cursor: pointer;font-weight:500;}
.chatbox-item:hover i{color: #1c84c6;cursor: pointer;font-weight:500;}
.chatbox-item-box{margin-top: 10px}
.chatbox-item-box:nth-child(1){margin-top: 10px}
.chatback2 {float: left;background: none;color: #2CA01C;padding: 0px;font-size: 16pt;margin-top: 0px;margin-bottom: 9px;margin-left: 24px;cursor: pointer;}
.chatback2:hover i {color: #2CA01C;}
/*Bottom Popup*/
.pop-over {position: fixed;bottom: 20px !important;z-index: 99 !important;right: 25px !important;}
.pop-over .supportIcon {background-color: #f64846 !important;border-radius: 50%;padding: 13px;width: 55px;height: 55px;margin-bottom:0px;}
.pop-over a .supportIcon {-webkit-animation: bubble 1s linear infinite;animation: bubble 1s linear infinite;border-radius:100%;}
.pop-over.open a .supportIcon{animation:inherit;background-color: #959595 !important;}
.pop-over a .supportIcon i{display:none;font-size: 35px;color: #fff;position: relative;top: -2px;}
.pop-over.open a .supportIcon img{display:none;}
.pop-over.open a .supportIcon i{display:block;}
@-webkit-keyframes bubble {
    0% {box-shadow: 0 0 0 0 #1c84c6, 0 0 0 0.1em #1c84c6, 0 0 0 0.1em rgba(206, 206, 206, 0.82), 0 0 0 1.2em rgba(206, 206, 206, 0.15);}
    100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
@keyframes bubble {
    0% {box-shadow: 0 0 0 0 #e55041, 0 0 0 0.1em #e55041, 0 0 0 0.3em rgba(206, 206, 206, 0.82), 0 0 0 1.2em rgba(206, 206, 206, 0.15);}
    100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
.pop-over .dropdown-alerts,.pop-over .chat-window {left: auto;right:5px;margin-top: 0;padding: 0px 0px 0 !important;margin-bottom:10px;border: 5px solid #1c84c6;border-radius:2px;position: absolute;bottom: 60px;z-index:9;}
.pop-over .dropdown-alerts {border: 5px solid #fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);min-width: 235px;background-color: #f5f5f5;}
.pop-over .dropdown-alerts a{font-size: 17px;padding: 3px 5px;color: #1d1c1c;}
.pop-over .dropdown-alerts a:hover{background-color: #ffffff;transform: scale(1.05);transition: all .90s ease-in-out;}
.pop-over .dropdown-alerts a i{font-size: 15px;border-radius: 50%;padding: 7px 7px 10px 6px;width: 28px;height: 28px;background-color: rgb(246 72 70 / 85%);color: #fff;text-align: center;margin-right: 5px;}
.pop-over .dropdown-alerts li:nth-child(1) a i {background-color: #1EA2FE;padding: 7px 5px 10px 5px;}
.pop-over .dropdown-alerts li:nth-child(3) a i {background-color: #FF7735;padding: 7px 4px 10px 5px;}
.pop-over .dropdown-alerts li.active a{color: #101010;background-color: #eee;}
.pop-over .chat-window{background-color: #fff !important;z-index:99;border: none; border-radius: 15px;box-shadow:0px 1px 5px 3px rgb(226,226,226) !important}
.pop-over .dropdown-alerts:before,.pop-over .chat-window:before {content: "";border: 7px solid transparent;font-size: 0;line-height: 0;display: inline-block;
margin-left: 25px;position: absolute;background-color: transparent;border-top-color: #ddd!important;border-bottom: none !important;bottom: -7px;right:20px !important;top:auto;}
.pop-over .dropdown-alerts:before {border-top-color: #9ea1a2 !important;}
.pop-over h6.heading {padding: 20px 15px 40px;border-top-left-radius: 15px;border-top-right-radius: 15px;font-size: 20px;color: #ffffff; font-weight: 400; background-color: #2CA01C;margin: 0;}
.sum-edt .note-editor .note-editable,.pop-over textarea{resize:vertical;min-height:200px;border: 0px !important;/* border-top: 1px solid #1c84c6 !important;*/font-size: 16px;}
.pop-over .note-editor .note-editable li {padding-left: 0px !important;}
.pop-over .note-editor .note-editable { padding: 10px !important; height: 140px;text-align:left; }
.pop-over .submit,.LR-anim {margin-left: 1%;padding: 0px 0px 0 0px;font-size: 17px;width: 130px;background-color: #2ca01c;color: #fff;border: 1px solid #2ca01c;height: 30px; margin: 0px auto 0px;border-radius: 20px;margin-right: 5px;position: relative;z-index: 9; overflow: hidden;}
.pop-over .popOverClass{transition: width 0.5s ease;}
.pop-over .popOverClass.wdNormal{width:430px;}
.pop-over .popOverClass.wdExpand{width:800px;}
.pop-over .selectContainer .pull-left .check-box-cover {margin: 3px 0px 5px !important;}
.pop-over .selectContainer .pull-left .check-box-cover .checkmark {border-radius: 2px !important;}
.pop-over .selectContainer .pull-left .check-box-cover span {color:#64696d;font-weight:400 !important;}
.pop-over .selectContainer.textCount {color: #1c84c6;font-size: 13px;margin-top: 5px;}
.pop-over .theme-bottom-btn .view a { color: #1c84c6; padding-left: 0px; margin-top: 10px; display: block; text-align: center !important; font-size: 18px !important;}
.pop-over .theme-bottom-btn .view a:hover {font-weight: 500;}
.pop-over .submit:after, #TaskSuccessModal p.viewTask a:after, .profile-blk #addresses .fixed-head-myhr .col-sm-4 .adrshowall:after,.LR-anim:after,#taskOverdueModal p.viewTask a:after {
 content: '';position: absolute;left: 0px;top: 0px;width: 0px;height: 100%;background-color: #1a790c;z-index: -9;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;border-radius: 5px;}
.pop-over .submit:after, #CommentSuccessModal p.viewTask a:after, .profile-blk #addresses .fixed-head-myhr .col-sm-4 .adrshowall:after, .LR-anim:after, #taskOverdueModal p.viewTask a:after {
content: '';position: absolute;left: 0px;top: 0px;width: 0px;height: 100%;background-color: #1a790c;z-index: -9;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;border-radius: 5px;}
.profile-blk #addresses .fixed-head-myhr .col-sm-4 .adrshowall:after {background-color: #168b06 !important;}
.pop-over .submit:after {border-radius: 20px !important;}
.pop-over .selectContainer {margin-bottom: 5px;}
.pop-over .selectContainer .note-editor .btn-toolbar .btn-group {display:none;}
.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-style,.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-font,
.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-fontname,.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-color{display:block;}
.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-color .btn-group{display:block !important;}
.pop-over .note-editor .open > .dropdown-menu {display: inline-block;width: 255px !important;height: 170px;overflow-y: scroll;}
.pop-over .note-editor .open > .dropdown-menu li a {padding:5px 5px !important;}
.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-color .dropdown-menu {width: 300px !important;right: 0px !important;left: auto !important;}
.pop-over .selectContainer .note-editor .btn-toolbar .btn-group.note-fontname .dropdown-menu{width: 140px !important;}
.pop-over .note-editor blockquote {padding: 0px 0px!important;border-left: 0 !important;}
.pop-over .theme-bottom-btn .pull-right a{font-size:16px;border-bottom:1px solid #1c84c6;font-weight:500;margin-top:10px;display:inline-block}
.pop-over .submit:hover:after,#TaskSuccessModal p.viewTask a:hover:after,.profile-blk #addresses .fixed-head-myhr .col-sm-4 .adrshowall:hover:after,
.LR-anim:hover:after,#taskOverdueModal p.viewTask a:hover:after{width:100%;}
.pop-over .submit:hover:after, #CommentSuccessModal p.viewTask a:hover:after, .profile-blk #addresses .fixed-head-myhr .col-sm-4 .adrshowall:hover:after,
.LR-anim:hover:after, #taskOverdueModal p.viewTask a:hover:after {width: 100%;}
.pop-over h4 {margin-top: 0;padding: 0px 1px;font-size: 13px;color: #1c84c6;text-transform: uppercase;font-weight: 400;margin-bottom: 10px;}
.animated-close{position: relative;margin: auto;width: 20px;height: 20px;cursor: pointer;top:-10px;outline: none;right: 5px;opacity: .9 !important;}
.animated-close .leftright {height: 4px;width: 25px;position: absolute;margin-top: 21px;background-color: #fff;border-radius: 2px;transform: rotate(45deg);transition: all .3s ease-in;top: 0;}
.animated-close .rightleft {height: 4px;width: 25px;position: absolute;margin-top: 21px;background-color: #fff;border-radius: 2px;transform: rotate(-45deg);transition: all .3s ease-in;top: 0px;}
.animated-close:hover .leftright{transform: rotate(-45deg);background-color:#dedcdc;}
.animated-close:hover .rightleft{transform: rotate(45deg);background-color:#dedcdc;}
.animated-close:hover {opacity: 1 !important;color: #dc3545 !important;}
.pop-over .tooltip.top{opacity:1;}
.pop-over .tooltip.top .tooltip-inner{background-color: #f64846 !important; border: 2px solid #f64846;color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
border-radius: 1px;margin-left: -3px;line-height: 20px;margin-left: -8px;}
.pop-over .tooltip.top .tooltip-arrow{border-top-color: #f64846 !important;}
.tooltip.fade.bottom.in{z-index:99;position:relative;}
#TaskSuccessModal .modal-dialog,#taskOverdueModal .modal-dialog {margin: 130px auto;width: 25%;}
#TaskSuccessModal .modal-dialog .modal-content,#taskOverdueModal .modal-dialog .modal-content {border-radius:15px;}
#TaskSuccessModal .modal-header,#taskOverdueModal .modal-header {border-bottom: 0px;padding: 15px;border-radius: 15px;}
#TaskSuccessModal .modal-header h2.modal-title,#taskOverdueModal .modal-header h2.modal-title  {color: #000;font-size: 17px;text-align: center;font-weight: 400;text-transform: none;position: relative;border-bottom: 1px solid #ddd;padding: 14px 0px 10px;}
#TaskSuccessModal .modal-header p.viewTask,#taskOverdueModal .modal-header p.viewTask  {text-align: center;margin-bottom: 0px;margin: 20px auto 8px 60px;}
#TaskSuccessModal p.viewTask a,#taskOverdueModal p.viewTask a  {color: #ffffff;border: 1px solid #1c84c6;padding: 4px 7px !important;border-radius: 25px !important;position: relative;z-index: 9;font-size: 13px;float: left;
margin-right: 5px;background-color: #1c84c6;overflow: hidden;}
#TaskSuccessModal p.viewTask a.close,#taskOverdueModal p.viewTask a.close {opacity: 1 !important;font-weight: 400;
padding: 8px 4px !important;width: 130px;margin-top: 0px;background-color: #e4e2e2 !important;border: 0px !important;color: #000;}
#TaskSuccessModal p.viewTask  a:after,#taskOverdueModal p.viewTask a:after {top: 0.1px;border-radius: 3px;background-color: #1971a9;}
#TaskSuccessModal p.viewTask  a.close:after,#taskOverdueModal p.viewTask a.close:after {background-color: #d2cfcf !important;}
#TaskSuccessModal p.viewTask a:hover,#taskOverdueModal p.viewTask a:hover{color:#fff;}
#TaskSuccessModal p.viewTask a.close:hover,#taskOverdueModal p.viewTask a.close:hover{color:#000;}
#TaskSuccessModal .animated-close,#taskOverdueModal .animated-close {top: -4px;right: -5px;}
#TaskSuccessModal .animated-close .leftright,#TaskSuccessModal .animated-close .rightleft {background-color: #413f3f;width: 20px;}
#TaskSuccessModal .animated-close:hover .leftright,#TaskSuccessModal .animated-close:hover .rightleft {background-color: #8f8c8c !important;}
#TaskSuccessModal .sweet-alert,#taskOverdueModal .sweet-alert{position: relative;left: 0px !important;margin: 0px !important;right: 0px !important;width: auto !important;padding:0px !important;}
#TaskSuccessModal .sweet-alert .sa-icon.sa-success{margin: 0px auto 10px;width: 70px;height: 70px;}
#TaskSuccessModal .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {background-color: #fff !important;position: relative;z-index: 99;width: 23px !important;
left: 11px !important;top: 41px !important;-webkit-transform: rotate(40deg);transform: rotate(40deg);}
#TaskSuccessModal .sweet-alert .sa-icon.sa-success .sa-line.sa-long {background-color: #fff !important;z-index: 99;width: 45px;right: 2px !important;
top: 33px !important;-webkit-transform: rotate(-45deg) !important;transform: rotate(-45deg) !important;}
#TaskSuccessModal .sweet-alert .sa-icon.sa-success .sa-placeholder {background-color: #3fa234;width: 70px;height: 70px;}
#onboardingWarning{overflow: hidden;}
#onboardingWarning .modal-dialog{margin: 130px auto; width: 25%; border-radius: 15px !important;}
#onboardingWarning .modal-content{ border-radius: 15px !important;}
#onboardingWarning .modal-header{ border-radius: 15px !important;}
#onboardingWarning .modal-dialog .modal-title{ text-align: center; font-size: 20px; font-weight: 500; color: #1c1c1e; margin-top: 20px;}
#onboardingWarning .modal-dialog h4{ text-align: center; font-size: 16px; font-weight: 400; color: #676a6c; margin: 5px 20px 0px;}
#onboardingWarning .modal-dialog p { display: flex; border-top: 1px solid #ddd; margin-top: 18px !important; padding-top: 18px; }
#onboardingWarning .modal-dialog a { margin: 0; width: 50%; }
#CommentSuccessModal .modal-dialog,#taskOverdueModal .modal-dialog {margin: 130px auto;width: 25%;}
#CommentSuccessModal .modal-dialog .modal-content,#taskOverdueModal .modal-dialog .modal-content  {border-radius:4px;}
#CommentSuccessModal .modal-header,#taskOverdueModal .modal-header {border-bottom: 0px;padding: 13px 5px 5px;}
#CommentSuccessModal .modal-header h2.modal-title,#taskOverdueModal .modal-header h2.modal-title  {color: #575757;font-size: 17px;text-align: center;font-weight: 300;text-transform: none;position: relative;}
#CommentSuccessModal .modal-header p.viewTask,#taskOverdueModal .modal-header p.viewTask  {text-align: center;margin-bottom: 0px;margin: 20px auto 8px 60px;}
#CommentSuccessModal p.viewTask a,#taskOverdueModal p.viewTask a  {color: #ffffff;border: 1px solid #1c84c6;padding: 4px 7px !important;border-radius: 3px !important;position: relative;z-index: 9;font-size: 13px;float: left;
margin-right: 5px;background-color: #1c84c6;}
#CommentSuccessModal p.viewTask a.close,#taskOverdueModal p.viewTask a.close {opacity: 1 !important;font-weight: 400;
padding: 8px 4px !important;width: 130px;margin-top: 0px;background-color: #e4e2e2 !important;border: 0px !important;color: #000;}
#CommentSuccessModal p.viewTask  a:after,#taskOverdueModal p.viewTask a:after {top: 0.1px;border-radius: 3px;background-color: #1971a9;}
#CommentSuccessModal p.viewTask  a.close:after,#taskOverdueModal p.viewTask a.close:after {    background-color: #d2cfcf !important;}
#CommentSuccessModal p.viewTask a:hover,#taskOverdueModal p.viewTask a:hover{color:#fff;}
#CommentSuccessModal p.viewTask a.close:hover,#taskOverdueModal p.viewTask a.close:hover{color:#000;}
#CommentSuccessModal .animated-close,#taskOverdueModal .animated-close {top: -4px;right: -5px;}
#CommentSuccessModal .animated-close .leftright,#CommentSuccessModal .animated-close .rightleft {background-color: #413f3f;width: 20px;}
#CommentSuccessModal .animated-close:hover .leftright,#CommentSuccessModal .animated-close:hover .rightleft {background-color: #8f8c8c !important;}
#CommentSuccessModal .sweet-alert,#taskOverdueModal .sweet-alert{position: relative;left: 0px !important;margin: 0px !important;right: 0px !important;width: auto !important;padding:0px !important;}
#CommentSuccessModal .sweet-alert .sa-icon.sa-success{margin: 0px auto 10px;width: 70px;height: 70px;}
#CommentSuccessModal .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {background-color: #fff !important;position: relative;z-index: 99;width: 23px !important;
left: 11px !important;top: 41px !important;-webkit-transform: rotate(40deg);transform: rotate(40deg);}
#CommentSuccessModal .sweet-alert .sa-icon.sa-success .sa-line.sa-long {background-color: #fff !important;z-index: 99;width: 45px;right: 2px !important;
top: 33px !important;-webkit-transform: rotate(-45deg) !important;transform: rotate(-45deg) !important;}
#CommentSuccessModal .sweet-alert .sa-icon.sa-success .sa-placeholder {background-color: #3fa234;width: 70px;height: 70px;}
/*addTaskModal*/
#addTaskModal .modal-dialog {width: 75%;margin-top: 0px !important;padding-top: 20px !important;}
#addTaskModal .modal-header,.taskmgmt-modal .modal-header {background-color: #eee;color: #48484A !important;padding: 7px 10px 0 10px !important;border-radius: 15px 15px 0px 0px;}
#addTaskModal .modal-header h1,.taskmgmt-modal .modal-header h4 {font-size: 20px;margin: 0px 0px !important;float: left;width: 98%;padding: 5px 0px 5px 5px !important;color: #48484A !important;font-weight: 600 !important;}
#addTaskModal .modal-header .bwt-cancel, .taskmgmt-modal .modal-header .bwt-cancel {font-size: 18px;opacity: 1;background-color: rgba(221, 221, 221, 1);color: #48484A !important;
padding: 6px 9px;position: absolute;right: 5px;top: 7px;}
#addTaskModal .modal-body{padding: 15px 15px 15px 15px;} 
#addTaskModal .addTaskTitle {font-size: 14px !important;padding: 7px 5px 2px !important;margin-bottom: 4px;font-weight: 500;color: #1c84c6;}
#addTaskModal .panel-body .col-md-4,#addTaskModal .panel-body .col-md-12{margin-bottom: 5px !important;min-height: 65px;}
#addTaskModal .note-editor .note-editable {height: 190px !important;}
#addTaskModal .theme-bottom-btn .pull-right{width: 40%;margin: 7px 0px;}
#addTaskModal .input-group-addon {border-radius:15px 0px 0px 15px;color: #212121;}
#addTaskModal input,#addTaskModal select {border-radius: 0px 15px 15px 0px !important;color: #212121;}
#addTaskModal .theme-bottom-btn .pull-right .btn-save{background-color: #2f9224 !important;color: #fff;}
#addTaskModal .theme-bottom-btn .pull-right .btn-cancel{background-color: #ED5565 !important;color: #fff !important;}
/*editassTaskModal*/
#editassTaskModal .modal-dialog {width: 75%;margin-top: 0px !important;padding-top: 20px !important;}
#editassTaskModal .modal-header,.taskmgmt-modal .modal-header {background-color: #eee;color: #48484A !important;padding: 7px 10px 0 10px !important;border-radius: 15px 15px 0px 0px;}
#editassTaskModal .modal-header h1,.taskmgmt-modal .modal-header h4 {font-size: 20px;margin: 0px 0px !important;float: left;width: 98%;padding: 5px 0px 5px 5px !important;color: #48484A !important;font-weight: 600 !important;}
#editassTaskModal .modal-header .bwt-cancel, .taskmgmt-modal .modal-header .bwt-cancel {font-size: 18px;opacity: 1;background-color: rgba(221, 221, 221, 1);color: #48484A !important;
padding: 6px 9px;position: absolute;right: 5px;top: 7px;}
#editassTaskModal .modal-body{padding: 15px 15px 15px 15px;} 
#editassTaskModal .addTaskTitle {font-size: 14px !important;padding: 7px 5px 2px !important;margin-bottom: 4px;font-weight: 500;color: #1c84c6;}
#editassTaskModal .panel-body .col-md-4,#addTaskModal .panel-body .col-md-12{margin-bottom: 5px !important;min-height: 65px;}
#editassTaskModal .note-editor .note-editable {height: 190px !important;}
#editassTaskModal .theme-bottom-btn .pull-right{width: 40%;margin: 7px 0px;}
#editassTaskModal .input-group-addon {border-radius:15px 0px 0px 15px;color: #212121;}
#editassTaskModal input,#addTaskModal select {border-radius: 0px 15px 15px 0px !important;color: #212121;}
#editassTaskModal .theme-bottom-btn .pull-right .btn-save{background-color: #2f9224 !important;color: #fff;}
#editassTaskModal .theme-bottom-btn .pull-right .btn-cancel{background-color: #ED5565 !important;color: #fff !important;}
/*taskOverdueModal*/
#taskOverdueModal .modal-header {text-align: center;}
#taskOverdueModal p.viewTask a {width: 100px;}
#taskOverdueModal .modal-header p.viewTask {margin: 20px auto 8px 80px;}
/*addTaskModalPayroll*/
#addTaskModalPayroll .modal-dialog {width: 75% !important; margin-top: 0px !important; padding-top: 20px !important;}
#addTaskModalPayroll .modal-header, .taskmgmt-modal .modal-header {background-color: #eee;color: #48484A !important;padding: 7px 10px 0 10px !important;border-radius: 15px 15px 0px 0px;}
#addTaskModalPayroll .modal-header h1, .taskmgmt-modal .modal-header h4 {font-size: 20px;margin: 0px 0px !important;float: left;width: 98%;padding: 5px 0px 5px 5px !important;color: #48484A !important;font-weight: 600 !important;}
#addTaskModalPayroll .modal-header .bwt-cancel, .taskmgmt-modal .modal-header .bwt-cancel {font-size: 18px;opacity: 1;background-color: rgba(221, 221, 221, 1);color: #48484A !important; padding: 3px 9px; position: absolute; right: 5px; top: 7px;}
#addTaskModalPayroll .modal-body {padding: 15px 15px 15px 15px;}
#addTaskModalPayroll .addTaskTitle {font-size: 14px !important;padding: 7px 5px 2px !important;margin-bottom: 4px;font-weight: 500;color: #1c84c6;}
#addTaskModalPayroll .panel-body .col-md-4, #addTaskModalPayroll .panel-body .col-md-12 {margin-bottom: 5px !important;min-height: 65px;}
#addTaskModalPayroll .note-editor .note-editable {height: 190px !important;}
#addTaskModalPayroll .theme-bottom-btn .pull-right {width: 40%;margin: 7px 0px;text-align: right;padding-right: 10px;}
#addTaskModalPayroll .input-group-addon {border-radius: 15px 0px 0px 15px;color: #212121;}
#addTaskModalPayroll input, #addTaskModalPayroll select {border-radius: 0px 15px 15px 0px !important;color: #212121;}
#addTaskModalPayroll .theme-bottom-btn .pull-right .btn-save {background-color: #2f9224 !important;color: #fff;}
#addTaskModalPayroll .theme-bottom-btn .pull-right .btn-cancel {background-color: #ED5565 !important;color: #fff !important;}
.blockArrow {color: #676a6c !important;cursor: not-allowed !important;}
.custEmailToAddr {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #86bee4 !important;padding: 6px 14px;border-radius: 10px;}
.taskmgmt-modal button[type="button"] {outline: none;border-radius: 25px;}
.taskmgmt-modal .modal-dialog {width: 60%;}
#attachmentPreviewModal.taskmgmt-modal .modal-dialog {width: 60% !important;}
.taskmgmt-modal .modal-dialog textarea,.taskmgmt-modal .modal-dialog select{border-radius:15px;}
.taskmgmt-modal .modal-dialog label {color:#000;font-size:18px;}
/*corporate-blk*/
.corporate-blk {background-color: #fff;}
.corporate-blk .corporate-top {border-bottom: 0 !important;padding: 2px 15px !important;background-color: #eeeeee !important;border-radius: 15px 15px 0px 0px;}
.corporate-blk .corporate-top  span {font-size: 30px;color: #1c84c6;font-weight:500;}
.corporate-blk .vertical-container {width: 100%;max-width: 100%;margin: 0 auto;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;padding: 0px 15px !important;} 
.corporate-blk .vertical-container.form-blk {padding-top: 15px !important;}
.corporate-blk .vertical-container.form-blk label,.corporate-blk .vertical-container.form-blk div{margin-bottom:5px;}
.corporate-blk .vertical-container.form-blk .col-md-6,.corporate-blk .vertical-container.form-blk .col-md-12{padding:0px;}
.corporate-blk .vertical-container img{display: block;max-width: 100%;height: auto;} 
.corporate-blk .add-benifits{padding: 10px 20px 3px 20px;border-radius: 10px;box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;}
.corporate-blk .add-benifits .hidden-xs .pull-left{width:7%;}
.corporate-blk .add-benifits .hidden-xs .pull-left a.pull-right{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;border: none;font-size: 20px;padding: 2px 10px;color: #1c84c6;border-radius: 4px;width: auto;}
.corporate-blk .add-benifits .hidden-xs .pull-right{width: 95px;float: left !important;}
.corporate-blk .add-benifits .pull-right button{margin-bottom:10px;border-radius: 15px;}
.corporate-blk .add-benifits .pull-right button i{font-size: 15px;}
.corporate-blk .vertical-container.form-blk input {border-radius: 0px 15px 15px 0px;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;height: 35px;}
.corporate-blk .vertical-container.form-blk .input-group-addon {border-radius: 15px 0px 0px 15px;position: relative;right: -3px;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.corporate-blk .vertical-container.form-blk .largetfont.dropdown .dropdown-menu:before{left: 0px;right: auto !important;}
.corporate-blk .vertical-container.form-blk .largetfont.dropdown .dropdown-menu i.fa{font-size: 20px !important;}
.corporate-blk .vertical-container.form-blk .largetfont.dropdown .dropdown-menu > div > div:hover {background-color: #ededed !important;}
.corporate-blk .vertical-container.form-blk .largetfont.dropdown .dropdown-menu > div > div {padding: 5px !important;text-align: center !important;}
.corporate-blk .nodata-blk{width: 40%;text-align:center;}
.corporate-blk  .nodata-blk img {float:none;width: 70%;margin: 0 auto;clear: both;display: block;}
.customePageItem{ border-radius: 50px; font-size: 17px; margin-bottom: 5px; font-weight: bold; background-color:#fff; margin-right:10px; padding:3px 15px; box-shadow: inherit; border:2px solid #676a6c; color: #48484a; }
.customePageItem:hover, .customePageItem:focus, .customePageItem:active{ border:2px solid #676a6c; color: #48484a; background-color: #e4e4e4; }
/*admn-payroll-blk*/
.admn-payroll-blk .wrapper-content {padding: 0px 0px 40px;}
.admn-payroll-blk .clients-list{margin: 0px -15px;width: calc(100% - -42px);}
.admn-payroll-blk .clients-list .nav-tabs #tabMenu.active > a {padding: 6px 14px 2px !important;}
.admn-payroll-blk .clients-list #tabMenu > a {padding: 4px 10px 4px 10px;}
.admn-payroll-blk .myhr-dotmenus ul li{display:block !important;}
.admn-payroll-blk .myhr-dotmenus .toggle,.esign-blk #showNativeViewNew .myhr-dotmenus .toggle {padding: 4px 5px 1px 5px;font-size: 17px;display: none;background: transparent !important;border-bottom: 0px !important;}
.admn-payroll-blk .myhr-dotmenus .dropdown-menu,.admn-payroll-stages #Employeesetup li.myhr-dotmenus .dropdown-menu,.esign-blk #showNativeViewNew li.myhr-dotmenus .dropdown-menu{left:auto;right:0px;}
.admn-payroll-blk .myhr-dotmenus .dropdown-menu li a,.admn-payroll-stages #Employeesetup li.myhr-dotmenus .dropdown-menu li a,.esign-blk #showNativeViewNew li.myhr-dotmenus .dropdown-menu li a{padding: 4px 4px;font-size: 18px;margin: 0px;}
.admn-payroll-blk .myhr-dotmenus .dropdown-menu li:last-child a,.admn-payroll-stages #Employeesetup li.myhr-dotmenus .dropdown-menu li:last-child a,.esign-blk #showNativeViewNew li.myhr-dotmenus .dropdown-menu li:last-child a{border-bottom:0px !important;}
.admn-payroll-blk .clients-list .nav-tabs .tabs-desktop-plus > a i {font-size: 20px !important;top: 2px;left: 0px;}
.admn-payroll-blk .circle-badge {height: 26px;width: 26px;line-height: 27px;text-align: center;border-radius: 215px;background-color: #2ca01c !important;color: #ffffff;margin-left: auto;margin-right: auto;}
.payrol-filter .col-md-3.payrollcycle {width: 33%;}
.payrol-filter .col-md-2 {width: 7%;padding-right: 0px;}
.payrol-stge-filter.payrol-filter .col-md-4 div {width: 32%;float: left;margin-right: 5px;}
.payrol-stge-filter.payrol-filter .col-md-2 {width: 13%;}
.payrol-stge-filter.payrol-filter .col-md-4 {width: 50%;}
.payrol-stge-filter.payrol-filter .col-md-3{width: 9%;text-align: right;}
.payrol-stge-filter.payrol-filter .payrollstagecycle{width: 26%;}
 #payroll-leftsection.col-md-12 .hidden-xs .bwt-collapse {padding-right: 30px;}
 #payroll-leftsection.col-md-12 .hidden-xs .bwt-collapse i {position:relative;left:5px}
.admn-payroll-blk .select-bg {background-color: #eee !important;}
.admn-payroll-blk .hrv-brd-green-sel {background-color: #f2f2f2;border-left: 5px solid #2ca01c;transition: 0.3s;}
.admn-payroll-stages .clients-list .rt-left{float:right;margin-right:15px;}
.admn-payroll-stages .table-responsive .tooltip-custom input {width:150px !important;}
.admn-payroll-stages .un-table-box td:nth-child(3) span{border-radius:30px;}
.admn-payroll-stages .wrapper-content {padding: 6px 20px 20px !important;}
.admn-payroll-stages .circle-badge {height: 26px;width: 26px;line-height: 26px;text-align: center;border-radius: 215px;background: #2ca01c;color: white;margin-left: auto;margin-right: auto;font-weight: bold;}
.admn-payroll-stages .table tr td {vertical-align: middle !important;}
.admn-payroll-stages .table > tbody > tr:hover {background-color: #f5f5f5;}
.admn-payroll-stages .table-striped > tbody > tr:nth-of-type(odd) {background-color: #fff;}
.admn-payroll-stages .payrol-cy-list .top{width: calc(100% - 120px);}
.admn-payroll-stages .payrol-cy-list .bwt-setup {background-color: transparent !important;color: #fc6621cc;border-radius: 0;padding: 0px 2px 0px 6px;margin-left: 14px;border-left: 1px solid #0c0c0c;}
.admn-payroll-stages .payrol-cy-list .client-avatar img {width: 26px;height: 26px;}
.paystge-modal .modal-dialog {width:60% !important;}
.paystge-modal .modal-dialog .modal-header .close {position: absolute;right: 18px;top: 15px;}
.payroll-table .payrol-cy-list {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 4px;padding: 5px 5px;margin-bottom: 7px;}
.payroll-table .top .circle-left{float:left;}
.payroll-table .top .py-cyclename{float:left;margin-left: 4px;}
.payroll-table .bottom{position: relative;top: -25px;width: 95%;}
.payroll-table .bottom .top{border-bottom: 1px solid #efefef;}
.admn-payroll-stages .arrow-steps .step p {position: relative;margin: 0px;}
.payroll-table ul {padding-left: 10px;margin-top: 0px;margin-bottom: 0px;}
.payroll-table ul li {list-style: none;width: 100%;display: inline-block;margin-top: 10px;}
.payroll-table ul li h4{float: left;width: 45%;font-size: 15px;margin: 0px;}
.payroll-table ul li p{float:left;font-weight: 500;margin: 0px;}
.admn-payroll-stages .stge-submit .center .center-box div h3 {font-size: 17px;text-transform: uppercase;margin-bottom: 5px;}
.admn-payroll-stages .stge-submit .center .center-box div p {margin-bottom: 0;}
.payroll-view-modal .modal-dialog{ width: 95%;}
.payroll-collapse{position:absolute; top:0; right:0;border-radius: 0px 15px 0 20px !important;}
.tab-500scr{min-height: 500px; overflow-y: hidden;}
.tab-500scr:hover{overflow-y: auto !important;}
.fth-stage .btm-button button, .fth-stage .btm-button a {width: 220px !important;margin-bottom: 15px;padding: 6px 10px !important;margin-left: 0px;display: inline-block;}
.admn-payroll-blk #addTaskModalPayroll .modal-header{min-height: 42px;}
.admn-payroll-blk #addTaskModalPayroll .modal-header .bwt-cancel{position: initial;padding: 7px 9px;margin-top: 0px;}
.admn-payroll-blk #addTaskModalPayroll .modal-header h1{width: calc(100% - 45px);word-wrap: break-word;}
.admn-payroll-stages #Employeesetup .modal-dialog{width:75% !important;}
.admn-payroll-stages #Employeesetup .nav-tabs li a {padding: 4px 8px !important;}
.admn-payroll-stages #Employeesetup li.myhr-dotmenus{display:none;}
.admn-payroll-stages #payrollYTD .un-addlist-left ul {height: 1500px;}
.admn-payroll-blk .task-queuemgmt .wrapper-content{padding: 0px 20px 40px;}
.admn-payroll-blk .task-queuemgmt .clients-list {margin: 0px 0px;width: calc(100% - -35px);}
/*Cookies Css*/
.cookiealert {position: fixed;bottom: 0;left: 0%;width: 100%;margin: 0 !important; z-index: 999;opacity: 0;border-radius: 0;transform: translateY(100%);transition: all 500ms ease-out;background: #fc6621;padding: 12px 35px;border-radius: 5px;}
.chatbox-category {margin-top: 5px;border-radius: 0px 0px 10px 10px !important;background-color: rgb(249 249 249) !important;height: 135px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);overflow-y: scroll;}
.cookiealert.show {opacity: 1;transform: translateY(0%);transition-delay: 1000ms}
.cookiealert p {color: #fff;line-height: 18px;font-size: 20px;}
.acceptcookies{position: absolute;right: 2px;top: 3px;background-color: transparent;outline: 0px;
border: 1px solid #fff;font-size: 19px;border-radius: 25px;width: 25px;height: 25px;padding: 2px 4px 6px 4px;}
.acceptcookies:hover {background-color: #fdfdfd;color: #fc6621;}
.cookiealert a {text-decoration: underline;color: #fff;padding: 5px;font-weight: 700;}
@keyframes heartbeat
{0%{transform: scale( .9 );} 20% {transform: scale( 0.99 );} 40%{transform: scale( 0.99 );} 60%{transform: scale( 0.99)}
80%{transform: scale( 0.99);} 100%{transform: scale( 0.99 );}}
/*Admin Employee Benefits css start*/
.adminsetting-benefits .clients-list #tabMenu > a {    padding: 8px 12px 4px 12px !important;}
.adminsetting-benefits .clients-list .tabs-desktop-plus.dropup > a[data-toggle="dropdown"] {padding: 0px 7px !important;display:none;}
.adminsetting-benefits .clients-list .tabs-desktop-plus.dropup > a[data-toggle="dropdown"] i {top: 5px;}
.adminsetting-benefits .clients-list .myhr-dotmenus{display:none;}
.adminsetting-benefits .clients-list .myhr-dotmenus a[data-toggle="dropdown"]{padding: 7px 5px 1px 5px;outline: none;border: 0px;background-color: transparent !important;}
.adminsetting-benefits .clients-list .myhr-dotmenus .dropdown-menu>li>a {padding: 6px 8px;font-size: 18px;}
.admn-empbenefits{padding: 5px 7px 40px !important;background-color: #fff;}
.admn-empbenefits .filtersec {background-color: #fff; padding: 7px 32px 7px 5px; margin: 10px; border-radius: 50px !important; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);}
.admn-empbenefits .filtersec .col-md-9 .pull-right{width:100%;}
.admn-empbenefits .filtersec .col-md-9 .col-md-3{width: 28%;}
.admn-empbenefits .filtersec .col-md-3:last-child{width: 15%;float: right;padding-left: 0px;}
.admn-empbenefits .filtersec .b-radius{border-radius:15px !important;}
.admn-empbenefits .filtersec .filter-text {line-height: 26px;font-size: 26px;position: relative;top: 8px;opacity: 0.3 !important;}
.admn-empbenefits .filtersec .filter-icon-box { margin-left: 10px;float: right;}
.admn-empbenefits .filtersec .filter-icon-box-new {margin-left: 10px;float: right;}
.filter-icon-box-new {border-radius: 35px !important;font-size: 18px !important;width: 30px;height: 30px;background-color: #2ca01c !important;color: #fff !important;padding: 2px 5px !important;}
.filter-icon-box-new.cancel {background-color: #ddd !important;color: #636668 !important;}
.admn-empbenefits .admn-benefits-cnt{margin: 10px;}
/*.admn-empbenefits .count-list{float:left;}
.admn-empbenefits .count-list h5 {background-color: #0bb290;padding: 5px;border-radius: 25px;color: #fff;display: inline-block;margin: 0px;font-size: 12px;text-transform: uppercase;font-weight: 500;line-height: 15px;margin-left: 7px;width: 160px;margin-top: 8px;}
.admn-empbenefits .count-list:first-child h5{margin-left:5px;}
.admn-empbenefits .count-list h5 strong{position:relative;top:4px;font-weight:bold;margin-left:5px;}
.admn-empbenefits .count-list h5 span {background-color: #fff;border-radius: 25px;color: #0bb290;float: right;display: inline-block;padding: 3px;font-size: 14px;min-width: 30px;text-align: center;}
.admn-empbenefits .count-list:nth-child(2) h5 span {color: #2ca01c;}
.admn-empbenefits .count-list:nth-child(2) h5 {background-color: #2ca01c;}
.admn-empbenefits .count-list:nth-child(3) h5 span {color: #1c84c6;}
.admn-empbenefits .count-list:nth-child(3) h5 { background-color: #1c84c6; }
.admn-empbenefits .count-list:nth-child(4) h5 span {color: #fb831f;}
.admn-empbenefits .count-list:nth-child(4) h5 {background-color: #fb831f;}
.admn-empbenefits .count-list:nth-child(5) h5 span {color: #676a6c;}
.admn-empbenefits .count-list:nth-child(5) h5 {background-color: #676a6c;}
.admn-empbenefits .count-list:nth-child(6) h5 span {color: #f15757;}
.admn-empbenefits .count-list:nth-child(6) h5 {background-color: #f15757;}
.admn-empbenefits .count-list:nth-child(7) h5 span {color: #6f8fae;}
.admn-empbenefits .count-list:nth-child(7) h5 {background-color: #6f8fae;}
.admn-empbenefits .count-list:nth-child(87) h5 span {color: #0a74be;}
.admn-empbenefits .count-list:nth-child(8) h5 {background-color: #0a74be;}*/
.admn-empbenefits .bottom-sec{margin: 0px 0px 15px!important;padding: 5px 10px;}
.admn-empbenefits .bottom-sec .box-shadow-two{margin-bottom: 15px;}
.admn-empbenefits .bottom-sec .benefitsSep25.box-shadow-two{ padding: 3px; }
.admn-empbenefits .bottom-sec .left {border-radius: 15px !important;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);float: left;width: 28%;margin-bottom: 5%;}
.admn-empbenefits .bottom-sec .left h3{background-color: #eeeeee;padding: 7px 10px;border-top-left-radius: 15px;border-top-right-radius: 15px;
margin: 0px;color: #000;font-size: 20px;font-weight: 500;}
.icon-bg{background-color: #fff; color: #1c84c6; padding:5px 10px;border-radius:50px}
.admn-empbenefits .bottom-sec .left ul{padding: 5px 5px 5px 10px;height: 650px;overflow-y: scroll;}
.admn-empbenefits .bottom-sec .left ul li{margin-bottom: 13px;display: table;list-style: none;width: 100%;border-radius: 10px; padding: 7px 10px;border: 1px solid #dcdbdb;}
.admn-empbenefits .bottom-sec .left ul li .pull-left,.admn-empbenefits .bottom-sec .left ul li .pull-right{display: table-cell;color:#676a6c;font-size:18px;}
.admn-empbenefits .bottom-sec .left ul li .pull-right{width:30%;}
.admn-empbenefits .bottom-sec .left ul li h4{margin-left:5px;}
.admn-empbenefits .bottom-sec .left ul li h4, .admn-empbenefits .bottom-sec .left ul li h5 {margin: 0px;float: left;margin-top: 5px;font-size: 17px;font-weight: 500;}
.admn-empbenefits .bottom-sec .left ul li .pull-right h5 span{width: 15px;height: 15px;background-color: #ccc;display: inline-block;border-radius: 15px;top: 1px;position: relative;}
.admn-empbenefits .bottom-sec .left ul li .pull-right h5 span.enrolling{background-color:#1c84c6;}
.admn-empbenefits .bottom-sec .left ul li .pull-right h5 span.enrold{background-color:#2ca01c;}
.admn-empbenefits .bottom-sec .left ul li .pull-right h5 span.notstarted{background-color:#8f958b;}
.admn-empbenefits .bottom-sec .left ul li .pull-left .client-avatar{float:left;width: 35px;}
.admn-empbenefits .bottom-sec .left ul li .pull-left .client-avatar{float:left;width: 35px;}
.ttl-record{font-weight: 500; font-size: 16px; color: #48484a; padding: 0px 10px; margin-top: 7%;}
.ttl-record span{background-color: #fff;border-radius: 5px;color: #48484a;padding: 3px 18px; font-weight:500;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.admn-empbenefits .bottom-sec .right{width: 72%;float:left;padding-left:20px;}
.admn-empbenefits .bg-grey-head{background-color: #eeeeee;padding: 3px 10px;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: 0px;color: #000;font-size: 20px;font-weight: 500;}
.admn-empbenefits .bg-grey-head .client-avatar{float:left;width:35px;}
.admn-empbenefits .bg-grey-head .client-avatar img{width:30px;height:30px;}
.admn-empbenefits h3.gry-heading{font-size: 20px; float: left; margin: 6px 4px 5px; font-weight: 600;color: #1c1c1e;}
.admn-empbenefits .gry-heading span.badge{background-color: #2ca01c;color: #fff;font-size: 13px;padding: 3px 8px;text-transform: uppercase;border-radius: 5px;margin-left: 10px;}
.admn-empbenefits .bg-grey-head .pull-right a.updown,.admn-empbenefits .bg-grey-head .pull-right p{margin-left: 10px;float:left;margin-bottom: 0px;}
.admn-empbenefits .bg-grey-head .pull-right p,.pagination-new p{background-color:#fff;font-size: 15px;padding: 5px 8px;border-radius: 30px;margin-top: 3px;float:left;}
.admn-empbenefits .bg-grey-head .pull-right a.updown,.pagination-new a{color:#1b1a1a;font-size: 20px;font-weight: bold;margin-left: 10px;}
.admn-empbenefits .bg-grey-head .pull-right a.expand{border-radius: 30px;color: #fff;background-color: #02c39a;width: 30px;height: 30px;font-size: 18px;padding: 3px 8px;margin-left: 10px;display: inline-block;}
.admn-empbenefits .bg-grey-head .pull-right a.plan-sum {color: #fff !important;font-size: 15px;margin: 0px;position: relative;top: 2px;}
.admn-empbenefits .bg-grey-head .pull-right a.filter-icon-box{padding: 2px 7px !important;display: inline-block;}
.admn-empbenefits .bottom-sec .middle{padding: 0px !important;margin: 8px !important;transition: 0.8s}
.admn-empbenefits .bottom-sec .middle .onhrv {display: none;transition: 0.8s}
.admn-empbenefits .bottom-sec .middle:hover .onhrv {display: block;transition: 0.8s}
.admn-empbenefits .bottom-sec .middle .gry-heading{font-size: 20px;}
.admn-empbenefits .bottom-sec .middle .gry-heading span.badge{background-color: #1c84c6;}
.admn-empbenefits .bottom-sec .middle .pull-right{width: 50%;}
.admn-empbenefits .bottom-sec .middle .pull-right p {color: #717375;font-size: 14px;margin-bottom: 0px;}
.admn-empbenefits .bottom-sec .middle .pull-right button{border-radius:25px;border:0px;background-color: rgba(44, 160, 28, 1);color:#fff;padding:2px 15px;outline:none;font-size:15px;font-weight:500;}
.admn-empbenefits .bottom-sec .middle .pull-right button:hover{background-color: rgba(44, 160, 28, 1);}
.admn-empbenefits .bottom-sec .dental-list{padding: 9px 20px;}
.admn-empbenefits .bottom-sec .dental-list li{list-style: none;float: left;font-size: 17px;margin-right: 50px;margin-bottom: 15px;text-align: center;font-weight: 500;}
.admn-empbenefits .bottom-sec .dental-list li a:hover {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 50px;}
.admn-empbenefits .bottom-sec .dental-list li a.active{color:#2ca01c;}
.admn-empbenefits .bottom-sec .dental-list li a{color:#676a6c;}
.ben-sts{float: right; margin-top: 5px; margin-right: 5px;}
.admn-empbenefits .bottom-sec .plan-sum,.admn-empbenefits .bottom-sec .goto-next {background-color: #2CA01C;color: #fff;padding: 3px 15px;margin: -5px 5px 15px 15px;border-radius: 25px;display: inline-block;font-weight: 600;text-align:center;}
.admn-empbenefits .bottom-sec .medical-list .b-radius{border-radius:35px !important;}
.admn-empbenefits .bottom-sec .medical-list .middle{padding: 7px !important;}
.admn-empbenefits .bottom-sec .medical-list .middle:last-child{border-bottom:0px;}
.admn-empbenefits .bottom-sec .medical-list h3{font-size: 20px;margin: 5px 0px 10px;font-weight: 600;color: #1c1c1e;}
.admn-empbenefits .bottom-sec .medical-list .pull-right{text-align:right;}
.admn-empbenefits .bottom-sec .medical-list .pull-right h3{float:none;color: #676a6c;}
.admn-empbenefits .bottom-sec .medical-list p{color:#676a6c;margin-bottom:5px;}
.admn-empbenefits .bottom-sec .medical-list p {color:#676a6c;}
.admn-empbenefits .bottom-sec .medical-list .table{font-size:17px;margin-top: 20px;}
.admn-empbenefits .bottom-sec .medical-list .table th{text-transform:capitalize;}
/*.admn-empbenefits .bottom-sec .medical-list .table td:first-child span{display: inline-block;background-color: #d5ecd2;padding: 2px 7px;border-radius: 25px;width: 25px;height: 25px;color: #2ca01c;}
*/.admn-empbenefits .bottom-sec .medical-list .table td:last-child a {display: inline-block;width: 25px !important;height: 25px !important;padding: 0px 5px !important;}
.admn-empbenefits .bottom-sec .goto-next{float:right;background-color:#fb9833;clear: both;margin: 0px 5px 15px 15px;}
.admn-empbenefits .bottom-sec .medical-list .table th:first-child,.admn-empbenefits .bottom-sec .medical-list .table td:first-child{padding-left:20px;}
.admn-empbenefits .bottom-sec .carousel.slide .left,.admn-empbenefits .bottom-sec .carousel.slide .right{width: auto !important;float: none !important;padding-left: 0px !important;border-radius: 0px !important;
box-shadow: inherit !important;margin-bottom: 0%;}
.admn-empbenefits .bottom-sec .carousel.slide .carousel-indicators{bottom: -35px;}
.admn-empbenefits .bottom-sec .carousel.slide .carousel-indicators li {border: 2px solid #86ceff;}
.admn-empbenefits .bottom-sec .carousel.slide .carousel-indicators li.active {background-color: #86ceff;}
.bottom-2ndpge >.pull-left{width: 28%;margin-right: 5px;padding: 10px 5px;}
.bottom-2ndpge >.pull-left .plan-sum{margin-left: 0px;width: 100%;text-align: center;padding: 6px 15px;}
.bottom-2ndpge >.pull-right{width:100%;}
.bottom-2ndpge .dental-list {padding: 0px 4px 9px !important;}
.bottom-2ndpge .dental-list li {float: none !important;margin-right: 0px !important;
text-align: left !important;list-style:none !important;}
.bottom-2ndpge .dental-list li:first-child a{border-bottom:0 !important;}
.bottom-2ndpge .dental-list li a{position: relative;padding-left: 15px;padding: 5px 5px 5px 15px;width: 100%;display: inline-block !important;}
.bottom-2ndpge .dental-list li.active a:before {background-color:#2ca01c;}
.waived-off-bdg { background-color: #fff; color: #fc6621 !important; border: 1px solid; font-weight:500; text-align: center; border-radius: 25px; padding: 2px 5px; outline: none !important; width: 65% !important; margin: auto; margin-top: 10px !important; }
.not-started-bdg { background-color: #ddd; color: #48484a !important; font-weight:500; text-align: center; border: 0; border-radius: 25px; padding: 2px 5px; outline: none !important; width: 65% !important; margin: auto; margin-top: 10px !important; }
.myProfileBenefitsMembers:hover, .myProfileBenefitsMembers:hover span {color: #0095f6 !important;}
.myProfileBenefitsMembers:hover span{text-decoration:underline;}
.myProfileBenefitsMembers .showMemberDetails { display: none; transition: all .7s; background-color: #fff; z-index: 9; position: absolute;width: 200px; border-radius: 10px; max-height: 140px; overflow-y: auto;bottom: 50px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; }
.myProfileBenefitsMembers:hover .showMemberDetails { display: block; padding: 8px 5px 0; text-align: left; }
.myProfileBenefitsMembers .showMemberDetails p { color: #48484a; margin-bottom: 8px; font-weight: 600; display: flex; align-items: center; border-bottom: 1px solid #cccccc !important; padding: 2px 0; }
.myProfileBenefitsMembers .showMemberDetails p:last-child{border-bottom:0px !important;}
.myProfileBenefitsMembers .showMemberDetails hr { margin-top: 0; margin-bottom: 5px; border: 1px solid #aaa }
.myProfileBenefitsMembers .showMemberDetails .fa { color: #1c84c6; margin-right: 4px }
.admn-empbenefits .bottom-sec.benefitspge .right{width:75%;}
.admn-empbenefits .bottom-sec .benefits-sum{float: right;width: 24%;}
.admn-empbenefits .bottom-sec.benefitspge .middle .circle-badge {float: left;width: 25px;height: 25px;border-radius: 20px;text-align: center;margin-right: 10px;position: relative;top: 5px;background-color: #2ca01c;color: #fff;}
.admn-empbenefits .bottom-sec.benefitspge button { /*background-color: #2ca01c;*/ /*color: #fff;*/ border: 0; border-radius: 25px; padding: 5px 10px; outline: none !important; }
.admn-empbenefits .bottom-sec.benefitspge button.bwt-cancel { margin: 0 7px 0 0px !important; background-color: #ddd !important; color: #676A6C !important; float: left; }
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul{padding: 15px 10px 0px;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li{list-style:none;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li p{float:left;margin-bottom: 0px;width:50%;font-weight: 600;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li p:last-child{float:right;text-align:right;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li:last-child{border-bottom:0px;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li{list-style:none;display: inline-block;width: 100%;border-bottom: 1px solid #ccc;    padding-bottom: 8px;margin-bottom: 10px;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li.total button{float: right;background-color: #ff6337;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li.total p:first-child{text-transform:uppercase; color: #48484a;}
.admn-empbenefits .bottom-sec.benefitspge .benefits-sum ul li.total p span{display: block;clear: both;font-size: 12px;}
.admn-empbenefits .bottom-sec.benefitspge .qlink {padding: 10px;}
.admn-empbenefits .bottom-sec.benefitspge .qlink a{color: #1c84c6;padding-left: 8px;position: relative;font-weight: 400;border-bottom: none; margin-bottom: 4px; margin-top: 6px;display: block; font-size:14px;}
.admn-empbenefits .bottom-sec.benefitspge .qlink a:hover{font-weight: 500 !important;}
.admn-empbenefits .bottom-sec .benefits-sum-expand{padding-top: 0px !important;border-bottom: 0px !important;}
.admn-empbenefits .bottom-sec .benefits-sum-expand .circle-badge{top:1px !important;font-size: 15px !important;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table{border-bottom: 2px solid #eee;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table:last-child{border-bottom:0px;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table td {border-top:0px;font-size: 18px;vertical-align: middle;padding: 5px 8px;    white-space: nowrap;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table td .table td {border-top: 1px solid #e7eaec;font-size: 16px;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table td .table{margin-left: 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;width: 98%;border-radius: 11px;margin-top: 16px;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table td .table tr th{text-transform:uppercase;font-size: 15px;}
.admn-empbenefits .bottom-sec .benefits-sum-expand > .table td button{background-color:#ff6337;float: right;}
.admn-empbenefits #sendRemainderModal modal-dialog{width:80% !important;}
.admn-empbenefits #showHistory .modal-dialog{width:65% !important;}
.admn-empbenefits #PlanUnlock .form-icon {width: 13%;}
.admn-empbenefits #PlanUnlock .uib-datepicker-popup:before {right:auto;left:0px;}
.admn-empbenefits #PlanUnlock .uib-datepicker-popup {padding-bottom:5px;margin-top: 5px;}
.admn-empbenefits #sendRemainderModal .modal-body{padding: 10px 10px !important;background-color:#fff;}
.admn-empbenefits #sendRemainderModal .modal-body .form-control.shadowBorder{border-radius:20px !important;}
.benefits-Sendmail .provider .col-md-9 {width: calc(100% - 80px);}
.admn-empbenefits #planCompareWithFilter .filtersec .btn-select-left {padding: 4px !important;width: calc(100% - 35px) !important;text-align:left;padding-left:8px !important;}
.admn-empbenefits #planCompareWithFilter .filtersec .btn-select-left:hover{color:#676a6c}
.admn-empbenefits #planCompareWithFilter .filtersec .btn-group{width:100%;}
.admn-empbenefits .radioButton {color: #AAAAAA;display: inline-block;position: relative;float: left;}
.admn-empbenefits .radioButton input[type=radio] {position: absolute;visibility: hidden;}
.admn-empbenefits .radioButton label {display: inline-block;position: relative;font-weight: 300;font-size: 1.35em;padding: 0px 6px 0px 54px;margin: 5px auto;height: 30px;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;}
.admn-empbenefits .radioButton .check {display: block;position: absolute;border: 5px solid #AAAAAA;border-radius: 100%;height: 25px;width: 25px;top: 7px;left: 20px;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;}
.admn-empbenefits .radioButton .check::before {display: block;position: absolute;content: ''; border-radius: 100%;height: 10px;width: 10px; top: 2px; left: 2px; margin: auto; transition: background 0.25s linear;-webkit-transition: background 0.25s linear;}
.admn-empbenefits input[type=radio]:checked ~ .check {border: 5px solid #00bf0e;}
.admn-empbenefits input[type=radio]:checked ~ .check::before {background: #00bf0e; }
.admn-empbenefits input[type=radio]:checked ~ label {color: #00bf0e;}
.admn-empbenefits button[disabled], html input[disabled] {cursor: not-allowed !important;background-color: white !important;color: #7e7d7d !important; }
.admn-empbenefits #bnePlans .cusTabs .dotmenus{display:none;}
.admn-empbenefits #bnePlans .cusTabs #tabMenu a{padding: 0px 5px !important;font-size: 17px !important;}
.admn-empbenefits #bnePlans .cusTabs  li.dotmenus li{display:none}
.admn-empbenefits #bnePlans .cusTabs .dotmenus .dropdown-toggle{padding: 0px 4px 10px 7px;font-size: 21px;line-height: 0.5;}
.admn-empbenefits #bnePlans .cusTabs .dotmenus .dropdown-menu{right:0px;left:auto;padding: 3px;}
.admn-empbenefits #bnePlans .cusTabs li.dotmenus li a{padding:5px 0px;font-size: 19px;}
.admn-empbenefits .adminFilterJ25 .filterInfo {left: auto !important;right: 0px;padding: 5px;width: 195px;}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu {left: 195px;width: calc(100% - 400px);}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu.show {margin-left: calc(-100% - -240px);}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu .dropdown-menu {right: -270px;margin-bottom: 8px;}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu .stscount .dropdown-menu {right: -75px !important;}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu .mulSelctdrpdwn .dropdown-menu {right: 0 !important;width: auto !important;}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu .mulSelctdrpdwn .dropdown-menu .resultBox{left: auto;right: 0px !important;}
.admn-empbenefits .adminFilterJ25 .mblbtm-mnu .mulSelctdrpdwn .dropdown-menu .resultBox .list {max-height: 95px;}
.admn-empbenefits .note-editable {height: 230px !important;}
.admn-empbenefits .selectedType {border-bottom: 2px #2ca01c solid !important;}
.carrier-edit .edit_title{ background-color: #eee; border: none; padding: 10px; font-size: 18px; border-radius: 10px 10px 0 0; }
.carrier-edit .dde-row-panels{border-radius:10px !important;}
.carrier-edit .dde-row-heading{ font-size: 25px !important; font-weight: 500 !important; background-color: #eee !important; padding: 7px 10px; color: #48484A !important; margin: 0px !important; }
.carrier-edit .dde-row-heading-icon{ float: right; font-size: 18px; margin-right: 5px; cursor: pointer; }
.carrier-edit .dde-row-heading .col-md-12 h3 { color: #48484A !important; float: left; font-size: 17px; margin: 5px 0 0 0;}
.carrier-edit .dde-row-heading .col-md-12{padding:0px;}
.carrier-edit .dde-row-heading .col-md-12 h3 .icon-badge{display:none;}
.carrier-edit .form-icon.shadowBorder {border-radius: 15px 0px 0px 15px;color: #000;font-size: 15px !important;}
.carrier-edit .form-control{border-radius: 0px 15px 15px 0px;color: #000;font-size: 17px !important;}
.carrier-edit label{color: #48484a;font-size: 17px !important; font-weight: 500 !important}
.carrier-edit .form-icon.shadowBorder:hover,.carrier-edit .form-control:hover{color: #1c84c6;outline: none;}
.adminsetting-benefits #admnbnePlans .modal-dialog{width:99%;}
.adminsetting-benefits #admnbnePlans .modal-body,#admnbneCareers .modal-body {height: 92vh;overflow-y: scroll;}
#admnbnePlans .modal-header{ margin: 4px; border-radius: 4px !important; padding: 5px 7px !important; }
#admnbnePlans .modal-header .statusLabel{ display: inline; padding: 4px 12px; border-radius: 50px; font-weight: 500; font-size: 12px; }
#admnbneCareers .modal-header h3.pull-left {width: calc(100% - 80px);}
.admnbne-Setting .ben-sett-top .ttle {border-bottom: 1px solid #e6e2e2;} 
.admbne-careers .candidate-mbllst ul li,.admnbne-Setting .candidate-mbllst ul li {padding: 3px 0px 3px;}
.admbne-careers .candidate-mbllst .top button,.admnbne-Setting .candidate-mbllst .top button {padding: 3px 8px;margin-left: 0px !important;}
.admbne-careers .candidate-mbllst ul li p >span:first-child{width:100px;}
.admbne-careers .candidate-mbllst ul li p >span:last-child{width: calc(100% - 105px) !important;}
.adminsetting-benefits .bnebtm-mnu{left: 200px;width: calc(100% - 392px);} 
.adminsetting-benefits .bnebtm-mnu.show{margin-left: calc(-100% - -225px);display: block !important;} 
.adminsetting-benefits .bnebtm-mnu .mnu-expand {top: 6px;left: 16px;}
.adminsetting-benefits .bnebtm-mnu.show .mnu-expand {top: 11px;}
.adminsetting-benefits .bnebtm-mnu > ul > li .dropdown-menu {right: auto;left: -185px;width: 430px;}
.adminsetting-benefits .bnebtm-mnu > ul > li .dropdown-menu:before{display:none;}
.admbne-careers .bnebtm-mnu li .dropdown-menu .timecardFilter{display:block !important;position:inherit !Important;left: 18px;clear: both;}
.admbne-careers .bnebtm-mnu li .dropdown-menu .col-xs-9,.admbne-careers .bnebtm-mnu li .dropdown-menu .col-xs-3{margin-top:35px;padding:0px 5px;}
.admbne-careers #showHistorycarrier .modal-dialog{width:65% !important;}
.adminsetting-benefits #Report .filter-blk{padding: 3px 8px !important;}
.adminsetting-benefits #Report .filter-blk .responsive-filter{position: relative;right: auto;background-color: transparent;border-radius: 0px;top: 6px;}
.benefitsSep25 .employeeleftSection .employeeList .nameBlk { font-size: 20px; font-weight: 500; padding:0 }
.benefitsSep25 .employeeleftSection .employeeList .nameBlk .emppName { color: #1c1c1e !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; }
.benefitsSep25 .employeeleftSection .employeeList .nameBlk .emppName:hover { color: #1C84C6 !important }
.benefitsSep25 .employeeleftSection .employeeList .Emp-left{width: calc(100% - 24px);float: left;}
.benefitsSep25 .employeeleftSection .employeeList .Emp-left profile-image-optimize img{ width: 40px; height: 40px; }
.benefitsSep25 .employeeleftSection .employeeList .Emp-right{float: right;margin-top: 17px;}
.benefitsSep25 .employeeleftSection .employeeList .Emp-right .check-box-cover{ display: inline; padding: 6px 10px; }
.benefitsSep25 .employeeleftSection .thrPanelFilter select{ border-radius: 50px; padding: 0 5px; width: 100%; height: 32px; font-size: 15px; font-weight: 500; padding: 0px 5px; outline: none; }
.benefitsSep25 .employeeleftSection .thrPanelFilter button{ margin: 0; background-color: #fff; height: 32px; color: #48484a !important; border-radius: 50px; width: 100%; font-size: 16px; font-weight: 500; padding: 0px 8px; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown { height: auto; overflow: hidden; padding: 0; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown li{ padding: 0px 10px 7px; border: none; border-bottom: 1px solid #ddd; border-radius: 0; font-size: 16px; margin-bottom: 7px; cursor: pointer; font-weight: 500; color: #1c84c6; transition: .5s; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown li:nth-child(1){ padding-top: 8px; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown li:nth-last-child(1){ margin-bottom: 0px; border: none; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown li:hover{ background-color: #eee; font-weight: 600; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown li .countBadge{ float: right; font-size: 12px; font-weight: 600; background-color: #8a8a8a; height: 20px; width: 30px; color: #fff; border-radius: 4px; text-align: center; line-height: 20px; }
.benefitsSep25 .employeeleftSection .thrPanelFilter .msgeSortDropdown li label{ color: #1c1c1e !important }
.benefitsSep25 .employeeleftSection .employeeList profile-image-recruitment img{ height: 40px; width: 40px; }
.benefitsSep25 .employeerightSection .dd-slip{ margin: 0 5px; padding: 3px; background-color: #fff !important }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane { display: flex; flex-wrap: wrap; padding-top: 10px; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem, .benefitspge .leftPlane .boxItem{ width: 19%; padding: 6px; border-radius: 6px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); display: flex !important; align-items: center; margin-bottom: 10px; margin-right: 1%; cursor: pointer;}
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem:hover, .benefitspge .leftPlane .boxItem:hover{ background-color: #eee; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem.completeBox, .benefitspge .leftPlane .boxItem.completeBox{ /*border: 2px solid #2ca01c !important;*/ background-color: #e5ffe7; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem.selectBox, .benefitspge .leftPlane .boxItem.selectBox{ border: 2px solid #0095f6 !important; background-color: #def3ff !important; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem .iconImg, .benefitspge .leftPlane .boxItem .iconImg{ font-weight: 600; font-size: 20px; color: #1c1c1e; float: left !important; margin-right: 7px;}
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem .iconImg img, .benefitspge .leftPlane .boxItem .iconImg img{ height: 40px; width: 40px; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem .name, .benefitspge .leftPlane .boxItem .name{ font-weight: 600; font-size: 20px; color: #1c1c1e; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem .status, .benefitspge .leftPlane .boxItem .status{ font-weight: 500; font-size: 14px; color: #1c1c1e; line-height: 16px; }
.benefitsSep25 .employeerightSection .dd-slip .header { margin-bottom: 0; }
.benefitsSep25 .employeerightSection .dd-slip .header .ddName{ font-size: 19px; margin: 0px 4px; }
.benefitsSep25 .employeerightSection .dd-slip .header .fa-chevron-up{ font-size: 20px; padding: 3px 5px 0; cursor: pointer; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2, .benefitspge .medical-list .boxItem2{ width: 32%; padding: 6px; border-radius: 12px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); margin-bottom: 10px; margin-right: 1%; cursor: pointer; position: relative; border: 1.5px solid #ddd;}
.benefitspge .medical-list .boxItem2{ width: 32%; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2:hover, .benefitspge .medical-list .boxItem2:hover{ background-color: #f4f4f4; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2.planSelectBox, .benefitspge .medical-list .boxItem2.planSelectBox{ border: 2px solid #2ca01c !important; }
.benefitspge .medical-list .boxItem2 .bwt-cancel{ background-color: #ddd !important; color: #676A6C !important; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .moreButn, .benefitspge .medical-list .boxItem2 .moreButn{ top: 45px; right: 0px; left:auto; padding-top: 10px; border-radius: 12px; z-index: 9;width:200px;}
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .moreButn .btn, .benefitspge .medical-list .boxItem2 .moreButn .btn{ background-color: rgb(255 255 255) !important; color: #1c84c6; font-weight: 500; font-size: 15px; padding: 7px 10px 5px 10px; text-align: left; border-bottom: 1px solid #ddd; transition: .5s; width: 100%; border-radius: 0px; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .moreButn .btn:nth-last-child(1), .benefitspge .medical-list .boxItem2 .moreButn .btn:nth-last-child(1){ border-bottom: none; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .moreButn .btn:hover, .benefitspge .medical-list .boxItem2 .moreButn .btn:hover{ background-color: #eee !important; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .defaultPlanLabel, .benefitspge .medical-list .boxItem2 .defaultPlanLabel{ position: absolute; color: #fff; font-size: 11px; font-weight: 600; border-radius: 0 0 7px 7px; line-height: 1.6; padding: 0px 6px; top: 0px; background-color: #2CA01C; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 h1, .benefitspge .medical-list .boxItem2 h1{ font-weight: bold; color: #1c1c1e; margin-top: 18px; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 h4, .benefitspge .medical-list .boxItem2 h4{ font-weight: 500; color: #0095f6 !important; font-size: 14px; margin-bottom: 0px !important; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; cursor:pointer; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 h6, .benefitspge .medical-list .boxItem2 h6{ font-weight: 500; font-size: 14px; margin: 0px 0px 15px !important; color: #48484a; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 table, .benefitspge .medical-list .boxItem2 table{ width: 100%; background-color: #eee; border-radius: 10px; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 td, .benefitspge .medical-list .boxItem2 td{ padding: 8px 8px; font-weight: 500 }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 tr:nth-child(1) td:nth-child(1), .benefitspge .medical-list .boxItem2 tr:nth-child(1) td:nth-child(1){ border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #1c1c1e; font-weight: 600 }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 tr:nth-child(1) td:nth-child(2), .benefitspge .medical-list .boxItem2 tr:nth-child(1) td:nth-child(2){ border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 tr:nth-child(2) td:nth-child(1), .benefitspge .medical-list .boxItem2 tr:nth-child(2) td:nth-child(1){ border-right: 1px solid #fff; border-top: 1px solid #fff; color: #1c1c1e;  font-weight: 600  }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 tr:nth-child(2) td:nth-child(2), .benefitspge .medical-list .boxItem2 tr:nth-child(2) td:nth-child(2){ border-left: 1px solid #fff; border-top: 1px solid #fff; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .bwt-selPlan, .benefitspge .medical-list .boxItem2 .bwt-selPlan{ background-color: #2ca01c; width: 47%; border-radius: 50px; font-weight: 600; color: #fff; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .bwt-waveOff, .benefitspge .medical-list .boxItem2 .bwt-waveOff{ background-color: #0095f6; width: 47%; border-radius: 50px; font-weight: 600; color: #fff; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .selectedPlanLabel, .benefitspge .medical-list .boxItem2 .selectedPlanLabel{ color: #2cA01C; background-color: #deffe0; border: 2px solid #2cA01C; text-align: center; border-radius: 5px; padding: 2px 0; font-weight: 500; margin-top: 12px;}
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .enrollmentClsLabel, .benefitspge .medical-list .boxItem2 .enrollmentClsLabel{ color: #f65959; background-color: #ffeeee; border: 2px solid #f65959; text-align: center; border-radius: 5px; padding: 2px 0; font-weight: 500; margin-top: 12px; }
.benefitsSep25 .employeerightSection .dd-slip .leftPlane .boxItem2 .waveOffLabel, .benefitspge .medical-list .boxItem2 .waveOffLabel{ color: #0095f6; background-color: #def3ff; border: 2px solid #0095f6; text-align: center; border-radius: 5px; padding: 2px 0; font-weight: 500; margin-top: 12px; }
.benefitsSep25 .employeerightSection .ppl-datahdd button{ margin-bottom: 0 !important }
.table-Dep table{ margin: 0 !important; }
.table-Dep table thead{ background-color: #eee; border-radius: 50px; color: #1c1c1e; }
.table-Dep table thead tr th{ border: none; }
.table-Dep table thead tr th:nth-child(1){ border-radius: 50px 0 0 50px; width: 18%; border-left: none !important; }
.table-Dep table thead tr th:nth-child(2){ width: 5%; }
.table-Dep table thead tr th:nth-child(3){ width: 35%; }
.table-Dep table thead tr th:nth-child(4){ width: 15%; }
.table-Dep table thead tr th:nth-child(5){ width: 15%; }
.table-Dep table thead tr th:nth-last-child(1){ border-radius: 0 50px 50px 0; width: 10%; border-right: none !important; }
.table-Dep table tbody{ border-top: none; }
.table-Dep table tbody tr:nth-child(1) td{ border-top: none; }
.table-Dep table tbody tr td:nth-child(1){ border-left: none !important; }
.table-Dep table tbody tr td:nth-last-child(1){ border-right: none !important; }
.table-Dep table tbody tr td{ vertical-align: text-bottom; }
.table-Dep .inputshadowBorder{ font-size: 15px; }
.table-Dep .inputshadowBorder.datePlane{ width: 115px; text-align: center; height: 28px; padding: 0 !important; transition: none !important; }
.table-Dep .inputshadowBorder.statusClm{ width: 280px; height: 28px; padding: 2px 4px; transition: none !important; }
.benDepTblectrls.tableDataControl .bwt-tableCtrl{right: 11px; top: 8px; border-radius: 0 40px 40px 0px !important; padding: 7px 10px; margin-bottom: 0 !important}
.benDepTblectrls.tableDataControl .dropdown-menu:before{ right: -20px; top: 0px; }
.benDepTblectrls.tableDataControl .resultBox{ top: 8px; }
.benefitsSep25 .employeerightSection .middle .plan-sum { margin: 0px 5px 0px 8px !important; }
.admn-empbenefits .bottom-sec .middle .progress{ height: 8px; margin: 0; float: right; width: 210px; background-color: #ddd; }
.admn-empbenefits .bottom-sec .middle { margin: 7px 8px 0 !important; }
.admn-empbenefits .bottom-sec .middle .detailsbox { right: 20px; }
.admn-empbenefits .bottom-sec .middle .dental-list { padding: 5px 10px; }
.admn-empbenefits .bottom-sec .middle .pull-right p{ position: relative; top: -7px; text-align: right; }
.admn-empbenefits .bottom-sec .middle .newlab-green { background-color: #00bf0e !important; color: #ffffff !important; border-radius: 50px; font-size: 14px; padding:3px 10px }
.admn-empbenefits .bottom-sec .middle .newlab-blue { background-color: #2977f5 !important; color: #ffffff !important; border-radius: 50px; font-size: 14px; padding:3px 10px }
.admn-empbenefits .bottom-sec .middle .newlab-grey { background-color: #8e8e93 !important; color: #ffffff !important; border-radius: 50px; font-size: 14px; padding:3px 10px }
.benefitPlan-N22.taskview-A27 .sec-BOX{box-shadow: none !important;}
.benefitPlan-N22 .sec-BOX .tskViewHead{ border-radius: 10px !important; }
.benefitPlan-N22 .sec-BOX .tskViewSubDetails{ margin-top: 10px; border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; }
.benefitPlan-N22 .h-300{ height: 300px !important; }
.table-benView-Nov22 {}
.table-benView-Nov22 .table > thead{ font-size: 15px; font-weight: 500; color: #1c1c1e; }
.table-benView-Nov22 .table > thead > tr > th{ background-color: #eee; border: none }
/*.table-benView-Nov22 .table > thead > tr > th:nth-child(1){ border-radius: 50px 0 0 50px }
.table-benView-Nov22 .table > thead > tr > th:nth-last-child(1){ border-radius: 0 50px 50px 0 }*/
.table-benView-Nov22 .table > tbody > tr > td{ padding: 10px 5px; }
.table-benView-Nov22 .table > tbody > tr:nth-child(1) > td{ border: none }
.benefitViewPlan .table-benView-Nov22{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 15px 15px 0px 0px;}
.employeeEnroll-N27{ display: flex; flex-wrap: wrap; }
.employeeEnroll-N27 .emppBox{ box-shadow: 0px 2px 6px 1px #00000029; width: 23%; padding: 8px; border-radius: 10px; margin: 1%; text-align: center; }
.employeeEnroll-N27 .emppBox profile-image{}
.employeeEnroll-N27 .emppBox profile-image img{ height: 70px; width: 70px; border: 3px solid #fff; border-radius: 50px; box-shadow: 0 3px 6px #00000029; }
.employeeEnroll-N27 .emppBox .name{ font-size: 20px; margin: 10px 0px 0px; font-weight: 600; color: #1c1c1e; }
.employeeEnroll-N27 .emppBox .date{ color: #12B296 !important; font-weight: 500; font-size: 14px; margin-bottom: 5px; height: 22px; }
.employeeEnroll-N27 .emppBox .deppList{list-style: none; margin: 0; padding: 0;}
.employeeEnroll-N27 .emppBox .deppList li{background-color: #f2f2f2; margin-bottom: 7px; padding: 4px 6px; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; }
.employeeEnroll-N27 .emppBox .deppList li .dep-name{ font-weight: 500; float: left; color: #48484a; }
.employeeEnroll-N27 .emppBox .deppList li .dep-sts{ float: right; font-weight: 500; }
.employeeEnroll-N27 .emppBox .deppList li .dep-relation{ float: left; font-size: 13px; }
.employeeEnroll-N27 .emppBox .deppList li .dep-ennDate{ float: right; font-size: 13px; }
.employeeEnroll-N27 .emppBox .deppList li .dep-noData{ width: 70%; margin: auto; padding: 15px; font-weight: 500; } 
.enroll-emppNum{}
.enroll-emppNum .namm{ background-color: #2cA01C !important; margin-top: 6px; color: #fff; padding: 7px 15px 7px 7px; width: 60%; text-align: center; float: right; border-radius: 50px; font-weight: 500; }
.enroll-emppNum .count{ background-color: #fff; color: #2ca01c; width: 25px; float: right; border-radius: 4px; font-weight: 700; }
.IsTaxonamyTrue .topNavHeader{display: none;}
.IsTaxonamyTrue .wrapper-content{padding: 0 15px;}
.IsTaxonamyTrue .wrapper-content .panel-default{border: none;}
.benfSettTabs{}
.benfSettTabs { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
.benfSettTabs li{ padding: 8px 16px; font-size: 18px; font-weight: 600; border-radius: 5px; margin-right: 20px; color: #1c1c1e; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: 1px solid #ddd; cursor: pointer; }
.benfSettTabs li.benf-bg-grey{border: 1px solid #089e0e;}
.benfSettTabs li .iconBadge{ background-color: #eee; border-radius: 50%; height: 26px; width: 26px; display: block; float: left; text-align: center; padding: 0; line-height: 26px;; font-size: 13px; margin-right: 5px; color: #fff; }
.benfSettTabs li:nth-child(1) .iconBadge{ background-color: #1ea2fe;}
.benfSettTabs li:nth-child(2) .iconBadge{ background-color: #ff9800;}
.benefitViewPlan .CustomerStage .wrapper_progress .arrow-steps .step {width: 11%;}
/*admn-benefits-stages*/
.admn-benefits-stages .top-head .col-md-8 span {border-radius: 50px;border:5px solid  #ddd;padding: 10px 3px;height: 61px;width: 61px;background-color:transparent;line-height: 25px;}
.admn-benefits-stages .bottom-sec{}
.admn-benefits-stages .bottom-sec .left .bg-grey-ee{height:100vh;border-radius: 15px !important;padding: 15px 10px 0px 6px;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step {cursor:pointer; width: 100%;text-align: left;min-width: auto; padding-left: 10px;height: auto !important;color: #48484A;border-radius: 50px;margin-bottom:6px;background-color:#fff;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step:hover {background-color:#fafafa; color: #1c84c6; font-weight:500;border-radius: 35px !important;box-shadow: 0px 2px 2px 2px rgb(226, 226, 226) !important;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step p{font-size: 20px;font-weight: 500;margin-bottom:0px;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step.done{background-color: #fff !important;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step.done span{background-color: #2ca01c !important;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step:before,.admn-benefits-stages .bottom-sec .left .arrow-steps .step:after {display:none;}
.admn-benefits-stages .bottom-sec .left .arrow-steps .step span{background-color: #b2baad ;height: 30px !important;width: 30px !important;line-height: 30px !important;color: #ffffff;font-weight: bold;border-radius: 50%;display: block;text-align: center;float: left;margin-right:10px;}
.ben-sel-lst:hover { box-shadow: none !important; border-bottom: 2px solid #2cA01C !important; border-radius: 0 !important; }
.admn-benefits-stages .bottom-sec .right .bg-grey-ee.head h3{color: #48484A;font-size: 25px;font-weight: 400;}
.admn-benefits-stages .bottom-sec .right{padding: 1px 1px 4px !important; margin-bottom: 30px;}
.admn-benefits-stages .bottom-sec .right .box-shadow-two.form{padding: 15px 0px;}
.admn-benefits-stages .bottom-sec .right .box-shadow-two.form label{font-weight:500 !important; color: #48484a; font-size:17px;}
.admn-benefits-stages .bottom-sec .right .box-shadow-two.form input,.admn-benefits-stages .bottom-sec .right .box-shadow-two.form select{border-radius:0px 25px 25px 0px; font-size:16px; color: #1c1c1e;}
.admn-benefits-stages .bottom-sec .right .box-shadow-two.form .form-icon{border-radius:25px 0px 0px 25px;color:#48484A;}
.admn-benefits-stages .bottom-sec .right .prv-next{margin-top: 15px;border-top: 1px solid #ddd;padding-top: 15px;margin-bottom:10px;}
.admn-benefits-stages .bottom-sec .right .prv-next button{float:left;border-radius: 25px;}
.admn-benefits-stages .bottom-sec .right .prv-next .bttn-edit{ margin-left: 12px; padding: 4px 20px; }
.admn-benefits-stages .bottom-sec .right .prv-next .bttn-new { margin-left: 12px; padding: 4px 20px; }
.admn-benefits-stages .top-head{ border-radius: 6px; background-color: #eee; padding: 3px 5px;}
.admn-benefits-stages .top-head .un-circular-chart .circle-bg{ stroke: #ffffff; }
.admn-benefits-stages .headingPortionLock .wrapper_progress{ margin: 5px 0; }
.admn-benefits-stages .headingPortionLock .Candistage{ background-color: #fff; }
.enroll-count {background-image: linear-gradient(315deg, #9be15d 0%, #2EBE1A 100%); padding: 1px; width: 120px; height: 120px; border-style: solid; border-color: transparent; border-radius: 50%; border-width: 10px; animation: rot 10s linear infinite; padding: 1px; margin: auto; margin-top: 30px;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;}
.enroll-count-red {background-image: linear-gradient(315deg, #f65959 0%, #d00000 100%) !important; }
.enroll-count-dash {width: 80px !important; height: 80px !important; margin-left: 20px;}
.enroll-count-dash > div{width: 57px !important; height: 57px !important;}
.enroll-count > div { background: white; height: 99px; width: 99px;  border-style: solid; border-color: transparent; border-radius: 50%; border-width: 1px; }
.enroll-count-data { animation: none;position: relative; z-index: 10; bottom: 92px;}
@keyframes rot { 0% { transform: rotate(0deg)} 25% {transform: rotate(90deg)} 50% {transform: rotate(180deg)} 75% {transform: rotate(270deg)} 100% {transform: rotate(360deg)}}
.ben-lab-red {background-color: #f9e6e6;font-size: 16px;padding: 10px;color: #ce2424 !important;border-left: 3px solid;border-radius: 4px;}
.ben-lab-green {background-color: #2ca01c1a;font-size: 16px;padding: 10px;color: #2ca01c !important;border-left: 3px solid;border-radius: 4px;}
.ben-lab-yellow {background-color: #f49d1b1a;font-size: 16px;padding: 10px;color: #f49d1b !important;border-left: 3px solid;border-radius: 4px;}
.ben-lab-blue {background-color: #e1f3fe;font-size: 16px;padding: 10px;color: #1c84c6 !important;border-left: 3px solid;border-radius: 4px;}
.ben-chck {bottom:2px; left: 4px; }
.adminFilterJ25.benefitsEnroll{right: 0px !important;}
.adminFilterJ25.benefitsEnroll .inputshadowBorder, .adminFilterJ25.benefitsEnroll .mulSelctdrpdwnInput {height: 35px !important;}
.benefitsEnroll .header-section-inner-div, .benefit-page .dsh-top .dsh-time{height: 110px; min-height: 110px !important;}
.ben-enrollchck.ben-chck{ top: -10px; left: 16px; }
.benefitsEnroll .pullupBtn{ right: -1px !important; color: #1c1c1e !important }
#sendReportModal .note-editable{height: auto !important;}
.adminsetting-benefits #Plans .mblbtm-mnu {left: 185px;width: calc(100% - 350px);}
.adminsetting-benefits #Plans .mblbtm-mnu.show {margin-left: calc(-100% - -201px);}
.adminsetting-benefits #Plans .mblbtm-mnu .mulSelctdrpdwn .dropdown-toggle {background-color: transparent;color: #000;width: 100%;}
.adminsetting-benefits #Plans .mblbtm-mnu li:nth-child(1) .dropdown-alerts{right: auto;left: -202px;width: 530px;}
.adminsetting-benefits #Plans .mblbtm-mnu li.stscount .dropdown-alerts{left: -141px !important;width: 324px !important;padding: 8px;} 
.adminsetting-benefits #Plans .mblbtm-mnu li.stscount .label{display: inline-block;float: right;padding: 5px;font-size: 16px;color: #fff;}
.adminsetting-benefits #Plans .mblbtm-mnu .fltsel-btm{max-height:350px;overflow-y:auto}
.adminsetting-benefits #Plans .mblbtm-mnu .mulSelctdrpdwn .dropdown-menu {left: 0px !important;width: auto !important;}
.adminsetting-benefits #Plans .mblbtm-mnu .mulSelctdrpdwn .dropdown-menu .resultBox {margin-top:60px;width: 240px;}
.adminsetting-benefits #Plans .candidate-mbllst ul li p span:first-child {width: 101px !important;}
.adminsetting-benefits #Plans .candidate-mbllst ul li p span:last-child {width: calc(100% - 104px) !important;}
#WaveOffBen .modal-footer .btn {padding: 5px 30px; margin: 0px !important;}
.adminsetting-benefits #showHistoryplan .modal-dialog{width:65% !important;}
/*Bnefits responsive*/
.medical-listmbl .box-shadow-two .col-xs-4 {padding: 0px 5px;}
.medical-listmbl .box-shadow-two .col-xs-4 select{padding:0px 5px !important;}
.medical-listmbl .box-shadow-two .col-xs-4 .btn.bwt-blue{width:100%;padding: 5px 7px;margin-bottom: 5px !important;}
.admn-empbenefits .bottom-sec .box-shadow-two.plansum-mbl {margin-top: 0px;}
.admn-empbenefits .bottom-sec .box-shadow-two.plansum-mbl.empl-plansum{margin-top:15px;}
.plansum-mbl .bg-grey-head .pull-right{width:65%;}
.plansum-mbl .bg-grey-head .pull-right .slide_button{float:right;margin-left:5px !important;padding: 4px 9px;}
.plansum-mbl .bg-grey-head .pull-right .drop,.plansum-mbl .bg-grey-head .pull-right .bwt-cancel{float:right;}
.plansum-mbl .tooltip-demo{text-align:left;}
.plansum-mbl .tooltip-demo .top.text-align-center{margin: -10px -10px 0px -10px;border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 8px;color: #fff;}
.admn-empbenefits #plancompare .btn.bwt-excel {padding: 3px 8px;margin-right: 4% !important;}
.com-filter-boxes { display: flex; justify-content: flex-end; }
.com-filter-boxes .boxes{ display: flex; width: 18%; justify-content: space-between; padding: 5px 8px 4px 2px; border-radius: 50px; background-color: #fff; margin-right: 10px; align-items: center; border: none !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: 0.3s}
.com-filter-boxes .boxes:hover{ background-color: #eee; box-shadow: 0 3px 6px #00000029; }
.com-filter-boxes .boxes:nth-child(1){border: 3px solid #00BF0E;}
.com-filter-boxes .boxes:nth-child(2){border: 3px solid #F17028;}
.com-filter-boxes .boxes:nth-child(3){border: 3px solid #1C84C6;}
.com-filter-boxes .boxes:nth-child(4){border: 3px solid #D3D3D3;}
.com-filter-boxes .boxes .text label{display: block; padding: 0; margin: 0 !important; height: 0;}
.com-filter-boxes .boxes .text .checkmark{ height: 17px; width: 17px; top: 2.5px; left: 5px; margin: 0; border-radius: 5px;}
.com-filter-boxes .boxes:nth-child(1) .text .checkmark{ border-color: #00BF0E; }
.com-filter-boxes .boxes:nth-child(2) .text .checkmark{ border-color: #F17028; }
.com-filter-boxes .boxes:nth-child(3) .text .checkmark{ border-color: #1C84C6; }
.com-filter-boxes .boxes:nth-child(4) .text .checkmark{ border-color: #D3D3D3; }
.com-filter-boxes .boxes .check-box-cover .checkmark:after{ left: 4px !important; top: 1px !important; width: 6px !important; height: 10px !important; }
.com-filter-boxes .boxes .text span{ font-weight: 600; font-size: 17px; margin-left: 15px;}
.com-filter-boxes .boxes .count{ color: #fff; height: 20px; width: 30px; border-radius: 5px; text-align: center; font-weight: 600; line-height: 20px;}
.com-filter-boxes .boxes:nth-child(1) .count{background-color: #00BF0E;}
.com-filter-boxes .boxes:nth-child(2) .count{background-color: #F17028;}
.com-filter-boxes .boxes:nth-child(3) .count{background-color: #1C84C6;}
.com-filter-boxes .boxes:nth-child(4) .count{background-color: #D3D3D3; color: #1c1c1e !important}
.checkboxA12.check-box-cover{ display: block; padding: 0; margin: -12px 0px 0 0px !important; height: 0;}
.checkboxA12 .checkmark{ height: 20px; width: 20px; top: 2.5px; left: 5px; margin: 0; border-radius: 5px !important;}
.checkboxA12.check-box-cover .checkmark:after{ left: 5px !important; top: 0px !important; width: 7px !important; height: 12px !important; }
/*Admin-compensation*/
.admin-compensation{margin: -10px;}
.admn-comp-filter{padding: 5px;}
.admn-comp-filter .box-shadow-two{padding: 10px 0px 0px;margin: 10px 0px;}
.admn-comp-bottom .left h2 {background-color: #eeeeee;padding: 9px 10px !important;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: 0px;color: #48484a;font-weight: 500;font-size: 22px !important;}
.admn-comp-bottom .left h2 span.pull-right {position: relative;top: -3px;}
.admn-comp-bottom .left .left-bdr {padding: 10px;border-radius: 0 0 20px 20px;height: 500px;width: 100%;overflow-y: hidden;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.admn-comp-bottom .left .left-bdr .emp-list {padding: 5px 5px;border-radius: 10px;position: relative;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;cursor: pointer;margin-bottom: 15px;}
.admn-comp-bottom .left-bdr .emp-list img{float:left;}
.admn-comp-bottom .left-bdr .emp-list .list-right{float:left;padding-left:15px;}
.admn-comp-bottom .left-bdr .emp-list .list-right h4{font-size:18px;color: #000;}
.admn-comp-bottom .left-bdr .emp-list .list-right p{margin-bottom:0px;font-size:16px;color: #676c81;font-weight: 500;}
.admn-comp-bottom .left-bdr .emp-list .list-right p i{margin-right:5px;}
.admn-comp-bottom .right .bg-grey-head {background-color: #eeeeee;padding: 4px 10px 0px !important;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: 0px;color: #000; font-size: 20px;font-weight: 500;}
.admn-comp-bottom .right .bg-grey-head .pull-right .grid-list-sec, .admn-comp-bottom .right .bg-grey-head .pull-right .dropdown {margin-left: 5px;}
.admn-comp-bottom .right .bg-grey-head .pull-right .dropdown-menu{left:auto;right:0px;}
.admn-comp-bottom .right .bg-grey-head .pull-left h3 {font-size: 27px;font-weight: 800;color: #1c1c1e;margin-top: 5px;}
button.nw-pdf-ex{background-color:transparent;border-radius:20px;border: 1px solid #00bf0e;padding: 8px 25px 8px 15px;color: #00bf0e;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226);}
button.nw-pdf-ex.pdf{color:#e55041 !important;border: 1px solid #e55041;}
button.nw-pdf-ex i{float:left;}
button.nw-pdf-ex .caret{position: relative;right: -12px;top: 7px;float: right;}
.admn-comp-bottom .right .bottom {margin-top: 15px;margin: 5px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.admn-comp-bottom .right .bottom .bg-grey-head .pull-left h3{float:left;font-size: 17px;margin-right: 15px;}
.admn-comp-bottom .right .bottom .table-responsive td p{margin-bottom:0px;width:50%;float:left;font-size: 18px;}
.admn-comp-bottom .right .bottom .table-responsive td {font-size: 18px;}
.admin-compensation .com-add tr td,.admin-compensation .com-add tr th{white-space:nowrap;}
.com-add2 tr td { padding: 15px 10px !important; font-size: 16px; }
.admin-compensation .annual-comp .annual-tab h3{font-size:20px;padding-left:5px;}
.admin-compensation .annual-comp .annual-tab .col-md-3,.admin-compensation .annual-comp .annual-tab .col-md-4{width:50%;float:left;margin-bottom:10px!important;padding: 0px 5px !important;}
.admin-compensation .annual-comp .annual-tab .compinner {background-color: #0095f6;color: #fff;border-radius: 6px;padding: 6px;min-height:90px}
.admin-compensation .annual-comp .annual-tab .col-md-3 .compinner{background-color:#00b60d}
.admin-compensation .annual-comp .annual-tab .text-18px {}
.admin-compensation .annual-comp .annual-tab .text-20px {}
.admin-compensation .annual-comp .annual-tab .Annum {display:block;font-size:13px;}
.admin-compensation .annual-comp .btm{clear: both;border-top: 1px solid #ccc;padding-top: 5px;}
.admin-compensation .DashNavigation {margin-top: 0 !important}
.admin-compensation .DashNavigation li a {padding: 6px 15px;}
.admin-compensation .DashNavigation li:nth-child(6) a i {background-color: #1c84c6;}
.ppl-profile-blk .profile-tab #compensation .fixed-head-myhr .col-md-9{}
.ppl-profile-blk .profile-tab #compensation .fixed-head-myhr .col-md-3{padding-left: 0px;}
.profile-tab #compensation .fixed-head-myhr .col-md-3 button i{display: none;}
.lab-inprogress{background-color: #0095f6;}
.addCompensation-A4{box-shadow: 0 3px 6px #00000029; border-radius: 10px; margin-bottom: 10px; padding: 0 !important;}
.addCompensation-A4 .inputshadowBorder {border: 1px solid #ddd !important;font-size: 16px; padding-left: 5px;}
.addCompensation-A4 .header{background-color: #eee; font-size: 20px; font-weight: 500; padding: 5px 10px; display: flow-root; border-radius: 10px 10px 0 0;}
.addCompensation-A4 .header .left{float: left; color: #1c1c1e;}
.addCompensation-A4 .header .right{float: right;}
.addCompensation-A4 .secMain{padding: 0; border-bottom: 1px solid #ddd;}
.addCompensation-A4 .secInner{display: flex; align-items: center; border-bottom: 1.5px solid #ddd; padding: 15px 10px; height: 65px;}
.addCompensation-A4 .secInner .label{background: none; font-size: 15px; font-weight: 600; width: 50%; color: #1c1c1e; padding: 0; text-align: left; white-space: break-spaces;}
.addCompensation-A4 .secInner .value{width: 60%;}
.comRightbtn{ position: absolute; border-radius: 0 50px 50px 0 !important; left: -28px; top: -10px; }
.viewCompensationHis-A4{box-shadow: 0 3px 6px #00000029; border-radius: 10px; margin-bottom: 10px;}
.viewCompensationHis-A4 .header{background-color: #eee; font-size: 20px; font-weight: 500; padding: 5px 10px; display: flow-root; border-radius: 10px 10px 0 0;}
.viewCompensationHis-A4 .header .left{float: left; color: #1c1c1e;}
.viewCompensationHis-A4 .header .right{float: right;}
.viewCompensationHis-A4 .MainPanel{padding: 8px;}
.viewCompensationHis-A4 .MainPanel .subHeading{font-size: 18px; font-weight: 600; color: #1c1c1e; margin-bottom: 10px; border-bottom: 2px solid #ddd; padding-bottom: 6px;}
.viewCompensationHis-A4 .MainPanel .subHeading .labelJ1 {background-color: #1c84c6 !important; border-radius: 50px; color: #fff; font-weight: 600; font-size: 13px; padding: 2px 15px; }
.viewCompensationHis-A4 .MainPanel .subHeading .labelJ2 {background-color: rgb(240 155 0) !important; border-radius: 50px; color: #fff; font-weight: 600; font-size: 13px; padding: 2px 15px;}
.viewCompensationHis-A4 .MainPanel .boxes{ padding: 3px 10px; background-color: #f0f0f0; border-radius: 10px; margin-bottom: 15px;}
.admin-compensation .circle-badge {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: white;margin-left: auto; margin-right: auto;background-color: #1c84c6;}
.admin-compensation .circle-badge-inactive {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: white;margin-left: auto;margin-right: auto;background-color: #707070;}
.admin-compensation .circle-badge-draft {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: white;margin-left: auto;margin-right: auto;background-color: #ff9800;}
.admin-compensation .circle-badge-awarded {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: white; margin-left: auto;margin-right: auto;background-color: #1c84c6;}
.admin-compensation .check-box-cover input {position: relative !important;opacity: 0;cursor: pointer;}
.admin-compensation .comp-timeline::before {top: 20px !important;left: 76px !important;}
/*New Compansation css May 6, 2024*/
.compensation-MY6{}
.compensation-MY6-create{}
.compensation-MY6-create .rightPan{padding: 0;}
.compensation-MY6-create .rightPan .stickyLeft{position: fixed; top: 221px; width: calc(100% - 79%); background-color: #fff;}    
.comBox-MY6{box-shadow: 0px 1px 8px 3px rgb(0 0 0 / 10%) !important; border-radius: 10px; padding: 3px !important;}
.comBox-MY6 .heading{background-color: #eee; padding: 5px; display: flow-root; border-radius: 10px 10px 0 0;}
.comBox-MY6 .heading .lft{float: left}
.viewCandiA17 .dataPlane .mainBox .comBox-MY6 .heading .lft h3{ font-size: 18px; font-weight: 500; padding: 6px 3px; }
.comBox-MY6 .heading .lft h3{ font-size: 20px; margin: 5px; font-weight: 500; color: #1c1c1e;}
.comBox-MY6 .heading .lft .tabBtn{ float: left; }
.comBox-MY6 .heading .tabBtn .countshow{ background-color: #fff; font-size: 16px; padding: 2px 5px; margin: 0 6px 5px 2px; border-radius: 4px; position: relative; top: -1px; color: #1c84c6; }
.comBox-MY6 .heading .tabBtn .nav{border: none; background-color: #fff; border-radius: 50px; padding: 5px; }
.comBox-MY6 .heading .tabBtn .nav li a{ border: none !important;padding: 4px 9px !important;background-color: #f4f4f4; color: #1c1c1e !important; border-radius: 50px; font-weight: 500 !important; font-size: 14px; }
.comBox-MY6 .heading .tabBtn .nav li a .ttCount{ background-color: #fff; color: #1c84c6; padding: 1px 4px; border-radius: 4px; margin-left: 2px; font-weight: 600; }
.comBox-MY6 .heading .tabBtn .nav #tabMenu > a{ padding: 4px 10px 4px 10px !important;  }
.comBox-MY6 .heading .tabBtn .nav #tabMenu.active > a{ background-color: #1c84c6 !important; color: #fff !important; border: none !important  }
.comBox-MY6 .heading .tabBtn .nav > li.active {background: transparent !important;}
.comBox-MY6 .heading .tabBtn .nav #tabMenu.active > a .ttCount{ background-color: #fff; color: #1c84c6; padding: 1px 4px; border-radius: 4px; margin-left: 2px; font-weight: 600; }
.comBox-MY6 .heading .rgt{float: right; padding: 0 5px;}
.comBox-MY6 .naviArrow{ font-size: 22px; margin: 0px 8px; cursor: pointer;}
.comBox-MY6 .dataPart{padding: 0 4px;}
.comBox-MY6 .dataPart .amountPart{text-align: right; border-bottom: 2px solid #ddd;  padding-bottom: 4px;}
.comBox-MY6 .dataPart .amountSplitPart{ height: auto; overflow-x: hidden; }
.comBox-MY6 .dataPart .item-Panel{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding-bottom: 5px;  margin-bottom: 5px;}
.comBox-MY6 .bwt-type{ background: none; border: none; font-weight: 500; color: #1c84c6; font-size: 17px; padding: 4px; }
.comBox-MY6 .bwt-type:hover{ text-decoration: underline; }
#addCompensationModal .modal-dialog{transition: width 0.5s ease;}
#addCompensationModal .modal-dialog.wdNormal{width: auto;}
#addCompensationModal .modal-dialog.wdExpand{width: 70% !important;}
#addCompensationModal .inputshadowBorder{font-size: 15px; font-weight: 500; padding: 5px;}
#addCompensationModal .typeTable{width: 900px; max-width: 900px;}
#addCompensationModal .candidate-mbllst .checkboxA12.check-box-cover {margin: 5px 0px 0 0px !important;}
#addCompensationModal .candidate-mbllst span.checkmark{width:20px !important;}
.comBox-MY6 .dataPart .amountPart h2{ font-weight: 500; font-size: 16px; color: #48484a; margin: 10px 0 5px; }
.comBox-MY6 .dataPart .amountPart h1{ color: #00BF0E; font-weight: bold; font-size: 30px; margin-bottom: 4px;}
.comBox-MY6 .dataPart .amountPart h1 span{ font-size: 16px; }
.comBox-MY6 .dataPart .eff-Date{ display: inline; font-size: 15px; font-weight: 500; color: #214774;}
.comBox-MY6 .dataPart .standardPart h2{ color: #1c1c1e; font-weight: 600; margin: 8px 0 2px; font-size: 16px; border-bottom: 2px solid #bbb !important; padding-bottom: 6px; margin-bottom: 0px;}
.comBox-MY6 .dataPart .otherPart h2{ color: #1c1c1e; font-weight: 600; margin: 8px 0 2px; font-size: 16px; border-bottom: 2px solid #bbb !important; padding-bottom: 6px; margin-bottom: 0px;}
.comBox-MY6 .dataPart .standardPart ul, .comBox-MY6 .dataPart .otherPart ul{ margin: 0; padding: 0; list-style: none; }
.comBox-MY6 .dataPart .standardPart ul li, .comBox-MY6 .dataPart .otherPart ul li{ display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 6px 0; font-size: 15px; font-weight: 500; color: #676a6c; }
.comBox-MY6 .dataPart .standardPart ul li .ammt, .comBox-MY6 .dataPart .otherPart ul li .ammt{ color: #0095f6 !important; font-weight: 600; }
.comBox-MY6 .dataPart .standardPart ul li div:nth-child(2), .comBox-MY6 .dataPart .otherPart ul li div:nth-child(2){  }
.comBox-MY6 .dataPart .standardPart .ttl, .comBox-MY6 .dataPart .otherPart .ttl{ background-color: #eee; display: flex; justify-content: space-between; padding: 6px 5px; font-size: 16px; font-weight: 600; margin: 0 -5px; color: #1c1c1e; }
.comBox-MY6 .dataPart .totalPart{ display: flex; justify-content: space-between; padding: 4px 10px 4px; background-color: #eee;margin: 3px 0px 0px; border-radius: 5px; }
.comBox-MY6 .dataPart .totalPart .txt{ font-weight: 600; color: #1c1c1e; font-size: 16px; }
.comBox-MY6 .dataPart .totalPart .txt div:nth-child(2){ font-size: 13px; color: #676a6c; font-weight: 400; }
.comBox-MY6 .dataPart .totalPart .amount{ background-color: #00BF0E; color: #fff; padding: 5px 8px; font-weight: 600; border-radius: 50px; }
.compensation-MY6-create .leftPan{padding-left: 14px; padding-right: 0;}
.compensation-MY6-create .leftPan .expBUTTON{position: absolute; left: -12px; top: -15px; border-radius: 0px 50px 50px 0 !important;}
.compSummary .cicleBadge{width: 50px; height: 50px; line-height: 50px; color: #fff; background-color: #00BF0E; border-radius: 50px; font-size: 30px; font-weight: 100; margin: auto;}
.compSummary .modal-dialog.wd35{width: 35%;}
.compSummary .modal-dialog.wd60{width: 60%;}
.compBorderGreen{border-left: 5px solid #2ca01c !important;}
.compBorderOrange{border-left: 5px solid #fc6621 !important;}
.compSummary .btn[title="Close Modal"]{ position: absolute; right: 8px; top: 8px;}
.compensation-MY6-view .firstPanel{ display: flex; justify-content: space-between; margin: 10px 0; }
.compensation-MY6-view .firstPanel .boxes{ padding: 10px; width: 32.5%; border: 1px solid #ddd; border-radius: 10px; border-top: 5px solid #ddd; border-bottom: 5px solid #ddd; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: .3s;}
.compensation-MY6-view .firstPanel .boxes:hover{ background-color: #f3f3f3; }
.compensation-MY6-view .firstPanel .boxes.past{ border: 1px solid #ddd; border-top: 5px solid #ddd; border-bottom: 5px solid #ddd;}
.compensation-MY6-view .firstPanel .boxes.current{ border: 1px solid #00BF0E; border-top: 5px solid #00BF0E; border-bottom: 5px solid #00BF0E; }
.compensation-MY6-view .firstPanel .boxes.future{ border: 1px solid #ddd; border-top: 5px solid #ddd; border-bottom: 5px solid #ddd; }
.compensation-MY6-view .firstPanel .boxes h4{ font-size: 20px; font-weight: 600; color: #1c1c1e; margin-bottom: 3px; }
.compensation-MY6-view .firstPanel .boxes .datePan{ color: #12B296 !important; font-weight: 400; }
.compensation-MY6-view .firstPanel .boxes h1{font-weight: bold; color: #48484a; margin: 14px 0 2px; font-size: 35px;}
.compensation-MY6-view .firstPanel .boxes.current h1{ color: #00BF0E; }
.compensation-MY6-view .firstPanel .boxes h1 span{ font-size: 15px; }
.compensation-MY6-view .firstPanel .boxes .grandTOTPan{ font-size: 13px; }
.compensation-MY6-view .firstPanel .boxes .grandTOTPan span{ color: #48484a; font-weight: 600; }
.compensation-MY6-view .firstPanel .boxes .summryBTN{ margin: 10px 0 6px !important; font-size: 12px; padding: 5px 16px; }
#compensationSalaryView .modal-body.hgt1{height: 64% !important;}
#compensationSalaryView .modal-body.hgt2{height: 70% !important;}
#compensationSalaryView .modal-dialog{ width: 70% !important; }
#compensationSalaryView .dateTimes{ font-size: 14px; font-weight: 500; padding: 5px 8px; color: #004774; }
#compensationSalaryView .dateTimes .left{ width: 50%; float: left; }
#compensationSalaryView .dateTimes .right{ width: 50%; float: right; text-align: right;}
#compensationSalaryView .dateTimes .img-circle{ height: 25px; }
#compensationSalaryView .GTtotal{ font-size: 28px; font-weight: 500; padding: 0px 7px 9px 6px; color: #1c1c1e; background-color: #f5f5f5; }
#compensationSalaryView .GTtotal .left{ width: 75%; float: left; }
#compensationSalaryView .GTtotal .right{ width: 25%; float: right; text-align: right; font-weight: 700}
#compensationSalaryView .activityM21 #history-vertical-timeline::before{ left: 26px; }
#compensationSalaryView .activityM21 .comp-Log{ margin-bottom: 0; }
#compensationSalaryView .activityM21 .vertical-timeline-block .dateTime span{ font-size: 15px; }
#compensationSalaryView .activityM21 .comp-Log .header{ font-size: 18px; }
#compensationSalaryView .activityM21 .comp-Log .header .status{ padding: 3px 10px; font-size: 13px; color: #fff; border-radius: 50px; margin-left: 5px; position: relative; top: -2px; }
#compensationSalaryView .compDesJ6 .tableMain tbody .trMain td{ font-size: 16px; }
#compensationSalaryView .shadowBorder{ border: 2px solid #ddd !important; }
#compensationSalaryView .shadowBorder:hover{ border: none !important; }
#showHistory .activityM21 #history-vertical-timeline::before{ left: 26px; }
.compensation-MY6-view .firstPan-Comp-P1{ margin: 0px 0 15px; padding: 0; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane{ /*box-shadow: 0px 1px 8px 3px rgb(0 0 0 / 10%) !important;*/ padding: 8px 0px 8px 8px; border-radius: 10px; margin-bottom: 8px;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 5px; margin-bottom: 0px; border: 1px solid #ddd; padding: 1px 5px; cursor: pointer; border-bottom: 2px solid #eee; border-top: 2px solid #eee;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current{ width: 60%; float: left; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected{ background-color: #2fbc1c !important; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selectedBox{ border-top: 3px solid #2fbc1c; border-bottom: 3px solid #2fbc1c; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selectedBox .amtPRT{ color: #1c1c1e; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selectedBoxInactive{ border-top: 3px solid #aaa; border-bottom: 3px solid #aaa; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane #hover-button{ transition: opacity 0.3s; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .hide{ opacity: 0; pointer-events: none; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .leftMove{ position: absolute; top: 32px; margin-left: 0 !important; margin-right: 10px; z-index: 9; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .righttMove{ right: 2px; position: absolute; top: 32px; margin-left: 0 !important; z-index: 99; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .subBox{ display: flex; align-items: center; justify-content: space-evenly; width: 64%; float: left; background-color: #fff; margin-top: 9px; padding: 2px 0px; border-radius: 8px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA1{ width: 35%; float: right; text-align: right;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA{ width: 30%; background-color: #ddd; margin-right: 0px; margin-top: 0px; border-radius: 5px; padding: 4px; overflow: hidden;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .secA{ background-color: #ffffff; text-align: right;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA h3{ font-size: 12px; color: #eee; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA .amtPRT{ font-size: 14px; font-weight: 500; color: #fff;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA .amtPRT span{ font-size: 10px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .calIcon{ border: 1px solid #676a6c; height: 50px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .calIcon{ color: #2ca01c; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA2, .compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA3, .compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box .secA4{ }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .pastComp{ float: right; display: inline-flex; width: 39%; overflow: auto; padding: 0 0px; flex-wrap: nowrap;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .pastComp ul{ padding: 0; margin: 0; list-style: none; display: -webkit-inline-box;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .pastComp ul li{ width: 240px; margin-right: 10px; text-align: right;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current h3{color: #48484a; font-size: 16px; font-weight: 500; margin: 1px 0 0 !important; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected h3{color: #fff; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .secA h3{color: #48484a !important; font-size: 13px; font-weight: 500;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected h3 .status{ color: #2ca01c; background-color: #fff; padding: 2px 10px; margin-left: 4px; font-weight: 600; border-radius: 50px; font-size: 12px;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .amtPRT{ color: #fff !important; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current .amtPRT{ color: #48484a; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current.noData{ }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current.noData .lft{ float: left; width: 91px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current.noData .rgt{ float: left; padding: 12px 12px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current.noData .msge1{ font-size: 22px; color: #1c1c1e; font-weight: 500; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .secA .amtPRT{ color: #1c1c1e !important; font-weight: bold !important; font-size: 18px;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.selected .secA .amtPRT .wageTypeStyle{ color: #676a6c !important; font-weight: 400 !important; font-size: 12px; margin-top: -4px;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane h3{ font-size: 16px; font-weight: 500; color: #676a6c; margin: 1px 0 0; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane h3 .status{ background-color: #ccc; padding: 2px 10px; margin-left: 4px; color: #1c1c1e; font-weight: 600; border-radius: 50px; font-size: 12px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .amtPRT{ font-weight: bold; color: #676a6c; margin: 2px 0 2px; font-size: 28px; }
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .amtPRT .wageTypeStyle{ font-size: 12px;  margin-top: -7px;  font-weight: 400; } 
.compensation-MY6-view .firstPan-Comp-P1 .effDATE{ font-size: 13px; color: #0095f6; font-weight: 600; margin-top: -2px;}
.compensation-MY6-view .firstPan-Comp-P1 .leftPlane .box.current .effDATE{ color: #fff }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane{  }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart{ padding: 0 10px; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart h3{ font-weight: 500; color: #48484a; margin-top: 10px; font-size: 20px;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane h1{ font-weight: bold; color: #2ca01c; font-size: 40px; margin: 0px;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane h1 span{ font-size: 30px; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane h5{ font-size: 15px; color: #676a6c; font-weight: 400;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane h5 span{ color: #1c1c1e; font-weight: 600; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane label{ background-color: #2ca01c; color: #fff; padding: 5px 14px; border-radius: 50px; font-weight: 500; font-size: 12px;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .infoLabel{ margin-left: 5px; background-color: #ddd; color: #48484a; padding: 3px 11px; font-size: 16px; position: relative; top: 2px; cursor: pointer; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .infoLabel .infoBOX{ position: absolute; top: -20px; background-color: #fff; width: 300px; font-size: 14px; padding: 6px; border-radius: 5px; left: 50px; z-index: 1 !important; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .infoLabel .infoBOX:after{ content: " "; position: absolute; left: -13px; top: 25px; border-top: 10px solid transparent; border-right: 12px solid #ccc; border-left: none; border-bottom: 10px solid transparent; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .infoLabel .infoBOX:before{ display: none; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .infoLabel .infoBOX img{ width: 37px; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart .pull-right{padding: 5px 0;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart .pull-right .dropdown-menu{left:auto;right:0px;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart .pull-right button{margin: 0;font-size: 14px;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart .pull-right .excel-icon{padding: 0 15px !important; font-size: 20px !important;}
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart .pull-right .grid-list-sec{ top: 3px; margin: -4px 0 0 7px !important; padding: 2px 5px; }
.compensation-MY6-view .firstPan-Comp-P1 .rightPlane .headerPart .pull-right .grid-list-sec #tabMenu a{ height: 27px; width: 27px; font-size: 17px; line-height: 25px !important; vertical-align: middle; padding: 4px 4px !important; }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart .table-responsive{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 8px; }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart .table-responsive thead{ background-color: #eee; }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart .table-responsive table{ margin-bottom: 0; }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(1){ width: 13% }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(2){ width: 13% }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(3){ width: 13% }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(4){ width: 13% }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(5){ width: 13% }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(6){ width: 13% }
.compensation-MY6-view .firstPan-Comp-P1 .table-CompPart table th:nth-child(7){ width: 22% }
.compensation-MY6-view .firstPan-Comp-P1 .boxes-comp{ width: 150px; height: 100px; margin: 10px 0px 0 15px; background-color: #eee; border-radius: 10px; float: right; box-shadow: 0 3px 6px #00000029; }
.compensation-MY6-view .comp-M10-partision{ border-bottom: 1px solid #ddd;  padding-bottom: 0px; padding: 5px 0px 0px;}
.compensation-MY6-view .comp-M10-partision.GTtotal{ font-size: 20px; font-weight: 500; padding: 8px 7px 8px 6px; color: #1c1c1e; }
.compensation-MY6-view .comp-M10-partision.GTtotal .left{ width: 75%; float: left; }
.compensation-MY6-view .comp-M10-partision.GTtotal .right{ width: 25%; float: right; text-align: right; font-weight: 700}
.compensation-MY6-view .comp-M10-partision.dateTimes{ font-size: 16px; font-weight: 500; padding: 5px 8px; color: #004774; }
.compensation-MY6-view .comp-M10-partision.dateTimes .left{ width: 50%; float: left; }
.compensation-MY6-view .comp-M10-partision.dateTimes .right{ width: 50%; float: right; text-align: right;}
.compensation-MY6-view .comp-M10-partision.dateTimes .img-circle{ height: 25px; }
.compensation-MY6-view .comp-M10-partision .itemPlane{width: 85%; float: left}
.compensation-MY6-view .comp-M10-partision .itemPlane ul{padding: 0; list-style: none; display: inline-flex; width: 100%;margin-bottom: 3px;}
.compensation-MY6-view .comp-M10-partision .itemPlane ul li{width: 17%; padding: 0px 1px 6px 6px; margin-right: 10px !important; margin: 3px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 8px 1px; }
.compensation-MY6-view .comp-M10-partision .itemPlane ul li.expBoxes{width: 23%; padding: 0px 1px 6px 4px; }
.compensation-MY6-view .comp-M10-partision .itemPlane ul h1{ font-weight: bold; color: #1c1c1e; font-size: 20px; margin-bottom: 0;}
.compensation-MY6-view .comp-M10-partision .itemPlane ul h3{ font-weight: 400; margin-bottom: 3px; font-size: 14px; }
.compensation-MY6-view .comp-M10-partision .itemPlane ul h3 i{ color: #0095f6; }
.compensation-MY6-view .comp-M10-partision .itemPlane ul h6{font-size: 13px; font-weight: 400; margin-top: 2px; margin-bottom: 0;}
.compensation-MY6-view .comp-M10-partision .itemPlane ul h6 .infoIcon{background-color: #ddd; color: #48484a; border-radius: 50px; padding: 4px 9px; cursor: pointer; margin-right: 4px;}
.noteLabel{ border: 2px solid; cursor: pointer; border-radius: 50px; padding: 1px 6px; margin-left: 15px; font-size: 14px; font-weight: 600; color: #0095f6 !important; transition: .8s; }
.noteLabel:hover{ background-color: #0095f6 !important; color: #fff !important; border: 2px solid #0095f6 !important;}
.noteLabel.selected{ background-color: #0095f6 !important; color: #fff !important; border: 2px solid #0095f6 !important;}
.compensation-MY6-view .comp-M10-partision .totalPlane{width: 15%; float: right; background-color: #eee; height: 74px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 8px 1px; }
.compensation-MY6-view .comp-M10-partision .Standard.totalPlane{ background-color: #0095f6 !important; color: #fff; padding: 0px 7px;}
.compensation-MY6-view .comp-M10-partision .Standard.totalPlane h1{ color: #fff;}
.compensation-MY6-view .comp-M10-partision .totalPlane h1{ font-weight: bold; color: #1c1c1e; font-size: 20px; margin-bottom: 0;}
.compensation-MY6-view .comp-M10-partision .totalPlane h3{ font-weight: 400; margin-bottom: 3px; font-size: 14px; }
.compensation-MY6-view .comp-M10-partision .totalPlane h6{font-size: 13px; font-weight: 400; margin-top: 2px; margin-bottom: 0;}
.compensation-MY6-view .comp-M10-partision .other.totalPlane{ background-color: #f86420 !important; color: #fff; padding: 0px 7px;}
.compensation-MY6-view .comp-M10-partision .other.totalPlane h1{ color: #fff;}
.compensation-MY6-view .comp-M10-partision .other .fa-circle{ color : #fc6621 !important }
.un-vertical-timeline#vertical-timeline::before{left: 18px !important;}
.compensation-MY6-view .table-Comp-Panel .table-responsive{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 10px;}
.compensation-MY6-view .table-Comp-Panel table thead { background-color: #eee; color: #1c1c1e; font-weight: 500; }
.compensation-MY6-view .table-Comp-Panel table thead th{ padding: 8px; font-size: 17px;}
.compensation-MY6-view .table-Comp-Panel table thead th:nth-last-child(1){ width: 16%; }
.compensation-MY6-view .table-Comp-Panel table thead td{ padding: 8px; font-size: 17px;}
.compensation-MY6-view .table-Comp-Panel table thead td .img-circle{ height: 35px; width: 35px; }
.compensation-MY6-view .table-Comp-Panel table thead td:nth-child(1){ width: 6%; }
.compensation-MY6-view .table-Comp-Panel table thead td:nth-last-child(1){ width: 16%; }
.compensation-MY6-view .table-Comp-Panel table thead td .checkboxA12 .checkmark, .compensation-MY6-view .table-Comp-Panel table tbody td .checkboxA12 .checkmark{ left: 18px; }
.compensation-MY6-view .table-Comp-Panel table tbody td{ padding: 14px 8px; font-size: 17px; vertical-align: middle }
.compensation-MY6-view .table-Comp-Panel table tbody td:nth-last-child(1){ padding: 13px 8px; }
.compensation-MY6-view .table-Comp-Panel table tbody td:nth-last-child(1) button{ margin-bottom: 0 !important; }
.compensation-MY6-view .table-Comp-Panel table .compStatus{ background-color: #eee; font-size: 13px; font-weight: 600; padding: 3px 6px; border-radius: 50px; width: 65px; text-align: center; color: #fff; }
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr:hover{ background : none; }
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr td{ border: none; /*vertical-align: top !important;*/ padding: 8px !important;}
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr td .oneTime-Badge-Icon{  margin-top: 7px; margin-left: 5px; }
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr td .checkboxA12.check-box-cover{ margin: 6px 0px 0 0px !important; }
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr td .checkboxA12.check-box-cover .checkmark{ left: 5px !important; top: -12px;}
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr:nth-child(1) td:nth-child(1){ width: 50%; border: none; }
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr:nth-child(1) td:nth-child(2){ width: 50%; }
.compensation-MY6-view .table-Comp-Panel .Innertable tbody tr:nth-child(2) td{ width: 100%; padding-top: 0}
.compensation-MY6-view .table-Comp-Panel .tableDataControl{ display: block; top: -20px; right: -10px; }
.compensation-MY6-view .comTable-types{box-shadow: none !important;}
.compensation-MY6-view .comTable-types table{margin-bottom: 0;}
.compensation-MY6-view .comTable-types table thead{background-color: #fff;}
.compensation-MY6-view .comTable-types table tbody .p-14-8{padding: 14px 8px !important;line-height: 35px;}
.compensation-MY6-view .comTable-types table thead th{background-color: #eee; border-bottom: none !important; font-size: 16px; font-weight: 500;}
.compensation-MY6-view .comTable-types table thead th:nth-child(1){border-radius: 50px 0 0 50px; border: none !important;}
.compensation-MY6-view .comTable-types table thead th:nth-last-child(1){ border-radius: 0 50px 50px 0; border: none !important; width: 18% !important; }
.compensation-MY6-view .comTable-types .table tbody td{width: auto !important; border-bottom: 1px solid #ddd !important; padding: 14px 8px !important;font-size: 17px;}
.compensation-MY6-view .dark-timeline .vertical-timeline-content label{ background: none !important; box-shadow: none !important; color: #1c1c1e !important; padding: 0 !important; font-size: 16px; }
.compensation-MY6-view .notes #history-vertical-timeline::before{ left: 30px; }
.compEmppDets{padding: 10px 5px 5px;}
.compEmppDets span{ background-color: #fff; color: #0095f6 !important; font-size: 13px; padding: 4px 12px; border-radius: 50px; margin: 6px 0; font-weight: 500;white-space: nowrap;margin-bottom: -2px;display: inline-block;}
.compEmppDets span i{ margin-right: 5px }
.un-CompNote .vertical-timeline-content{ padding: 10px 8px; background-color: #eee;}
.un-CompNote .vertical-timeline-content:before{ border-color: transparent #eeeeee transparent transparent; }
.un-CompNote .vertical-timeline-content .editIcons{ opacity: 0; transition: .8s; position: absolute; right: 0; bottom: 0px; right: 10px;}
.un-CompNote .vertical-timeline-content:hover .editIcons{opacity: 1}
.oneTime-Badge{ position: absolute; font-size: 13px; color: #f49d1b !important; border-radius: 50px; margin-top: -5px; } 
.oneTime-Badge-Icon{ position: absolute; font-size: 14px; background-color: #f49d1b !important; color: #fff; border: 1px solid #f49d1b; height: 22px; border-radius: 50px; width: 22px; text-align: center; line-height: 21px; } 
.oneTime-Badge-His{ font-size: 13px; background-color: #f49d1b !important; border-radius: 50px; color: #fff !important; padding: 3px 10px; margin-left: 5px; position: relative; top: -2px; } 
.compensation-MY6-create .leftPan .comBox-MY6{margin-bottom: 15px;}
.compensation-MY6-create .leftPan .dataPart{padding: 10px; display: flow-root;}
.compensation-MY6-create .leftPan .dataPart label{color: #0095f6 !important; font-size: 18px;}
.compensation-MY6-create .leftPan .dataPart .input-group{width: 100%;}
.compensation-MY6-create .leftPan .dataPart .inputshadowBorder{ font-weight: 600; font-size: 16px; border: 1px solid #ddd !important; height: 40px; border-radius: 50px; color: #1c1c1e;}
.compensation-MY6-create .leftPan .dataPart .shadowBorder-right, .compensation-MY6-create .leftPan .dataPart .shadowBorder-left{ font-weight: 600; font-size: 16px; border: 1px solid #ddd !important; height: 40px; color: #1c1c1e;}
.compensation-MY6-create .leftPan .dataPart .shadowBorder-right:hover, .compensation-MY6-create .leftPan .dataPart .shadowBorder-left:hover{ color: #0095f6; }
.compensation-MY6-create .leftPan .dataPart .dropdown-menu:before{ border-bottom-color: #fff !important; }
.notesCount{ background-color: #f76e11; color: #fff; height: 16px; width: 16px; font-size: 12px; text-align: center; line-height: 16px; border-radius: 50px; font-weight: bold; position: absolute; top: 9px; left: 35px;}
.comBox-MY6 .com-Type-item{display: flex; padding: 10px; font-size: 17px; border: 1px solid #ccc; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; font-weight: 500; color: #1c1c1e; border-radius: 6px; width: 20%; transition: 0.5s; margin-right: 8px; margin-bottom: 8px; cursor: pointer;}
.comBox-MY6 .com-Type-item.border-green {border: 2px solid #2ca01c;}
.comBox-MY6 .com-Type-item.width20{width: 20%;}
.comBox-MY6 .com-Type-item.width16{width: 16%;}
.comBox-MY6 .com-Type-item:hover{background-color: #eee;}
.comBox-MY6 .com-Type-item .checkboxA12 .checkmark{ top: 16px; left: 0;}
.comBox-MY6 .com-Type-item .textItm{ position: relative; left: 18px; }
.comBox-MY6 .comp-tble{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 10px; }
.comBox-MY6 .comp-tble .tableWidth{ max-width: 1500px; width: 1500px; }
.comBox-MY6 .comp-tble thead{ background-color: #eee; color: #1c1c1e; font-weight: 500; }
.comBox-MY6 .comp-tble thead td{ width: 10%; }
.comBox-MY6 .comp-tble thead tr td:nth-child(1){ position: sticky; left: 0; z-index: 2; background-color: #eee;}
.comBox-MY6 .comp-tble tbody tr td:nth-child(1){ font-weight: 500; font-size: 16px; color: #1c1c1e; background-color: #f3f3f3; position: sticky; left: 0; z-index: 2;}
.comBox-MY6 .comp-tble .inputshadowBorder{ height: 34px; }
.comBox-MY6 .comp-tble tbody td{ padding: 10px 8px; vertical-align: top !important; }
.comBox-MY6 .comp-tble tbody td .checkboxA12 { top: 18px; }
.compSummaryDet .cicleBadge{width: 50px; height: 50px; line-height: 50px; color: #fff; background-color: #00BF0E; border-radius: 50px; font-size: 30px; font-weight: 100; margin: auto;}
.compSummaryDet .modal-dialog{width: 40%;}
.compSummaryDet .modal-header, .compComparison .modal-header{background-color: #eee; display: flow-root; border-radius: 15px 15px 0 0; padding: 10px;}
.compSummaryDet .modal-header .left, .compComparison .modal-header .left{ float: left; font-size: 22px; font-weight: 500; color: #1c1c1e;}
.compSummaryDet .modal-header .right, .compComparison .modal-header .right{float: right}
.compSummaryDet .modal-header .right button{margin: 0;}
.compSummaryDet .modal-body{ padding: 12px; }
.compSummaryDet .amountPart { margin-bottom: 15px; }
.compSummaryDet .amountPart h2{ font-weight: 500; font-size: 16px; color: #48484a; margin: 10px 0 5px; }
.compSummaryDet .amountPart h1{ color: #00BF0E; font-weight: bold; font-size: 30px; }
.compSummaryDet .amountPart h1 span{ font-size: 16px; }
.compSummaryDet .amountPart .eff-Date{ display: inline; padding: 5px 15px; border-radius: 50px; font-size: 12px; font-weight: 500; color: #1c1c1e; background-color: #baffbd !important; }
#compSingleEditModal .modal-dialog { width: 70% !important; }
#compSingleEditModal .dataPart { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 15px !important; }
#compSingleEditModal .dataPart label { font-size: 16px; }
#compNameInfo .modal-dialog { width: 25% !important; }
#compNameInfo .modal-header { padding: 8px 8px; }
#compNameInfo .modal-header .left{ font-size: 18px; padding-top: 2px; }
#compNameInfo .modal-body{ line-height: 30px; font-size: 16px; }
#compNameInfo .dateTags { padding: 0px 8px; border-radius: 4px; border: 1px solid; font-size: 12px; font-weight: 500 !important; color: #0095f6 !important; background-color: #def3ff !important; margin: 0 6px 6px 0 !important; display: inline-block; }
.currLeft-stickytop{ position: fixed; width: 21%; top: 230px;background-color: #fff;}
/*Jun 6*/
.compDesJ6 {padding: 10px 10px 0;}
.compDesJ6 table{margin-bottom: 0; font-size: 16px;}
.compDesJ6 .tableMain thead{background-color: #eee;}
.compDesJ6 .tableMain thead .pull-left{color: #48484a; font-weight: 500; font-size: 16px}
.compDesJ6 .tableMain thead .pull-right{color: #676a6c; font-weight: 400; font-size: 14px; padding-top: 2px;}
.compDesJ6 .tableMain tbody .trMain{ vertical-align: top !important; padding: 0; border-top: 0 !important; }
.compDesJ6 .tableMain thead th{ border-right: 1px solid #ddd; color: #48484a;}
.compDesJ6 .tableMain thead td{ border-right: 1px solid #ddd; }
.compDesJ6 .tableMain thead td:nth-last-child(1){ border-right: none;}
.compDesJ6 .tableMain tbody td{ border-right: 1px solid #ddd; vertical-align: top !important;}
.compDesJ6 .tableMain tbody td:nth-last-child(1){ border-right: none;}
.compDesJ6 .tableMain tbody .trMain { background-color: #fff !important; border-bottom: 2px solid #aaa !important;}
.compDesJ6 .tableMain tbody .trMain td{ vertical-align: top !important; padding: 0; color: #48484a; border-bottom: 1px solid #ddd; font-weight: 500; position: relative;}
.compDesJ6 .tableMain tbody .pull-right,.curcompMbl .tableMain tbody .pull-right{ color: #0095f6 !important; font-weight: 600; }
.compDesJ6 .tableInner tbody td{padding: 10px 8px !important; font-size: 15px;}
.compDesJ6 .tableMain thead{background-color: #eee;}
.compDesJ6 .infoIcon{background-color: #ddd; color: #48484a; border-radius: 50px; padding: 3px 9px; cursor: pointer; font-size: 12px; margin-right: 4px;}
.compDesJ6 .tooltipJ14{background-color: #fff;color: #48484a;border-radius: 15px;padding: 9px; font-size: 14px; box-shadow: 0px 1px 8px 3px rgb(0 0 0 / 10%) !important;position: absolute;text-align: left;opacity: 0;z-index: 9;transition: .4s;display: none;width: 180px;}
.compDesJ6 .tooltipJ14.tooltipAu8{ left: 100px; top: -50px; width: 275px; line-height: 28px; max-height: 250px;}
.compDesJ6 .infoIcon:hover .tooltipJ14{ opacity: 1; transition: .8s;  display: block; }
.comp-upload{font-weight: 600; text-align: right; color: #0095f6 !important; font-size: 16px; padding: 5px 0;}
.comp-upload input{float: right; position: absolute; right: 0; opacity: 0; cursor: pointer;}
.comp-upload-file{ padding: 10px 7px; border: 2px solid #ddd; margin: 5px 0; border-radius: 8px; font-size: 16px; font-weight: 600; background-color: #f3f3f3; color: #1c1c1e; display: flex; align-items: center; justify-content: space-between;}
.comp-upload-file .right{ font-size: 15px; padding-right: 10px; cursor: pointer; color: #0095f6; }
.compAdd-Notes .comBox-MY6{ box-shadow: none !important;  display: flex;}
.compAdd-Notes .com-Type-item{padding: 7px;}
.compNotes.jobsInstantMoreDets { top: -50px; }
.compNotes.jobsInstantMoreDets:after { top: 33px; border-bottom: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #0095f6; }
/*compensation Oct18*/
.payDatesItems{box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 10px; padding: 3px; margin: 5px 0 10px 0; }
.payDatesItems .header h2{ margin: 0; font-size: 18px; padding: 8px 8px; background-color: #eee; border-radius: 10px 10px 0 0; color: #1c1c1e; font-weight: 600; }
.payDatesItems ul{list-style: none; margin: 0; padding: 8px;}
.payDatesItems ul .dateTags{ width: 100%; }
/*compensation-MY6-view Responsive*/
.Comp-Mobile .heading .rgt select{width: 47%;float: left;margin-right: 5px;}
.Comp-Mobile .compSummaryDet .heading .rgt select{width: 45% !important;}
.comBox-MY6 .curcompMbl .standardPart{padding: 0px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;}
.comBox-MY6 .dataPart .curcompMbl .standardPart h2{background-color:#eee;margin: 0px 0 2px !important;padding: 7px !important;border-radius: 5px 5px 0px 0px;border-bottom: 0px !important;}
.comBox-MY6 .dataPart .curcompMbl .standardPart h2 span{text-align:right;float: right;}
.compDesJ6 .curcompMbl .tableMain tbody .pull-left {color: #000 !important;font-weight: 500 !important;}
.mblLinks,.mobileFil {display: block;width: 99% !important;overflow-x: auto;-webkit-overflow-scrolling: touch;overflow-y: hidden;margin-top: 5px;}
.mblLinks li,.mobileFil .col-md-2 {display: table-cell;padding-bottom: 3px;}
.mblLinks li.current span {background-color: #0095f6;color: #fff;}
.mblLinks li span {white-space: nowrap;padding: 5px 15px;border: 1px solid #ccc;margin-right: 10px;display: inline-block;border-radius: 25px;}
.mblLinks::-webkit-scrollbar,.Comp-Mobile .history .table::-webkit-scrollbar,.mobileFil::-webkit-scrollbar,.benefitsSep25 .employeerightSection .dd-slip .leftPlane::-webkit-scrollbar {width: 0px !important;}
.mblLinks::-webkit-scrollbar-thumb,.Comp-Mobile .history .table::-webkit-scrollbar-thumb,.mobileFil::-webkit-scrollbar-thumb,.benefitsSep25 .employeerightSection .dd-slip .leftPlane::-webkit-scrollbar-thumb {background-color: #fff;}
.Comp-Mobile .history profile-image-recruitment img{width:25px;height:25px;}
.Comp-Mobile .history .comp-Log {display: inline-block;width: 100%;}
.Comp-Mobile .history .table  td{white-space:nowrap;}
.Comp-Mobile .comBox-MY6 .billingDwldDropDown .dropdown-menu:before{display:none;}
.Comp-Mobile .comBox-MY6 .billingDwldDropDown .dropdown-menu{border-radius:0px;min-width:120px;}
.Comp-Mobile .comBox-MY6 .billingDwldDropDown .dropdown-menu > li > a {border-radius: 0px;line-height: 15px;padding: 3px 5px;font-size: 13px;border-bottom: 1px solid #eee;}
.Comp-Mobile .comBox-MY6 .billingDwldDropDown .dropdown-menu > li:last-child a{border-bottom:0px;}
.Comp-Mobile .compSummaryDet .vertical-timeline-content {margin-left: 48px;}
.Comp-Mobile .compSummaryDet .vertical-timeline-content:before{display:none;}
.Allcomp-Mblone .candidate-mbllst:hover .un-circle-badge-bl{visibility: hidden;}
.Allcomp-Mblone .un-circle-badge-bl{float:left;height: 25px !important;width: 25px !important;line-height: 25px !important;}
.Allcomp-Mblone .payroll-checkbox.ben-chck{margin: 0px 0px 0 0px !important;bottom: -3px;left: -4px;}
.Allcomp-Mblone .candidate-mbllst h3.bwt-hrv-show{padding-left: 30px !important;}
.Allcomp-Mblone .candidate-mbllst .top .pull-right .btn {padding: 3px 8px;margin-left: 0px !important;}
.Allcomp-Mblone .candidate-mbllst .top h3{padding-left:5px;}
.Allcomp-Mblone .candidate-mbllst  .top.paddingLft h3{padding-left:25px;}
.Allcomp-Mblone .candidate-mbllst ul li p span:last-child.compStatus{width:auto !important;color:#fff;padding:0px 10px;border-radius:25px;}
.Allcomp-Mblone .candidate-mbllst ul li{padding: 5px 0px;}
.Allcomp-Mblone .candidate-mbllst ul li p span:first-child{width:130px !important;font-weight:400;}
.Allcomp-Mblone .candidate-mbllst ul li p span:last-child{width: calc(100% - 135px) !important;}
.Allcomp-Mblone .candidate-mbllst ul li p span:last-child span{width:auto !important;float: none !important;}
.Allcomp-Mblone .candidate-mbllst .top .bwt-hrv-2.bwt-hrv-show{visibility:visible;}
.Allcomp-Mblone .candidate-mbllst ul li p span .img-circle{width:30px !important;height:30px !important;margin-right:5px;}
.Allcomp-Mblone .insidediv h3 {width: calc(100% - 105px) !important;}
.Allcomp-Mblone .insidediv h3 span.title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: calc(100% - 55px);}
.Allcomp-Mblone .insidediv h3 span.infoIcon{background-color: #ffffff;color: #48484a;border-radius: 50px;padding: 3px 9px;cursor: pointer;font-size: 12px;top: -4px;position: relative;}
/*create step Three*/
.compensation-MY6-create .stepthree .candidate-mbllst ul li p span:first-child {width: 120px !important;font-size: 15px !important;margin-top: 7px;}
.compensation-MY6-create .stepthree .candidate-mbllst ul li p span:last-child {width: calc(100% - 120px);}
.compensation-MY6-create .stepthree .candidate-mbllst ul li p span:last-child span{width:auto !important;}
.compensation-MY6-create .stepthree .candidate-mbllst ul li:nth-child(2) input{width: calc(100% - 30px);float:left;}
#setPayDate .modal-dialog,#viewPaydate .modal-dialog{width:40% !important;}
#setPayDate .candidate-mbllst .circle-badge, #viewPaydate .candidate-mbllst .circle-badge{background-color: #1ea2fe !important;}
#setPayDate .candidate-mbllst .circle-badge.un-circle-badge-gr,#viewPaydate .candidate-mbllst .circle-badge.un-circle-badge-gr{background-color: #2ca01c !important;}
#setPayDate .candidate-mbllst .top,#viewPaydate .candidate-mbllst .top {margin: -3px -4px 0px -4px;}
#setPayDate .candidate-mbllst .mbl-head h3,#viewPaydate .candidate-mbllst .mbl-head h3 {width: calc(100% - 45px) !important;margin-bottom: 3px;}
#setPayDate.taskmanagement-rightprv.right .modal-body {height: 70vh !important;}
#setPayDate .candidate-mbllst ul li p span:first-child,#viewPaydate .candidate-mbllst ul li p span:first-child {font-weight: 400;font-size: 15px !important;}
.activityM21{}
.activityM21 .vertical-container{ max-width: 100%; }
.activityM21 .un-asset-timeline .vertical-timeline-icon{ margin: 0 !important; width: 30px; height: 30px; color: #fff; }
.activityM21 .un-asset-timeline .vertical-timeline-icon i{ margin-top: -8px; }
.activityM21 .vertical-timeline-block .dateTime{ display: inline-block; font-size: 17px; margin: 5px 50px 0; }
.activityM21 .vertical-timeline-block .dateTime span{ float: left; font-weight: bold; }
.activityM21 .vertical-timeline-block .vertical-timeline-content{ margin-left: 50px; margin-right: 0px; }
.activityM21 #history-vertical-timeline::before { left: 36px; }
.activityM21 .un-notebox .gray-bg.client-avatar { margin-left: 13px !important;  margin-top: 23px !important; }
.admin-compensation .emp-type.Contract{padding:0px 8px; color: #fff; font-size: 13px; font-weight: bold; background-color:#fc6621 !important; position:relative; top:-7px !important; border-radius: 4px; text-transform: uppercase;}
.admin-compensation .emp-type.w2-fulltime{padding:0px 8px; color: #fff;font-size: 14px;font-weight: bold;background-color:#2ca01c !important ;position:relative; top:-7px !important; border-radius: 4px; text-transform: uppercase;}
.ppl-user-edit .comBox-MY6 .com-Type-item .textItm{left: 30px;}
.ppl-user-edit .comBox-MY6 .comp-tble table{ max-width: 1221px; width: 1221px; }
#announcementModal .emoji-menu{ top: 30px; }
#announcementModal .emoji-menu-tabs{ display: none; }
.activityM21 img{ width: 35px; height: 35px; }
.activityM21 .activityTabs li{ background: none; padding: 5px 0 0; }
.activityM21 .activityTabs a{ font-size: 15px; background: none; padding: 6px 20px 6px 20px !important; }
.activityM21 .activityTabs #tabMenu.active > a{ padding: 6px 20px 6px 20px !important; }
/*Jul 2, 2024 /*/ 
.compsationDirStyle .compPanel{ margin-bottom: 0% !important; margin-top: 20px !important; padding: 5px 15px 15px !important;}
.compsationDirStyle .compensation-MY6{ margin-top: 0 !important; }
.compsationDirStyle .comp-tble .checkboxA12{ margin-top: 9px !important; }
.compsationDirStyle .wizardNotes{ margin-top: 4px !important; }
/*adminsetting-benefits Deduction Tabs*/
.adminsetting-benefits #Deduction{background-color: #fff;margin: 0px 5px;padding: 11px 15px;}
.adminsetting-benefits #Deduction .Du-filter{margin: 11px 0px;padding-top: 12px !important;}
.adminsetting-benefits #Deduction .Du-filter .col-md-9 >.pull-right{width:90%;}
.adminsetting-benefits #Deduction .Du-filter .col-md-9 .col-md-3{width: 30%;}
.adminsetting-benefits #Deduction .Du-filter .col-md-9 .col-md-2{width: 10%;}
.adminsetting-benefits #Deduction .Du-btm{margin:10px 0px;}
#Deduction .Du-btm .btm-tables{margin-bottom:15px;} 
#Deduction .Du-btm .btm-tables .sub-title{border-radius: 15px 15px 0px 0px;padding: 5px;} 
#Deduction .Du-btm .btm-tables .sub-title h3{float: left; font-size: 20px; font-weight: 500; padding-left: 6px; color: #0095f6 !important; margin: 8px;}
#Deduction .Du-btm .btm-tables .sub-title .pull-right{width: 15%; margin: 2px;}
#Deduction .Du-btm .btm-tables .sub-title .pull-right a,#Deduction .Du-btm .btm-tables .sub-title .pull-right select{float:left;}
#Deduction .Du-btm .btm-tables .sub-title .pull-right select{width:65px;}
#Deduction .Du-btm .btm-tables .sub-title .pull-right .responsive-filter,#Deduction .Du-btm .btm-tables .sub-title .pull-right .cancel{top: 2px;font-size: 18px;margin-left: 5px;}
#Deduction .Du-btm .btm-tables .box-shadow-two{padding:15px;}
#Deduction .Du-btm .btm-tables .table tbody{}
#Deduction .Du-btm .btm-tables .table th:first-child{border-radius:15px 0px 0px 0px}
#Deduction .Du-btm .btm-tables .table th:last-child{border-radius:0px 15px 0px 0px}
#Deduction .Du-btm .btm-tables .table th,#Deduction .Du-btm .btm-tables .table td{color:#707070;font-size: 17px;}
#Deduction .Du-btm .btm-tables .table{margin-bottom:11px;}
#Deduction .Du-btm .btm-tables .table td{font-size:17px;}
#Deduction .Du-btm .btm-tables .total-cost th{background-color:#0095f6;color:#fff}
#Deduction .Du-btm .btm-tables .total-cost th:first-child{border-radius: 25px 0px 0px 25px !important;width: 104px;}
#Deduction .Du-btm .btm-tables .total-cost th:last-child{border-radius: 0px 25px 25px 0px !important;}
#Deduction .Du-btm .btm-tables .total-cost th:nth-child(2){width: 270px;}
#Deduction .Du-btm .btm-tables .total-cost th:nth-child(3){width: 310px;}
#Deduction .Du-btm .btm-tables .total-cost th:nth-child(4){width: 310px;}
#Deduction .Du-btm .btm-tables .total-cost th{border-bottom:0px;font-size: 20px;}
#Deduction .Du-btm .btm-tables .sce-tble .bg-grey-ee{background-color:#d2ffcc !important;color: #4eb341;}
#Deduction .Du-btm .btm-tables .sce-tble .total-cost th:nth-child(2){width: 244px;}
#Deduction .btm-tables .total-costOne th:nth-child(1){width: 57% !important;padding-left: 60px;}
#Deduction .btm-tables .total-costOne th:nth-child(2){width: 16% !important;}
#Deduction .btm-tables .total-costOne th:nth-child(3){width: 15% !important;}
#Deduction .Du-btm .btm-tables .trd-tble th.bg-grey-ee{background-color: #ffeae5 !important;color:#ff6337;}
#Deduction .btm-tables .total-costTwo th:nth-child(1){width: 65% !important;padding-left: 60px;}
#Deduction .btm-tables .total-costTwo th:nth-child(2){width: 12% !important;}
#Deduction .btm-tables .total-costTwo th:nth-child(3){width: 13% !important;}
/*sendEmail css start*/
.sendEmail .ibox-content {border-radius: 0px 0px 15px 15px !important;}
.sendEmail .dde-row-heading {background-color: #1c84c6;}
.sendEmail .dde-row-heading-text {color: #ffffff;}
.sendEmail .dde-row-heading-text i.fa{background-color:#fff !important;}
.sendEmail .dde-row-heading-text .rt{float:right;}
.sendEmail .emailDropdownSpan {background: #ffffff !important;}
.sendEmail  button[disabled]{background: #f3f3f3 !important;}
.sendEmail .responsive-filter,.sendEmail .responsive-filter .text-black-48{color:#fff !important;}
.sendEmail .ibox-content  label.col-md-1,.sendEmail .ibox-content  label.col-md-3{color: #000;font-weight: 400 !important;}
.sendEmail .ibox-content .col-md-1:first-child{width:12%;}
.sendEmail .ibox-content .col-md-10{width: 80%;}
.sendEmail .ibox-content .col-md-1:last-child{width: 6%;font-size: 15px !important;}
.sendEmail .check-box-cover .checkmark:after {border-color: #2ca01c !important;}
.sendEmail .check-box-cover input:checked ~ .checkmark {background-color: #ffffff !important;}
.sendEmail .shadowBorder{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c68c !important;}
.sendEmail #vertical-timeline::before {top: 20px !important;left: 76px !important;}
.skin-2 .sendEmail .dde-row-heading {background-color: #213a53;}
.skin-3 .sendEmail .dde-row-heading {background-color: #ecba52;}
.md-skin1 .sendEmail .dde-row-heading {background-color: #1ab394;}
.sendfilter-label {color: #000; opacity: 0.2; font-size: 30px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; margin-bottom: 0 !important; position: relative; top: -3px; height: 0px;}
/*Video Blk*/
.video-blk #leftsection{width:30%;}
.video-blk #rightsection{width:70%;} 
.video-blk #rightsection.col-lg-12{width:100%;}
.video-blk .leftsideNav,.video-blk #rightsection .mailbox-content{height:910px;}
.video-blk .leftsideNav{padding: 9px !important;}
.video-blk .leftsideNav .file-manager{overflow-y:hidden;width: 100%;overflow-x: hidden;padding-right: 8px;height: 92vh;overflow-y:scroll;}
.video-blk .leftsideNav .file-manager:hover{overflow-y:scroll;}
.video-blk .leftsideNav .category-list{margin-bottom:0px;padding:5px !important;}
.video-blk .leftsideNav .category-list a {margin-left: 5px;display: inline-block; width: 100%; padding: 2px 0px; border-bottom: 1px solid #ddd;}
.video-blk .leftsideNav .category-list a span:first-child {display: inline-block;white-space: nowrap;width: 100%;  overflow: hidden;text-overflow: ellipsis;}
.video-blk .leftsideNav .category-list li >div{background-color: #eeeeee99;border-radius: 0px;padding: 5px 5px 5px 5px;font-weight: 600;margin-left: 0px;/* border-bottom: 1px solid #ddd;*/}
.video-blk .leftsideNav .category-list li .innLst a:last-child{border-bottom:0px;}
.video-blk .leftsideNav .category-list a .hvr-grow{visibility:hidden;}
.video-blk .leftsideNav .category-list a:hover .hvr-grow{visibility:visible;}
.video-blk .leftsideNav .category-list a:hover {margin-left: 0px;font-weight: bold; color: #0095f6 !important;}
.video-blk .leftsideNav .category-list a button{padding: 2px 3px;margin-left: 0px!important;}
.video-blk .leftsideNav .category-list a button i{color:#fff;left: 4px;} 
.video-blk .leftsideNav .category-list h3{position:relative; font-weight: 500; margin-top: 0px; margin-bottom: 0px !important; color: #1c1c1e; border-bottom: 1px solid #ddd; padding: 0px 0px 13px;}
.video-blk .leftsideNav .category-list h3:hover{color: #1c84c6; transition: 0.5s}
.video-blk .leftsideNav .category-list .cir-badge{padding: 0px;border-radius: 20px;background-color: #1c84c6; color: #fff; text-align: center; font-size: 13px; position: absolute; right: -10px; top: -7px; width: 20px; height: 20px; line-height: 20px;}
.video-blk .leftsideNav .category-list span.pull-right{font-size:19px;}
.video-blk .thumpnail{width:100%;overflow-x:scroll;display: inline-block;padding-bottom: 15px;margin-bottom: 15px;}
.video-blk .thumpnail .slider-iteams {display: table-cell;box-shadow:inherit;border:0px;cursor: pointer;}
.video-blk .thumpnail .slider-iteams .items:hover{border:1px solid #2ca01c}
.video-blk .thumpnail .slider-iteams .items p{margin:0px !important;padding:8px 3px;border-top:1px solid #ffffff;position:relative;z-index:9;}
.video-blk .thumpnail .slider-iteams .items p:after{content:'';width: 100%;height: 0px;background-color:#2ca01c;left: 0px;z-index: -9;position: absolute;top: -2px;transition: 1s all;}
.video-blk .thumpnail .slider-iteams .items:hover p:after{height:105%;}
.video-blk .thumpnail .slider-iteams .items:hover p{color:#fff !important;}
.video-blk  #addVideoCat .modal-body {height: 85vh !important;}
.video-blk .vid-frame{padding-top:10px;}
.video-blk .vid-frame .pull-right{margin-top:-3px;}
.video-blk .vid-frame .pull-right .dropdown-toggle{margin-top: 3px;display: inline-block;}
.video-blk .vid-frame .pull-right .dropdown-menu{width: 190px;left: auto;right: 0px;}
.video-blk .vid-frame .pull-right .dropdown-menu.empdrop {width: 100px;min-width: 100px;}
.video-blk .vid-frame .pull-right .dropdown-menu button{padding: 4px 8px !important;}
.video-blk .vidprt .thumpnail{overflow-x:hidden;overflow-y:auto;height: 100vh;-webkit-overflow-scrolling: touch;z-index: 99;position: relative;}
.video-blk .vidprt .thumpnail .slider-iteams{display: inline-block;float: left;width: 32%;margin: 8px 10px 8px 0px;padding: 7px;border-radius: 5px;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 41%) !important;border: 2px solid #eee;} 
.video-blk .vidprt .thumpnail .slider-iteams img{width:100% !important;}
.video-blk .vidprt .thumpnail .slider-iteams .vid-img{height: 125px;overflow: hidden;border: 1px solid #eee;border-radius: 10px;}
.vid-cusEmail .onboarding select {width: calc(100% - 40px);float: left;}
.vid-cusEmail .state,.vid-cusEmail .country{width: 20% !important;}
.vid-cusEmail .col-md-3{width: 30%;}
.videoJ25 .items{ border: none !important; }
.video-blk iframe {width: 100%;height: 410px;margin-top: 10px;border-radius: 8px;border: 1px solid #c1c1c1;padding: 7px;}
.videoJ25 h3{ font-size: 15px; margin-top: 10px; color: #48484a; margin-bottom: 5px; font-weight: 500;padding-left: 5px; }
.videoJ25 .items:hover h3{ color: #1c84c6; }
.vidStatus{ font-size: 12px; padding: 4px 10px 3px; border-radius: 50px; font-weight: 500; }
.vidHeadingRgt{ padding: 5px 8px; background-color: #eeeeee; border-radius: 8px; }
.vidHeadingRgt p{ margin: 0 10px !important; font-size: 20px; font-weight: 500; color: #1c1c1e; }
.vidHeadingRgt .btn{ margin: 0 !important;/* opacity: 0 !important;*/ transition: .9s}
.mailbox-content:hover .vidHeadingRgt .btn{ opacity: 1 !important; }
.video-blk .vidprt .thumpnail .slider-iteams .items .imgClass {height: 100% !important;}
.video-blk .thumpnail .slider-iteams .items .imgClass {display: inline-block;max-width: inherit;}
.video-blk #vid-left.col-lg-4{width: 30%;}
.video-blk #vid-right.col-lg-8{width: 70%;}
.video-blk #vid-right.col-lg-12{width:100%;}
/*.video-blk .vidprt .thumpnail .slider-iteams .items .vid-img*/
.video-blk #vid-right.col-lg-12 .videofill .filter-sec ul li {width: 12%;}
.video-blk #vid-right.col-lg-12 .vidprt .thumpnail .slider-iteams {width: 24%;}
 .video-blk #vidSection {width: 100% !important;}
.video-blk .slide_button-grn {color: #fff !important;-webkit-animation: bubble-two 1s linear infinite;animation: bubble-two 1s linear infinite !important;}
.video-blk .viewall{background-color:transparent;border: 2px solid #1b790e;color: #2ca01c !important;padding: 5px 15px;margin: 2px 9px 0px 0px;}
.video-blk .video-add{padding: 6px 5px 15px !important;border: 1px solid #e6e5e5;border-radius: 16px;}
.video-blk .rt-filter{margin-bottom: 5px;padding: 6px 10px 0px;background-color: #eeeeeec2;border-radius: 9px;}
.video-blk .rt-filter .bwt-collapse{float: left !important;}
.video-blk .rt-filter .mb-10{float:left;width: 75%;position: relative;} 
.video-blk .rt-filter .mb-10 input{padding-right: 35px;}
.video-blk .rt-filter .mb-10 .bwt-cancel{position: absolute;right: 0px;top: 1px;background-color: transparent;font-size: 20px;border-left: 1px solid #b1b1b1 !important;border-radius: 0px !important;padding: 2px 10px 1px 7px;}
.video-blk #vid-right.col-lg-12 .rt-filter .mb-10{width: 80%;}
.video-blk .leftsideNav .top{padding: 10px 5px 6px;background-color: #eeeeeec2;border-radius: 9px;}
.video-blk .leftsideNav .top button{animation: inherit !important;min-width: 110px;font-size: 15px;padding: 3px 2px 3px 8px;text-align: left;line-height: 28px;margin-right: 4px !important;}
.video-blk .leftsideNav .top button:nth-child(3) {margin-right: 0px !important;} 
.video-blk .leftsideNav .top .slide_button-grn{display:none;}
.video-blk .leftsideNav .top button span,.video-blk .mblbtm-mnu button span{background-color:#fff;color: #1c84c6;width: 30px;height: 30px;display: inline-block;border-radius: 35px;font-weight: 600;font-size: 16px;line-height: 30px;text-align:center;float:right;}
.video-blk .leftsideNav .top button.bg-green span,.video-blk .mblbtm-mnu button.bg-green span{color:#2ca01c;}
.video-add .edit_title{padding: 5px 0px 0px;}
.video-add .edit_title.title-fixed {top: 65px !important;width: calc(100% - 245px) !important;margin-left: -5px;position: fixed;z-index: 99;background-color: #fff;}
.video-add .un_tooltip .un_tooltiptext{padding: 5px 10px;background-color: #2ca01c;left: 20%;}
.video-add .un_tooltip .un_tooltiptext:after {border-color: #2ca01c transparent transparent transparent;}
.video-add .img-up .un_tooltip .un_tooltiptext{bottom: 115%;left: 5%;}
.video-add .edit_title h5{word-break:break-all;}
.video-add .edit_title h5 img{width: 7%;float: left;position: relative;top: -8px;}
.video-add .mt-30{margin-top:15px !important;}
.video-add .brd-b-1 .col-md-6:first-child{width:60%;}
.video-add .brd-b-1 .col-md-6:last-child{width:40%;}
.video-add .brd-b-1:nth-child(2) div[style="display:flex;"]:hover {box-shadow: inherit!important;}
.video-add .col-md-6 .col-md-3 {width: 8%;margin-top: 6px;}
.video-add .col-md-6:last-child .col-md-3 {width: 20%;}
.video-add .col-md-6:last-child .col-md-9 {width: 80%;}
.video-add .col-md-6 .col-md-9{width:90%;}
.video-add .shadowBorder-left:hover,.video-add .shadowBorder-right:hover{box-shadow:inherit !important;}
.video-add div[style="display:flex;"]:hover{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;border-radius: 25px;}
.video-add div[style="display:flex;"]:hover .shadowBorder-left{border-right: 1px solid #ccc !important;}
.video-add select[multiple], .video-add select[size] {overflow: hidden;} 
.video-add select[multiple]:hover, .video-add select[size]:hover {overflow-y: scroll;} 
.video-nodata img{float: none !important;width: 88% !important;margin: 0 auto;display: block;}
.video-nodata.nodata-blk h2 {margin-top: 11px !important;width: 100%;text-align: center;color:#1c84c6;}
.video-add  .un-image {width: 60px !important;border: 3px dashed #ccc;border-radius: 60px;padding: 0px;text-align: center;height: 60px !important;}
.video-add  .un-image.un-imgDef {margin:0 auto 5px;display:block;border: 3px solid #ccc;}
.video-add .un-text{color:#2ca01c;font-weight:500;margin-top:5px;}
.video-add .ibox-content textarea{resize: vertical;}
.video-add .ibox-content textarea:hover{overflow-y:scroll;}
.videofill .filter-sec ul {padding-left: 0px;margin-top: 10px;}
.video-add .vertical-timeline-content:before{display:none;}
.video-add .docu-upload .docup input[type=file] {width:100%;left: 0px;z-index: 9;}
.video-add .docu-upload .docup {width: 100%;border: 3px dashed #ccc;padding: 0px 15px 3px 15px;}
.video-add .docu-upload .docup strong {color: #1c84c6;margin-bottom: 10px;display: inline-block;height: auto;font-size: 16px;font-weight: 400;}
.video-add .docu-upload .docup:hover {background-color: #d5eefd;color: #1c84c6;}
.videofill .filter-sec ul li {width: 30%;background-color: #f6f6f6;border-radius: 5px;height: 65px;padding: 8px;margin-right: 10px;cursor: pointer;overflow: hidden;transition: 0.4s;float: left;}
.videofill .filter-sec ul li .round {float: left;padding: 5px 8px;border-radius: 50px;color: #fff;font-size: 16px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.videofill .filter-sec ul li .count {float: right;color: #1c1c1e;font-size: 22px;font-weight: 600;}
.videofill .filter-sec ul li p{font-weight: 500;font-size: 15px;color: #48484a;clear: both;margin-bottom: 0px;padding-top: 4px;}
.videofill .filter-sec ul li:nth-child(1) .round {background-color: #2ca01c !important;}
.videofill .filter-sec ul li:nth-child(2) .round {background-color: #ff9800 !important;}
.videofill .filter-sec ul li:nth-child(3) .round {background-color: #00bcd4 !important;}
.videofill .filter-sec ul li.filterSelect:nth-child(1) .round i {color: #2ca01c !important;}
.videofill .filter-sec ul li.filterSelect:nth-child(2) .round i {color: #ff9800 !important;}
.videofill .filter-sec ul li.filterSelect:nth-child(3) .round i {color: #00bcd4 !important;}
.videofill .filter-sec ul li.filterSelect:nth-child(1){background-color: #2ca01c !important;}
.videofill .filter-sec ul li.filterSelect:nth-child(2){background-color: #ff9800 !important;}
.videofill .filter-sec ul li.filterSelect:nth-child(3){background-color: #00bcd4 !important;}
.videofill .filter-sec ul li.filterSelect .round{background-color: #fff !important;}
.videofill .filter-sec ul li.filterSelect .count,.videofill .filter-sec ul li.filterSelect p{color:#fff}
.videofill .filter-sec ul li:hover {background-color: #ddd;}
.vidURLcopy { position: absolute; top: 3px; right: 24px; background: none !important; color: #1c84c6 !important; font-weight: bold !important;}
.video-blk .mblbtm-mnu {padding: 5px 0px 5px;width: calc(100% - 155px);}
.video-blk .mblbtm-mnu button {float: left;min-width: 90px;border-radius: 25px;padding: 2px 6px;min-height: 35px;animation: inherit !important;}
.video-blk .mblbtm-mnu  .mnu-expand {top: 7px;left: 10px;}
.video-blk .mblbtm-mnu.show {margin-left: calc(-100% - -103px);}
.video-blk .mblbtm-mnu.show .mnu-expand {right: 6px;top: 11px;}
#addVideoCat .modal-body{padding: 5px 20px;}
#addVideoCat .modal-body .table-responsive th {font-size: 18px;color: #1c84c6;}
.video-add .img-up .col-md-2{width: 12%;}
.video-add .img-up .col-md-10{width: 88%;}
/*nodata-blk*/
.noDataM5{font-weight: bold; opacity: .8; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.noDataM5 tr, .noDataM5 td{border:none !important;}
.noDataM5 .icon i{font-size: 60px !important; color: #0095f6 !important;}
.noDataM5 .icon{font-size: 70px; padding: 30px 0 0px;}
.noDataM5 .text{font-size: 18px; font-weight: 400; padding: 0px 0 30px; color: #48484a;}
.noDataM5 .text p{width: 60%; margin: 0 auto;white-space: nowrap;}
.noRecord{font-weight: bold; opacity: .5; text-align: center; margin-top: 60px; margin-bottom: 30px;}
.noRecord .fa{ font-size: 40px }
.noRecord h1{ font-weight: 400; font-size: 26px; }
/*------------------------------*/
.nodata-blk{padding: 25px;width: 80%;margin: 0 auto;border-radius: 10px;}
.nodata-blk img{float: left;width: 35%;}
.nodata-blk h2{float: left;font-size: 25px;width: 55%;color: #000;padding-left: 60px;font-weight: 400;margin-top: 9% !important;line-height: 35px;}
.nodata-blkDoc-Center{margin: 90px 0; text-align: center;}
.nodata-blkDoc-Center img{width: 23%;}
.nodata-blkDoc-Center h2{font-size: 30px; font-weight: 500;}
.profile-blk #projects .nodata-blk h2,.profile-blk #ptoplan .nodata-blk h2{padding-left: 0px;margin-top: 8% !important;}
.profile-blk #addresses .nodata-blk{text-align: center;margin-bottom: 35px;}
.profile-blk #addresses .nodata-blk h2{float:none;width:100%;margin-top: 3% !important;}
.profile-blk #addresses .nodata-blk img{float:none;clear:both;display:block;margin:0 auto;}
.profile-blk #addresses .nodata-blk .bwt-new{border-radius:25px;margin:15px 0px;}
.new-identification .nodata-blk .pull-left {width:50%;}
.new-identification .nodata-blk h2 {width:100%;padding-left: 0px;margin-bottom: 20px;}
.new-identification .nodata-blk h3 {margin: 15px 0px;font-weight: 500;}
.new-identification .nodata-blk .bwt-new {border-radius:25px;}
.docblk-right .nodata-blk{width: 90%;}
.docblk-right .nodata-blk h2{width: 57%;padding-left: 25px;}
.docblk-right .nodata-blk h2 span{display:block;font-size:18px;line-height:25px;}
.dashboard-page .nodata-blk {padding: 0px 15px;width: 100%;}
.dashboard-page .nodata-blk img {float: none;margin: 0 auto 15px;display: block;}
.dashboard-page  .nodata-blk h2 {float: none;width: 100%; padding-left:0px;margin-top: 0px !important;line-height:30px;text-align: center;}
.timecard-top .nodata-blk img {margin: 0 auto;float: none;display: block;width: 25%;}
.mytimecard-top.timecard-top .nodata-blk{text-align: center;}
.mytimecard-top.timecard-top .nodata-blk img { width: 35%;}
.mytimecard-top.timecard-top .nodata-blk p{margin-top: 15px;color: #000;font-size: 20px;}
.dept-nodata.nodata-blk{text-align:center;}
.dept-nodata.nodata-blk img{float: none;margin:0 auto;clear:both;}
.dept-nodata.nodata-blk h2{float:none !important;margin-top: 0px !important;width: 100%;padding-left: 0px;}
/*Inspania theme color*/
.md-skin .circle-badge {color: #00BF0E !important;background-color: #d4f9d6 !important;}
.md-skin .circle-badge-inactive {color: #1c1c1e;background-color: #ddd !important;}
.md-skin .circle-badge-blue {color: #2977f5 !important;background-color: #cae9fe !important;}
.md-skin .circle-badge-red {color: #ff3b04 !important;background-color: #ffd2d2 !important;}
.md-skin1 .spin-icon {background: #1ab394 !important;}
.md-skin1 .label-primary, .md-skin1 .badge-primary, .md-skin1 .btn-primary {background: #1ab394 !important;color: #FFFFFF !important;}
.md-skin1 .btn-primary{border:1px solid #1ab394 !important;}
.md-skin1 .panel-primary {border-color: #1ab394 !important;}
.md-skin1 .panel-primary > .panel-heading {background: #1ab394 !important;border-color: #1ab394 !important;}
.md-skin1 .panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #1ab394 !important;}
.md-skin1 .sk-spinner-wave div {background-color: #1ab394 !important;}
.md-skin1 .check-box-cover input:checked ~ .checkmark {background-color:#1ab394 !important;}
.md-skin1 .image-active {border: 3px solid #1ab394;}
.md-skin1 .depent-list {    box-shadow: 0px 1px 5px 3px rgb(232, 232, 232);}
.md-skin1 .depedent-caro h3,.md-skin1 .dpntlist-head{background-color: #1ab394;}
.md-skin1 .depent-dtl-head span {background-color: #1ab394;}
.md-skin1 .depent-dtl-head .float-right a, .md-skin1 .direct-detaillist .pull-right a {border: 1px solid #676a6c;color: #676a6c;}
.md-skin1 .depent-dtl-head, .md-skin1 .direct-detaillist {background-color: #e6e6e6;padding: 4px 7px;border-radius: 3px;margin-bottom: 25px;}
.md-skin1 .depedent-caro .slick-prev:before,.md-skin1 .depedent-caro .slick-next:before {color: #1ab394!important;}
.md-skin1 .drct-dtl-list{background-color: #1ab394;}
.md-skin1 .circle-badge {background:#1ab394 !important;}
.md-skin1 .table thead {background:#1ab394 !important;}
.md-skin1 .timecard-ibox .col-sm-1 .input-group-btn i{color: #1ab394 !important;}
.md-skin1 .timecard-ibox .col-sm-6 .fa-calendar,.md-skin1 .timecard-ibox .col-sm-6 .fa-arrow-circle-left,.md-skin1 .timecard-ibox .col-sm-6 .fa-arrow-circle-right{color: #1ab394 !important;}
.md-skin1 .timecard-boxtool a{color: #1ab394 !important;}
.md-skin1 .onoffswitch-label {border: 2px solid #1ab394;}
.md-skin1 .onoffswitch-inner:before {background-color: #1ab394;}
.md-skin1 .onoffswitch-switch {border: 2px solid #1ab394;}
.md-skin1 .caroSelect {-webkit-box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);-moz-box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);}
.md-skin1 .auditclass li.active a {background: #1ab394 !important;}
.md-skin1 .pplcen-blk .dropdown.pull-right .btn-alert,.md-skin1 .peopleCenterBtn .dropdown .btn-alert{border-color:#1ab394;}
.md-skin1 .pplcen-blk .tab-content .btn-white{color: #1ab394;border: 1px solid #1ab394 ;}
.md-skin1 .announcement-ibox .vertical-timeline-icon.navy-bg{background-color:#1ab394;}
.md-skin1 .announcement-ibox .h2hover{color:#1ab394 !important;}
.md-skin1 .announcement-ibox .btn-white,.md-skin1 .announcement-ibox .btn-white:hover{color: #1ab394 !important;border: 1px solid #1ab394 !important;}
.md-skin1 .announcementborder{border:2px solid #1ab394;}
.md-skin1 .direct-detaillist .directdpt-head i {color:#676a6c;}
.md-skin1 .direct-detaillist .directdpt-head span.label {background: #1c84c6;}
.md-skin1 .direct-detaillist .directdpt-head small {color:#676a6c;}
.md-skin1 .document-blk .tabs-container .nav-tabs > li.active > a,.md-skin1 .document-blk .tabs-container .nav-tabs > li.active > a:hover,
.md-skin1 .document-blk .tabs-container .nav-tabs > li.active > a:focus {border: 1px solid #1ab394 !important;color: #1ab394;border-bottom: 0 !important;}
.md-skin1 .document-blk .table .btn-group a,.md-skin1 .document-blk .table .MobileList a {border: 1px solid #1ab394;color: #1ab394;}
.md-skin1 #tabMenu.active > a {border-bottom: 3px solid #1ab394 !important;border-top: 1px solid #1ab394 !important;border-left: 1px solid #1ab394 !important;border-right: 1px solid #1ab394 !important;}
.md-skin1 .notifAlert .dropdown-messages-box .img-circle,.md-skin1 .alertUl .alartui-list i,.md-skin1 .auditLogTab .tab-pane i {color:#676a6c;}
.md-skin1 .pto-middle .progress-bar-pos {background-color:#1ab394 !important;}
.md-skin1 .timecard-filterbox .switch .round,.md-skin1 .timecard-filterbox .switch1 .round,.md-skin1 .newtime-table .form-group .select-cata{background-color:  #1ab394 !important;}
.md-skin1 .newtime-cal .ibox-title .fa-arrow-circle-left,.md-skin1 .newtime-cal .ibox-title .fa-calendar,.md-skin1 .newtime-cal .ibox-title .fa-arrow-circle-right {color: #1ab394 !important;}
.md-skin1 .leave-select button{border: 2px solid #1ab394 !important;color: #1ab394;}
.md-skin1 .leave-select button:hover{background: #1ab394 !important;}
.md-skin1 .sweet-alert button {background-color: #1ab394 !important;}
.md-skin1 .timecard-bottom .timecard-ibox .col-sm-4 a {color: #1ab394 !important;}
.md-skin1 .check-box-cover input:checked ~ .checkmark {background-color: #1ab394 !important;border: 2px solid #1ab394 !important;}
.md-skin1 .dashboard-page .ibox-title h5 .icon-badge{background-color:#1ab394 !important; }
/*Ultra theme color*/
.skin-2 .spin-icon {background: #213a53 !important;}
.skin-2 .label-primary, .md-skin1 .badge-primary, .skin-2 .btn-primary {background: #213a53 !important;color: #FFFFFF !important;}
.skin-2 .btn-primary{border:1px solid #213a53 !important;}
.skin-2 .panel-primary {border-color:#213a53 !important;}
.skin-2 .panel-primary > .panel-heading {background: #213a53 !important;border-color: #213a53 !important;}
.skin-2 .panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #213a53 !important;}
.skin-2 .sk-spinner-wave div {background-color:#213a53 !important;}
.skin-2 .check-box-cover input:checked ~ .checkmark {background-color:#213a53 !important;}
.skin-2 .image-active {border: 3px solid #213a53;}
.skin-2 .depent-list {box-shadow: 0px 1px 5px 3px rgb(232, 232, 232);}
.skin-2 .depedent-caro h3,.skin-2 .dpntlist-head {background-color: #213a53;}
.skin-2 .depent-dtl-head span {background-color: #213a53;}
.skin-2 .depent-dtl-head .float-right a,.skin-2 .direct-detaillist .pull-right a {border: 1px solid #676a6c;color: #676a6c;}
.skin-2 .depent-dtl-head, .skin-2 .direct-detaillist {background-color: #e6e6e6;padding: 4px 7px;border-radius: 3px;margin-bottom: 25px;}
.skin-2 .depedent-caro .slick-prev:before, .skin-2 .depedent-caro .slick-next:before {color:#213a53!important;}
.skin-2 .drct-dtl-list{background-color: #213a53;}
.skin-2 .circle-badge {background:#213a53 !important;}
.skin-2 .table thead {background:#213a53 !important;}
.skin-2 .table thead{color:#fff !important;}
.skin-2 .timecard-ibox .col-sm-1 .input-group-btn i{color:#213a53 !important;}
.skin-2 .timecard-ibox .col-sm-6 .fa-calendar,.skin-2 .timecard-ibox .col-sm-6 .fa-arrow-circle-left,.skin-2 .timecard-ibox .col-sm-6 .fa-arrow-circle-right{color: #213a53 !important;}
.skin-2 .timecard-boxtool a{color: #213a53 !important;}
.skin-2 .onoffswitch-label {border: 2px solid #213a53;}
.skin-2 .onoffswitch-inner:before {background-color: #213a53;}
.skin-2 .onoffswitch-switch {border: 2px solid #213a53;}
.skin-2 .caroSelect {-webkit-box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);-moz-box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);}
.skin-2 .auditclass li.active a {background: #213a53 !important;}
.skin-2 .pplcen-blk .dropdown.pull-right .btn-alert,.skin-2 .peopleCenterBtn .dropdown .btn-alert{border-color:#213a53;}
.skin-2 .pplcen-blk .tab-content .btn-white{color:#213a53;border: 1px solid #213a53 ;}
.skin-2 .announcement-ibox .vertical-timeline-icon.navy-bg{background-color:#213a53;}
.skin-2 .announcement-ibox .h2hover{color:#213a53 !important;}
.skin-2 .announcement-ibox .btn-white,.skin-2 .announcement-ibox .btn-white:hover{color: #213a53 !important;border: 1px solid #213a53 !important;}
.skin-2 .announcementborder{border:2px solid #213a53;} 
.skin-2 .direct-detaillist .directdpt-head i {color:#676a6c;}
.skin-2 .direct-detaillist .directdpt-head span.label {background: #1c84c6;}
.skin-2 .direct-detaillist .directdpt-head small {color:#676a6c;}
.skin-2 .document-blk .tabs-container .nav-tabs > li.active > a,.skin-2 .document-blk .tabs-container .nav-tabs > li.active > a:hover,
.skin-2 .document-blk .tabs-container .nav-tabs > li.active > a:focus {border: 1px solid #213a53 !important;color:#213a53;    border-bottom: 0 !important;}
.skin-2 .document-blk .table .btn-group a,.skin-2 .document-blk .table .MobileList a {border: 1px solid #213a53;margin-right: 5px;color: #213a53;}
.skin-2 #tabMenu.active > a {border-bottom: 3px solid #213a53 !important;border-top: 1px solid #213a53 !important;border-left: 1px solid #213a53 !important;border-right: 1px solid #213a53 !important;}
.skin-2 .notifAlert .dropdown-messages-box .img-circle,.skin-2 .alertUl .alartui-list i,.skin-2 .auditLogTab .tab-pane i {color:#676a6c;}
.skin-2 .pto-middle .progress-bar-pos {background-color:#213a53 !important;}
.skin-2 .timecard-filterbox .switch .round,.skin-2 .timecard-filterbox .switch1 .round,.skin-2 .newtime-table .form-group .select-cata{background-color: #213a53 !important;}
.skin-2 .newtime-cal .ibox-title .fa-arrow-circle-left,.skin-2 .newtime-cal .ibox-title .fa-calendar,.skin-2 .newtime-cal .ibox-title .fa-arrow-circle-right {color: #213a53 !important;}
.skin-2 .leave-select button{border: 2px solid #213a53 !important;color: #213a53;}
.skin-2 .leave-select button:hover{background: #213a53 !important;}
.skin-2 .sweet-alert button {background-color: #213a53 !important;}
.skin-2 .timecard-bottom .timecard-ibox .col-sm-4 a {color: #213a53 !important;}
.skin-2 .check-box-cover input:checked ~ .checkmark {background-color: #213a53 !important;border: 2px solid #213a53 !important;}
.skin-2 .dashboard-page .ibox-title h5 .icon-badge{background-color: #213a53 !important;}
.skin-2 .ibox-title, .skin-2 .ibox-content {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 14%);border-bottom: 0px !important;}
/*Yellow theme color*/
.skin-3 .navbar-fixed-top {background: #ecba52 !important;}
.skin-3 .navbar-header .text-muted.welcome-message, .skin-3 .navbar-top-links.navbar-right.nav > li > a {color: #fff !important;}
.skin-3 .spin-icon {background: #ecba52!important;}
.skin-3 .label-primary, .md-skin1 .badge-primary, .skin-3 .btn-primary {background: #ecba52 !important;color: #FFFFFF !important;}
.skin-3 .btn-primary{border:1px solid #ecba52 !important;}
.skin-3 .panel-primary {border-color:#ecba52 !important;}
.skin-3 .panel-primary > .panel-heading {background: #ecba52 !important;border-color:#ecba52 !important;}
.skin-3 .panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #ecba52 !important;}
.skin-3 .sk-spinner-wave div {background-color:#ecba52!important;}
.skin-3 .check-box-cover input:checked ~ .checkmark {background-color:#ecba52 !important;}
.skin-3 .image-active {border: 3px solid #ecba52;}
.skin-3 .depent-list {box-shadow: 0px 1px 5px 3px rgb(232, 232, 232);}
.skin-3 .depedent-caro h3,.skin-3 .dpntlist-head{background-color: #ecba52;}
.skin-3 .depent-dtl-head span {background-color: #ecba52;}
.skin-3 .depent-dtl-head .float-right a,.skin-3 .direct-detaillist .pull-right a {border: 1px solid #676a6c;color: #676a6c;}
.skin-3 .depent-dtl-head, .skin-3 .direct-detaillist {background-color: #e6e6e6;padding: 4px 7px;border-radius: 3px;margin-bottom: 25px;}
.skin-3 .depedent-caro .slick-prev:before,.skin-3 .depedent-caro .slick-next:before {color:#ecba52!important;}
.skin-3 .drct-dtl-list{background-color: #ecba52;}
.skin-3 .circle-badge {background:#ecba52 !important;}
.skin-3 .table thead {background:#ecba52 !important;}
.skin-3 .timecard-ibox .col-sm-1 .input-group-btn i{color: #ecba52 !important;}
.skin-3 .timecard-ibox .col-sm-6 .fa-calendar,.skin-3 .timecard-ibox .col-sm-6 .fa-arrow-circle-left,.skin-3 .timecard-ibox .col-sm-6 .fa-arrow-circle-right{color:#ecba52 !important;}
.skin-3 .timecard-boxtool a{color: #ecba52 !important;}
.skin-3 .onoffswitch-label {border: 2px solid #ecba52;}
.skin-3 .onoffswitch-inner:before {background-color: #ecba52;}
.skin-3 .onoffswitch-switch {border: 2px solid #ecba52;}
.skin-3 .nav > li > a {color: #5a5a5a;}
.skin-3 .welcome-message,.skin-3 #side-menu .nav-second-level li a {color: #ffffff !important;}
.skin-3 #side-menu > li > a{color:#fff;}
.skin-3 .caroSelect {-webkit-box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);-moz-box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);box-shadow: 0px 1px 5px 3px rgb(170, 170, 170);}
.skin-3 .auditclass li.active a {background: #ecba52 !important;}
.skin-3 .label-warning, .skin-3 .badge-warning {background-color: #23c6c8;}
.skin-3 .pplcen-blk .dropdown.pull-right .btn-alert,.skin-3 .peopleCenterBtn .dropdown .btn-alert{border-color:#ecba52;}
.skin-3 .pplcen-blk .tab-content .btn-white{color: #ecba52;border: 1px solid #ecba52 ;}
.skin-3 .announcement-ibox .vertical-timeline-icon.navy-bg{background-color:#ecba52;}
.skin-3 .announcement-ibox .h2hover{color:#ecba52 !important;}
.skin-3 .announcement-ibox .btn-white,.skin-3 .announcement-ibox .btn-white:hover{color: #ecba52 !important;border: 1px solid #ecba52 !important;}
.skin-3 .announcementborder{border:2px solid #ecba52;} 
.skin-3 .direct-detaillist .directdpt-head i {color:#676a6c;}
.skin-3 .direct-detaillist .directdpt-head span.label {background: #1c84c6;}
.skin-3 .direct-detaillist .directdpt-head small {color:#676a6c;}
.skin-3 .document-blk .tabs-container .nav-tabs > li.active > a,.skin-3 .document-blk .tabs-container .nav-tabs > li.active > a:hover,
.skin-3 .document-blk .tabs-container .nav-tabs > li.active > a:focus {border: 1px solid #ecba52 !important;color: #ecba52;border-bottom: 0 !important;}
.skin-3 .document-blk .table .btn-group a,.skin-3 .document-blk .table .MobileList a {border: 1px solid #ecba52;margin-right: 5px;color: #ecba52;}
.skin-3 #tabMenu.active > a {border-bottom: 3px solid #ecba52 !important;border-top: 1px solid #ecba52 !important;border-left: 1px solid #ecba52 !important;border-right: 1px solid #ecba52 !important;}
.skin-3 .notifAlert .dropdown-messages-box .img-circle,.skin-3 .alertUl .alartui-list i,.skin-3 .auditLogTab .tab-pane i {color:#676a6c;}
.skin-3 .pto-middle .progress-bar-pos {background-color: #ecba52 !important;}
.skin-3 .timecard-filterbox .switch .round,.skin-3 .timecard-filterbox .switch1 .round,.skin-3 .newtime-table .form-group .select-cata{background-color: #ecba52 !important;}
.skin-3 .newtime-cal .ibox-title .fa-arrow-circle-left,.skin-3 .newtime-cal .ibox-title .fa-calendar,.skin-3 .newtime-cal .ibox-title .fa-arrow-circle-right {color: #ecba52 !important;}
.skin-3 .leave-select button{border: 2px solid #ecba52 !important;color:#ecba52;}
.skin-3 .leave-select button:hover{background: #ecba52 !important;}
.skin-3 .sweet-alert button {background-color: #ecba52 !important;}
.skin-3 .timecard-bottom .timecard-ibox .col-sm-4 a {color:#ecba52 !important;}
.skin-3 .check-box-cover input:checked ~ .checkmark {background-color: #ecba52 !important;border: 2px solid #ecba52 !important;}
.skin-3 .dashboard-page .ibox-title h5 .icon-badge{background-color: #ecba52 !important;}
.skin-3 .dashboard-page .ibox-title h5 {color: #fff !important;}
.skin-3 .dashboard-page .dsh-mid-left th {color: #fff;}
.skin-3 .dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec #tabMenu a,.skin-3 .dashboard-page .dsh-right .ibox-content .dsh-announce-btm .grid-list-sec2 #tabMenu a {border: 0px !important;}
.daterangepicker .calendar {display:block !important;}
.daterangepicker.dropdown-menu{right: 45px !important;width: 45% !important;z-index: 3000 !important;}
.daterangepicker.opensright:before,.daterangepicker.opensright:after {left: auto !important;right: 95px !important;}
.pagination li a{font-size:19px !important;padding: 1px 10px !important;}
.pagination li.pagination-first a, .pagination li.pagination-prev a,
.pagination li.pagination-next a,.pagination li.pagination-last a{font-size:19px !important;}
.pagination .pagination-page.active a{background-color: #1c84c6 !important;color:#fff !important;font-weight:400;border:1px solid #1d84c6;}
.btn-filt {color: #1c84c6 !important;box-shadow: rgba(0, 0, 0, 0.22) 0px 1px 5px 0px !important;background-color: #fff;}
.resetApply {background-color: #fff !important;color: #f67d7d !important;}
.filterApply {background-color: #fff !important;color: #0eb029 !important;}
.filterIsActive {background-color: #f25d5d !important; color: #fff !important;}
.filterIsActive i, .filterIsActive span{color: #fff !important;}
.hover-box:before,.hover-box:after {content: "";background: #fff;height: 0;
width: 0;z-index: 1;position: absolute;-webkit-transition-duration: 1.3s !important;-o-transition-duration: 1.3s;transition-duration: 1.3s !important;}
.hover-box:before  {right: 0;opacity: 1;top: 0;}
.hover-box:after  {bottom: 0;opacity: .7;left: 0;}
.hover-box:hover:before,.hover-box:hover:after  {height: 100%;opacity: 0;width: 100%;}
.fa {position: relative;}
.collapse-anim i{-webkit-animation-name: collap-anim;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear;}
.collapse-anim:hover i {-webkit-animation-name: collap-anim;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes collap-anim{
	0% { -webkit-transform: translate(0px, 0px)  }
	10% { -webkit-transform: translate(2px, 0px)  }
	10% { -webkit-transform: translate(3px, 0px)  }
}
.expand-anim{animation: expand-pulse .4s infinite alternate;}
.un-expand-anim{animation: expand-pulse .4s 12 alternate;}
@keyframes expand-pulse {10% {transform: scale(1)}100% {transform: scale(1.1)}}
.sweet-alert p {color: #000000 !important;font-size: 18px !important;}
/*unni*/
.bg-blue{background-color:#1c84c6 !important;}
.bg-blue-f6{background-color:#0095f6 !important;}
.bg-green{background-color:#2cA01C !important;}
.bg-teal {background-color: #1ab394 !important;}
.bg-orange { background-color: #e77200 !important;}
.bg-light-green { background-color: #deffe0 !important;}
.bg-light-green:hover { background-color: #deffe0 !important;}
.bg-light-blue { background-color: #def3ff !important;}
.bg-light-grey { background-color: #e8e8e8;}
.bg-light-orange {background-color: rgb(252 102 33 / 10%) !important;}
.bg-light-red {background-color: #FFD9D9;}
.text-green{color:#2cA01C !important;}
.text-green-2{color:#00bf0e !important;}
.text-yellow{color:#eeb42e !important;}
.text-cyan{color:#0cc3aa !important;}
.bg-grey-ee{background-color :#eeeeee !important;}
.bg-grey-dd{background-color :#dddddd !important;}
.bg-grey-f5{background-color : #f5f5f5 !important;}
.bg-grey-f7{background-color : #f7f7f7 !important;}
.bg-grey-f9{background-color : #f9f9f9 !important;}
.bg-red{background-color : #F86161 !important;}
.bg-terminated{background-color : #f56350 !important;}
.bg-cyan{background-color : #4FD3C4 !important;}
.text-grey-ee{color :#eeeeee;}
.text-grey-dd{color :#dddddd;}
.text-grey-b5{color :#b5b5b5;}
.text-save{color:#257d19 !important;}
.text-blue{color:#1c84c6 !important;}
.text-blue-f6{color:#0095f6 !important;}
.text-blue-48{color:#485EA7 !important;}
.text-red{color:#f65959 !important;}
.text-red-2{color:#f86161 !important;}
.text-orange{color:#fc6621 !important;}
.text-orange-2{color:#f39c11 !important;}
.text-fas-blue{color: #12B296 !important;}
.text-black-48{color:#48484A !important;}
.text-black-2b{color:#2b2b2b !important;}
.text-black-5a{color:#5a5a5a;}
.text-black-67{color:#676a6c !important;}
.text-black-1c, .text-black-1c:hover, .text-black-1c:active, .text-black-1c:focus{color:#1C1C1E !important;}
.text-black-83{color:#8e8e93 !important;}
.text-black-c4{color:#c4c4c4 !important;}
.text-black-33{color:#333333 !important;}
.text-linkedIn{color:#0a66c2 !important;}
.text-facebook{color:#0d8af0 !important;}
.text-twitter{color:#1d9bf0 !important;}
.text-skype{color:#0078ca !important;}
.text-website{color:#1c84c6 !important;}
.text-whatsapp{color:#25d366 !important;}
.op-0{opacity: 0;}
.op-5{opacity: .5;}
.op-10{opacity: 1;}
.excel-green{color:#257d19 !important;border-color:#257d19 !important;}
.pdf-red{color : #ec1c2d !important;}
.text-cancel{color:#ec1c2d !important;}
.text-capital{text-transform:uppercase !important;}
.bg-white{background-color:#ffffff !important;}
.icon-red{color:#c90101 !important;}
.icon-green{color:#2ca01c !important ;}
.icon-lightgreen{color:#95CD41 !important;}
.icon-blue{color:#1C658C !important;}
.icon-darkblue{color:#0f6fff !important;}
.icon-lightblue{color:#009DAE !important;}
.icon-yellow{color: #FFC93C !important;}
.icon-cyan{color:#08c1b1 !important;}
.icon-orange{color:#F76E11 !important;}
.icon-brown{color:#D06224 !important;}
/*labels*/
.bg-blue-f6-label{background-color:#0095f6; color: #fff; border-radius: 50px; padding: 0px 5px; font-weight: 500; font-size: 14px; margin-left: 10px; margin-right: 10px;}
.bg-blue-label{background-color:#1c84c6; color: #fff; border-radius: 50px; padding: 0px 5px; font-weight: 500; font-size: 14px; margin-left: 10px; margin-right: 10px;}
.bg-green-label{background-color:#2cA01C; color: #fff; border-radius: 50px; padding: 0px 5px; font-weight: 500; font-size: 14px; margin-left: 10px; margin-right: 10px;}
.bg-grey-label{background-color:#ddd; color: #48484a; border-radius: 50px; padding: 0px 5px; font-weight: 500; font-size: 14px; margin-left: 10px; margin-right: 10px;}
/*hovers*/
.hrv-blue{/*color: #1c1c1e;font-weight:600;*/ cursor: pointer;}
.hrv-blue:hover{color: #0095f6 !important;font-weight:500 !important; cursor: pointer;}
.hrv-blue-600{color: #1c1c1e;font-weight:600; cursor: pointer;}
.hrv-blue-600:hover{color: #0095f6 !important;font-weight:600 !important; cursor: pointer;}
.hrv-bg-blue:hover{background-color: #0095f6 !important;font-weight:500 !important; cursor: pointer; color: #fff !important}
.hrv-bg-grey-ee{padding:5px 6px !important; cursor: pointer;}
.hrv-bg-grey-ee:hover{background-color :#eeeeee !important;}
.hrv-bg-grey-f2:hover{background-color :#f2f2f2 !important;}
.hrv-brd-green{border-left: 10px solid #2CA01C !important;}
.hrv-brd-green:hover{border-left: 10px solid #2CA01C !important;}
.hrv-brd-green-2:hover{border-left: 5px solid #2CA01C !important;}
.hrv-brd-green-sel{border-left: 7px solid #2CA01C !important; color: #fff !important;}
.hrv-brd-blue-sel{border-left: 7px solid #0095f6 !important; color: #fff !important;}
.hrv-text-blue {color:#48484A !important; font-weight:400;}
.hrv-text-blue:hover{color:#1c84c6 !important; text-decoration:underline;}
.hrv-text-orange {color:#1c84c6; font-weight:800;transition:2s;font-size:17px;}
.hrv-text-orange:hover{color:#1c84c6 !important; font-weight:800 !important;letter-spacing:1px;transition:0.5s;}
.hrv-bg-grey-fa:hover {background-color :#fafafa !important;}
.hrv-arw-no-bg:hover:active:focus {background:none !important;} 
.click-green:visited {color:#2ca01c !important;}
.hrv-undeline:hover{text-decoration:underline; cursor: pointer;}
.hrv-10-left:hover{padding-left:10px; transition:0.5s;}
.hrv-show{display:none;}
.hrv-show:hover{display:block;}
.hrv-brd-green-table-sel {/*border-left: 7px solid #2CA01C !important;*/background-color: #deffe0 !important;}
.bold{ font-weight:bold !important;}
.fw-6{ font-weight:600 !important;}
.fw-5{ font-weight:500 !important;}
.fw-4{ font-weight:400 !important;}
.text-Crctformat{white-space: pre-wrap;}
.display-none{display: none;}
.display-flex{display: flex; align-items: center;}
.display-content{display: contents;}
.display-block{display: block !important;}
.display-grid{display: grid !important;}
.display-tablecell{display: table-cell !important;}
.display-inline{display: inline !important;}
.no-background{background:none !important;}
.cursor-pointer{cursor:pointer !important;}
.cursor-notallowed{cursor:not-allowed !important; pointer-events: none;} 
.cursor-nodrop{cursor: no-drop;}
.cursor-no{cursor:no-drop !important;}
.no-padding, p-0 {padding: 0 !important;}
.p-8{padding: 8px !important;}
.p-5{padding:5px !important;}
.p-10{padding:10px !important;}
.p-15{padding:15px !important;}
.p-20{padding:20px !important;}
.p-4-8{padding:4px 8px !important;}
.pt-10{padding-top:10px;}
.ptb-5{padding:5px 0 !important;}
.ptb-10{padding:10px 0 !important;}
.pt-0{padding-top:0px !important;}
.pt-5{padding-top:5px !important;}
.pt-7{padding-top:7px !important;}
.pt-15{padding-top:15px !important;}
.pt-20{padding-top:20px !important;}
.pt-30{padding-top:30px !important;}
.pt-50{padding-top:50px !important;}
.pt-70{padding-top:70px !important;}
.prl-0{padding-left: 0 !important; padding-right: 0 !important;}
.prl-5{padding: 0 5px !important;}
.prl-10{padding: 0 10px !important;}
.prl-15{padding: 0 15px !important;}
.p-0-r-6{padding: 0 6px 0 0 !important;}
.p-0-l-6{padding: 0 0 0 6px !important;}
.pr-0{padding-right:0px !important;}
.pl-10{padding-left: 10px !important;}
.pl-5{padding-left: 5px !important;}
.pl-15{padding-left: 15px !important;}
.pl-20{padding-left: 20px !important;}
.pl-30{padding-left: 30px !important;}
.pr-5{padding-right: 5px !important;}
.pr-10{padding-right: 10px !important;}
.pr-15{padding-right: 15px !important;}
.pr-20{padding-right: 20px !important;}
.pr-40{padding-right: 40px !important;}
.p-6-12{padding: 6px 12px !important;}
.p-5-10{padding: 5px 10px !important;}
.p-5-20{padding: 5px 20px !important;}
.p-7-10{padding: 7px 10px !important;}
.p-5-30{padding: 5px 30px !important;}
.p-10-30{padding: 10px 30px !important;}
.p-15-10{padding: 15px 10px !important;}
.p-10-15{padding: 10px 15px !important;}
.p-20-10{padding: 20px 10px !important;}
.p-0-5{padding: 0 5px !important; }
.p-0-10{padding: 0px 10px !important;}
.p-0-15{padding: 0px 15px !important;}
.p-10-0{padding: 10px 0px !important;}
.p-10-5{padding: 10px 5px !important;}
.p-5-0{padding: 5px 0px !important;}
.p-10-0{padding: 10px 0px !important;}
.p-15-0{padding: 15px 0px !important;}
.p-15-5{padding: 15px 0px !important;}
.p-20-0{padding: 20px 0px !important;}
.z-1{z-index:1 !important;}
.z-100{z-index:100;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-15{margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-10-0 {margin: 10px 0 !important;}
.m-15-0 {margin: 15px 0 !important;}
.m-0-10 {margin: 0 10px !important;}
.m-0-15 {margin: 0 15px !important;}
.m-0-60 {margin: 0 60px !important;}
.no-margin, .m-0, .no-margins{margin: 0 !important;}
.mtb-5{margin:5px 0 !important;}
.mtb-10{margin:10px 0 !important;}
.mtb-15{margin:15px 0 !important;}
.mtb-20{margin:20px 0 !important;}
.mlr-10{margin:0 10px !important;}
.mb-5{margin-bottom : 5px !important;}
.mb-10{margin-bottom : 10px !important;}
.mb-15{margin-bottom : 15px !important;}
.mb-20{margin-bottom : 20px !important;}
.mb-30{margin-bottom : 30px !important;}
.mb-0{margin-bottom : 0px !important;}
.-mb-10{margin-bottom : -10px !important;}
.mt-5{margin-top : 5px !important;}
.mr-0{margin-right : 0px !important;}
.mrl-0{margin-right : 0px !important; margin-left: 0 !important;}
.mrl-5{margin-right : 5px !important; margin-left: 5px !important;}
.mrl-10{margin-right : 10px !important; margin-left: 10px !important;}
.mr-5{margin-right : 5px !important;}
.mr-10{margin-right : 10px !important;}
.mr-15{margin-right : 15px !important;}
.mr-20{margin-right : 20px !important;}
.mr-30{margin-right : 30px !important;}
.mt-7{margin-top : 7px !important;}
.mt-0{margin-top : 0px !important;}
.mt-10{margin-top : 10px !important;}
.mt-15{margin-top : 15px !important;}
.mt-20{margin-top : 20px !important;}
.mt-30{margin-top : 30px !important;}
.mt-40{margin-top : 40px !important;}
.mt-60{margin-top : 60px !important;}
.mt-100{margin-top : 100px !important;}
.mb-100{margin-bottom : 100px !important;}
.mt-150{margin-top : 150px !important;}
.mt-200{margin-top : 200px !important;}
.mt-300{margin-top : 300px !important;}
.mt-160{ margin-top: 160px !important; }
.mt-180{ margin-top: 180px !important; }
.mt-215{ margin-top: 215px !important; }
.mt-145{ margin-top: 145px !important; }
.ml-0{margin-left : 0px !important;}
.ml-5{margin-left : 5px !important;}
.ml-8{margin-left : 8px !important;}
.ml-10{margin-left : 10px !important;}
.ml-15{margin-left : 15px !important;}
.ml-20{margin-left : 20px !important;}
.pl-0{padding-left:0px !important;}
.pr-0{padding-right:0px !important;}
.pb-0{padding-bottom:0px !important;}
.pb-5{padding-bottom:5px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-30{padding-bottom:30px !important;}
.h-40{height:40px !important;}
.h-35{height:35px;}
.h-30{height:30px;}
.trans-1s { transition: 1s; }
/*Borders*/
.brd-b-1-aa{border-bottom:1px solid #aaaaaa !important;}
.brd-b-1-cc{border-bottom:1px solid #cccccc !important;}
.brd-b-1-67{border-bottom:1px solid #676a6c !important;}
.brd-b{border-bottom:2px solid #e5e6e7 !important;}
.brd-b-1{border-bottom:1px solid #e7eaec !important;}
.brd-b-1-ee{border-bottom:1px solid #eee !important;}
.brd-b-1-dd{border-bottom:1px solid #ddd !important;}
.brd-b-2-dd{border-bottom:2px solid #ddd !important;}
.brd-b-2-ee{border-bottom:2px solid #eee !important;}
.brd-r-1-ee{border-right:1px solid #eee !important;}
.brd-r-2-ee{border-right:2px solid #eee !important;}
.brd-r-2-bb{border-right:2px solid #bbb !important;}
.brd-b-2-bb{border-bottom:2px solid #bbb !important;}
.brd-l-2-ee{border-left:2px solid #eee !important;}
.brd-l-2-dd{border-left:2px solid #ddd !important;}
.brd-l-2-bb{border-left:2px solid #bbb !important;}
.brd-b-2-ff{border-bottom:2px solid #fff !important;}
.brd-t-1-ee{border-top:1px solid #eee !important;}
.brd-t-2-ee{border-top:2px solid #eee !important;}
.brd-t-1-dd{border-top:1px solid #ddd !important;}
.brd-t-2-dd{border-top:2px solid #ddd !important;}
/*label*/
.lab-red { padding: 0px 8px;color: #fff;margin-top: 10px !important;font-size: 14px !important;font-weight: bold;background-color: rgb(245, 99, 80) !important;padding-top: 5px;position: relative;top: 1px;border-radius: 6px;height: 24px;}
.br-radi-0{border-radius:0px !important;}
.br-radi-4{border-radius:4px !important;}
.br-radi-8{border-radius:8px !important;}
.br-radi-10{border-radius:10px !important;}
.br-radi-15{border-radius:15px !important;}
.br-radi-15-15-0-0{border-radius:15px 15px 0 0 !important;}
.br-radi-0-0-15-15{border-radius:0 0 15px 15px !important;}
.br-radi-10-10-0-0{border-radius:10px 10px 0 0 !important;}
.br-radi-0-0-10-10{border-radius:0 0 10px 10px !important;}
.br-radi-20{border-radius:20px !important;}
.br-radi-50{border-radius:50px !important;}
.rotate-180 {transform: rotate(180deg);}
.pointer {cursor:pointer;}
/*border & shadow session*/
.no-shadow{box-shadow:none !important;}
.box-shadow-one {box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 4px; border: none;}
.box-shadow-two {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 4px; border: none;}
.box-shadow-three {box-shadow: 0 3px 6px #00000029;}
.blue-box-shadow {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important}
.formBorder, .shadowBorder {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 10px;}
.formBorder, .shadowBorder:hover, .shadowBorder:active, .shadowBorder:focus {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important}
.selectedBorder{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important;}
.shadowBorder-right {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 0 25px 25px 0 !important; outline: none !important;}
.shadowBorder-right:hover, .shadowBorder-right:active, .shadowBorder-right:focus {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important; outline: none !important;}
.shadowBorder-left {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 25px 0px 0px 25px !important; outline: none !important;}
.shadowBorder-left:hover, .shadowBorder-left:active, .shadowBorder-left:focus {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important; outline: none !important;}
.inputshadowBorder {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 25px; font-size: 18px; font-weight: 400; background-color: #fff !important; outline: none !important;}
.inputshadowBorder:hover, .inputshadowBorder:active, .inputshadowBorder:focus {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6; font-weight: 500; outline: none !important;}
.inputshadowBorderforSearch {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; border: none !important; border-radius: 25px; font-size: 18px; font-weight: 400; background-color: #fff !important; outline: none !important;}
.mulSelctdrpdwnInput { display: flex; justify-content: space-between; align-items: center; padding: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 25px; outline: none !important; height: 40px;}
.mulSelctdrpdwnInput:hover, .mulSelctdrpdwnInput:active, .mulSelctdrpdwnInput:focus { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6; font-weight: 500; }
.mulSelctdrpdwnInput .text{font-size:18px; font-weight: 500; border: none; outline: none;}
.mainPeopleSelect .mulSelctdrpdwnInput .text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mulSelctdrpdwnInput i{font-size:10px;}
.resultBox{background-color: #fff; margin-top:5px; z-index: 9; position: absolute; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 5px; width: 350px; padding: 7px; left: 85px; top: -5px;}
.resultBox .list{ max-height: 200px; overflow-y: auto; margin-top: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.resultBox .searchbox input[type=text]{ border: 2px solid #1c84c6; }
.resultBox .list .checkboxContainer input[type=checkbox] { zoom: 1.4; margin: 0; accent-color: #0095f6;opacity: 1;top: 0px;left: 3px;}
.resultBox .list .checkboxContainer label { font-size: 18px; margin-top: -3px; margin-left: 4px; }
.resultBox.appoinmentCandi{width: 500px; z-index: 0 !important;}
.resultBox.appoinmentCandi .list{margin-top: 0 !important}
.resultBox.appoinmentCandi .list .checkbox{margin-top: 0 !important}
.resultBox.appoinmentCandi .list .checkbox .singleInF14{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 8px; padding: 8px; margin: 1px; background-color: #fff; cursor: pointer; transition: 0.5s; margin-bottom: 5px;}
.resultBox.appoinmentCandi .list .checkbox .singleInF14:hover{ background-color: #eee;}
.resultBox .buttons{ display: flex; }
.rec-Filter-Jobs .resultBox{left: 0;}
.frm2-input { border-radius: 0px; font-size: 18px; font-weight: 400; background-color: #f6f6f6 !important; border-bottom: 2px solid #ddd; color: #1c1c1e;}
.frm2-input:hover {font-weight: 500; background-color: #f2f2f2 !important; color: #1c1c1e;}
.frm3-input {font-size: 18px;font-weight: 400;background-color: #fafafa !important;border-radius: 13px;color: #1c1c1e;}
.frm3-input:hover {font-weight: 500;background-color: #f2f2f2 !important;color: #1c1c1e;}
/*buttons*/
.btn-completed{background-color: #3fa234 !important;border:2px solid #3fa234 !important;color: #fff !important;border-radius:4px;}
.btn-rejected{background-color: #ED5565 !important;border:2px solid #ED5565 !important;color: #fff !important;border-radius:4px;}
.btn-save {background-color: #fff !important;border:none !important;color: #3fa234; font-weight:bold; padding: 5px 10px; border-radius:4px; font-size:16px; margin-left:5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-save:hover {background-color: #2f9224 !important;border:none !important;color: #fff;}
.btn-save:focus {background-color: #2f9224 !important;border:none !important;color: #fff;}
.btn-cancel {background-color: #fff !important;border:none !important;color: #ED5565; font-weight:bold; padding: 5px 10px; border-radius:4px; font-size:16px; margin-left:5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-cancel:hover  {background-color: #ED5565 !important;border:none !important;color: #fff !important;}
.btn-cancel:focus {background-color: #ED5565 !important;border:none !important;color: #fff;}
.btn-view {background-color: #fff !important;border:none !important;color: #1c84c6; font-weight:bold; padding: 5px 10px; border-radius:4px; font-size:16px; margin-left:5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-view:hover  {background-color: #1c84c6 !important;border:none !important;color: #fff !important;}
/*.btn-view:focus  {background-color: #1c84c6 !important;border:none !important;color: #fff;}*/
.btn-audit {background-color: #fff !important;border:none;color: #EEB42E; font-weight:bold; padding: 5px 10px; border-radius:4px; font-size:16px; margin-left:5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-audit:hover {background-color: #EEB42E !important;border:none !important;color: #fff;}
.btn-add-rm {color: #1c84c6 !important;background-color: #fff; font-size: 16px;margin-bottom: 7px !important; font-weight: 500; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }   
.btn-add-rm:hover {background-color: #f5f5f5; color: #1c84c6 !important;}
.btn-search {background-color: #fff; color: #1c84c6; border: none; border-radius: 4px !important; font-size: 23px; padding: 0px 8px; margin-left: 20px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px; }
.btn-back {color: #1c84c6 !important;background-color: #fff; font-size: 16px;margin-bottom: 7px; font-weight: 500;border-radius:4px;padding: 5px 10px !important; }
.btn-back:hover .mv-left {position: relative;animation: mymove 2s infinite;}
@keyframes mymove {from {right: -3px;} to {right: 10px;}}
.edit_title { margin: 0px 0px 10px 0px; border-bottom: 2px solid #e5e6e7; padding-bottom: 5px; }
.text-16{font-size:16pt !important;}
.text-15px{font-size:15px !important;}
.text-16px{font-size:16px !important;}
.text-17px{font-size:17px !important;}
.text-18px{font-size:18px !important;}
.text-20px{font-size:20px !important;}
.text-22px{font-size:22px !important;}
.text-25px{font-size:25px;}
.text-10px{font-size:10px !important;}
.text-12px{font-size:12px !important;}
.text-13px{font-size:13px !important;}
.text-14px{font-size:14px !important;}
.ls-30{letter-spacing: 30px;}
.text-26px{font-size:26px;}
.text-30px{font-size:30px !important;}
.text-40px{font-size:40px !important;}
.text-50px{font-size:50px !important;}
.text-align-center{text-align:center !important;}
.text-align-justify{text-align:justify;}
.vertical-align-center{vertical-align:middle !important;}
.vertical-align-top{vertical-align:top !important;}
.vertical-align-bottom{vertical-align: bottom !important;}
.text-align-left{text-align:left !important;}
.text-align-right{text-align:right;}
.no-padding-top { padding-top: 0 !important;}
.no-padding { padding: 0 !important; }
.btn-add {background: none; border: none; color: #808080; font-size: 18px; }
.filter-text {font-weight: bold;color: #000;text-transform: uppercase; opacity: 0.4 !important; font-size: 35px !important ; padding-left: 10px; cursor: pointer; letter-spacing:1px; }
.payroll-filter-text {margin: -7px 0px -7px 0px !important;}
.filter-tiles { text-align: left; width: 16% !important; color: #fff; margin-right: 15px; font-weight: bold;margin-bottom:0 !important; }
.filter-span, .filter-tiles-count {padding: 0px 3px;  margin-left: 6px; font-weight: bold; border-radius: 4px; width: 32%; text-align: center; color: #fff; }
.badge-align {text-align:right;}
.filter-tiles-count {width:30%;}
.filter-tiles {width:12%;} 
/*taskmanagement*/
.filter-title-all { background-color: #77A6F7;color:#fff ; border:2px solid #77A6F7; border-radius:5px;}
.filter-title-pending {background-color: #FB7E00; color: #fff; border:2px solid #FB7E00; border-radius:5px; }
.filter-title-signed { background-color: #1c84c6; color: #fff; border:2px solid #1c84c6; border-radius:5px; }
.filter-title-canceled{ background-color:#ed5565;color:#fff; border:2px solid #ed5565; border-radius:5px; }
.filter-title-received { background-color: #1E8105;color:#fff; border:2px solid #1E8105; border-radius:5px;}
.filter-title-count-all{background-color: #fff; color: #77A6F7;}
.filter-title-count-pending {background-color: #fff; color: #FB7E00;}
.filter-title-count-signed {background-color: #fff; color:  #1c84c6;}
.filter-title-count-canceled {background-color: #fff; color: #ed5565;}
.filter-title-count-received {background-color: #fff; color: #1E8105;}
/*.filter-title-all:hover, .filter-title-all:active, .filter-title-all:focus { background-color:  #77A6F7;color:#fff; }*/
.filter-title-pending:hover, .filter-title-pending:active, .filter-title-pending:focus { background-color: #FB7E00;color:#fff; }
.filter-title-signed:hover, .filter-title-signed:active, .filter-title-signed:focus { background-color: #1c84c6;color:#fff; }
.filter-title-canceled:hover, .filter-title-canceled:active,.filter-title-canceled:focus { background-color: #ed5565;color:#fff; }
.filter-title-received:hover, .filter-title-received:active,.filter-title-received:focus { background-color: #1E8105;color:#fff; }
.taskqukmnu .nav-tabs > li > a:hover,.taskqukmnu .nav-tabs > li > a:focus{background-color: #f2f2f2; color: #48484a !important; font-weight: 500 !important; border-radius:50px; transition: 0.3s;}
.taskqukmnu #tabMenu.active > a{padding: 4px 14px !important; color: #48484a; font-weight: 500; background-color: #f2f2f2 !important; border: none !important; border-radius:50px; transition: 0.3s; margin-top: 4px;}
.taskqukmnu .nav.nav-tabs li{border-radius: 50px;}
.quickicon{margin: 10px 0px 10px; padding-left: 0px; display: table; width: 100%;}
.quickicon li { display: table-cell; margin-left: 0px; list-style: none; position: relative; white-space: nowrap;}
.quickicon li a { color: #fff !important; font-weight: 400; padding: 4px 5px; width: 33px; height: 33px; margin-left: 6px !important; border-radius: 50%; border: 2px solid #fff; font-size: 16px;}
.quickicon li:nth-child(1) a{background-color: #00bf0e !important;}
.quickicon li:nth-child(2) a{background-color: #ff7735 !important;}
.quickicon li:nth-child(3) a{background-color: #ffbe0f !important;}
.quickicon li:nth-child(4) a{background-color: #51c2d5 !important;}
.icon-data-one{position: absolute; font-size: 12px; margin-left: 21px; margin-top: 5px;text-transform: capitalize; display: none; color: #48484a;}
.icon-one:hover .icon-data-one{display: block;}
.icon-data-two{position: absolute; font-size: 12px; margin-left: 21px; margin-top: 5px;text-transform: capitalize; display: none; color: #48484a;}
.icon-two:hover .icon-data-two{display: block;}
.icon-data-three{position: absolute; font-size: 12px; margin-left: 21px; margin-top: 5px;text-transform: capitalize; display: none; color: #48484a;}
.icon-three:hover .icon-data-three{display: block;}
.icon-data-four{position: absolute; font-size: 12px; margin-left: 21px; margin-top: 5px;text-transform: capitalize; display: none; color: #48484a;}
.icon-four:hover .icon-data-four{display: block;}
.tsk-desc .note-editor .note-toolbar {border-radius: 15px 15px 0 0;}
.tsk-sec-select{background-color: #f2f2f2; color: #48484a !important; font-weight: 500 !important; border-radius: 50px; transition: 0.3s;}
/*payroll*/
.payroll-title-draft { background-color: #fff;color:#fb7e00 ; border:2px solid #fb7e00; border-radius:4px;}
.payroll-title-submitted { background-color: #fff;color:#1c84c6 ; border:2px solid #1c84c6; border-radius:4px;}
.payroll-title-rejected { background-color: #fff;color:#f25d5d ; border:2px solid #f25d5d; border-radius:4px;}
.payroll-title-completed { background-color: #fff;color:#2ca01c ; border:2px solid #2ca01c; border-radius:4px;}
.payroll-title-draft:hover, .payroll-title-draft:active, .payroll-title-draft:focus { background-color: #fb7e00;color:#fff; border:2px solid #fb7e00; border-radius:4px;}
.payroll-title-submitted:hover, .payroll-title-submitted:active, .payroll-title-submitted:focus { background-color: #1c84c6;color:#fff; border:2px solid #1c84c6; border-radius:4px;}
.payroll-title-rejected:hover, .payroll-title-rejected:active, .payroll-title-rejected:focus { background-color: #f25d5d;color:#fff; border:2px solid #f25d5d; border-radius:4px;}
.payroll-title-completed:hover, .payroll-title-completed:active, .payroll-title-completed:focus { background-color: #2ca01c;color:#fff; border:2px solid #2ca01c; border-radius:4px;}
.payroll-title-draft:hover .payroll-title-count-draft, .payroll-title-draft:active .payroll-title-count-draft, .payroll-title-draft:focus .payroll-title-count-draft { background-color: #fff !important;color:#fb7e00;}
.payroll-title-submitted:hover .payroll-title-count-submitted, .payroll-title-submitted:active .payroll-title-count-submitted, .payroll-title-submitted:focus .payroll-title-count-submitted { background-color: #fff !important;color:#1c84c6;}
.payroll-title-rejected:hover .payroll-title-count-rejected, .payroll-title-rejected:active .payroll-title-count-rejected, .payroll-title-rejected:focus .payroll-title-count-rejected { background-color: #fff !important;color:#f25d5d;}
.payroll-title-completed:hover .payroll-title-count-completed, .payroll-title-completed:active .payroll-title-count-completed, .payroll-title-completed:focus .payroll-title-count-completed { background-color: #fff !important;color:#2ca01c;}
.payroll-modal-image{object-fit:cover; width: 65px; height: 65px; border-radius: 50%; margin-left:15px;}
.payroll-modal-w4{font-size: 13px !important; font-weight:500;}
.payroll-modal-name{font-size: 25px; color: #1c1c1e; font-weight:500;}
.payroll-modal-onboarding{font-weight: 500; font-size: 15px; margin-left:2px;}
.payroll-modal-doticon{margin-left: 15px}
.un-pay-table:hover .un-pay-table-text{color: #1c84c6 !important;}
.un-pay-table .un-pay-table-text{color: #1C1C1E !important;}
.holdtd{position:relative; left:100px; padding: 10px !important;}
.holdth{position: absolute; width: 5em; top: auto; border-top-width: 1px;margin-top: -1px;background-color: #fff !important; z-index: 50;padding: 10px !important;}
.ytd-table {overflow-x: hidden; overflow-y: visible; padding: 0;}
.ytd-table tr td th {padding: 15px !important;}
.ytd-table td {border-top: 2px solid #e7eaec !important;}
.ytd-table:hover {overflow-x: scroll;}
.w4-table-2 tr{border: none !important;}
.w4-table-2 td{border: none !important; color: #48484a; padding: 0 15px; font-weight: 500; font-size: 16px;}
.ytd-details-table{overflow-x: hidden;}
.ytd-details-table:hover {overflow-x: scroll;}
.ytd-details-table table{width: 150% !important; max-width: 150% !important;}
.ytd-table-width{width:26% !important;}
.un-table-box { overflow-y:auto; max-height: 600px; position:relative; z-index: 2020;}
.un-table-box::-webkit-scrollbar-track { box-shadow:none; border-radius: 10px; background-color: #fff;}
.un-table-box::-webkit-scrollbar{width: 13px !important; background-color: #fff; box-shadow:none;}
.un-table-box::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #eee; box-shadow:none; }
.un-table-box::-webkit-scrollbar-thumb:hover { background-color: #ddd; }
.un-table-box th { position:sticky; top:0; background-color:#eee !important;}
.un-table-box-2 { overflow-y:scroll; max-height: 300px; position:relative; z-index: 2020;}
.un-table-box-2::-webkit-scrollbar-track { box-shadow:none; border-radius: 10px; background-color: #fff;}
.un-table-box-2::-webkit-scrollbar{width: 13px !important; background-color: #fff; box-shadow:none;}
.un-table-box-2::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #eee; box-shadow:none; }
.un-table-box-2::-webkit-scrollbar-thumb:hover { background-color: #ddd; }
.un-table-box-2 th { position:sticky; top:0; background-color:#fff !important;}
.un-audit-table { overflow-y:hidden; max-height: 600px; position:relative; z-index: 2020;}
.un-audit-table:hover { overflow-y:auto;}
.un-audit-table::-webkit-scrollbar-track { box-shadow:none; border-radius: 10px; background-color: #fff;}
.un-audit-table::-webkit-scrollbar{width: 13px !important; background-color: #fff; box-shadow:none;}
.un-audit-table::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #eee; box-shadow:none; }
.un-audit-table::-webkit-scrollbar-thumb:hover { background-color: #ddd; }
.un-audit-table th { position:sticky; top:0;background-color:#fff !important;}
.un-audit-sec { overflow-y:hidden; height: 600px; position:relative; z-index: 2020;}
.un-audit-sec:hover { overflow-y:scroll;}
.un-audit-sec::-webkit-scrollbar-track { box-shadow:none; border-radius: 10px; background-color: #fff;}
.un-audit-sec::-webkit-scrollbar{width: 13px !important; background-color: #fff; box-shadow:none;}
.un-audit-sec::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #eee; box-shadow:none; }
.un-audit-sec::-webkit-scrollbar-thumb:hover { background-color: #ddd; }
.un-audit-sec thead { position:sticky; top:0;background-color:#fff !important;}
.un-sub-audit-table { overflow-y:hidden; height: 300px; position:relative; z-index: 2020;}
.un-sub-audit-table:hover { overflow-y:scroll;}
.un-sub-audit-table::-webkit-scrollbar-track { box-shadow:none; border-radius: 10px; background-color: #fff;}
.un-sub-audit-table::-webkit-scrollbar{width: 13px !important; background-color: #fff; box-shadow:none;}
.un-sub-audit-table::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #eee; box-shadow:none; }
.un-sub-audit-table::-webkit-scrollbar-thumb:hover { background-color: #ddd; }
.un-sub-audit-table th { position:sticky; top:0;background-color:#fff !important;padding:10px; font-size: 16px;z-index: 99; }
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0px 17px 9px -15px #111; }
.payroll-drpdwn .dropdown {position: relative;display: inline-block; top:8px;}
.payroll-drpdwn .dropdown-content {text-align: left;display: none;position: absolute;top: 28px;right: 0;background-color: #fff;min-width: 115px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 100;}
.payroll-drpdwn .dropdown-content a {color: #676a6c;font-weight: 500;padding: 12px 16px;text-decoration: none;display: block;font-size: 12px;border-bottom: 2px solid #eee;}
.payroll-drpdwn .dropdown-content a:hover {background-color: #eee;}
.payroll-drpdwn .dropdown:hover .dropdown-content {display: block;}
.payroll-checkbox .checkmark { border: solid 2px green !important; background-color: #fff !important; border-radius: 50px; }
.payroll-checkbox .check-box-cover input:checked ~ .checkmark { background-color: #2CA01C !important; border-color: #2CA01C !important; display: block !important; }
.payroll-task-sec{height: 350px; overflow: hidden;}
.payroll-task-sec:hover{overflow-y: auto;}
.un-arrow-steps .un-step{background-color: #ddd; height: 8px; width: 19%;display:inline-flex;border-radius:0; cursor:pointer;}
.un-arrow-steps span{font-size:16px; margin-top:15px; font-weight: 500; cursor:pointer;}
.un-arrow-steps span:hover{color: #0095F6 !important; text-decoration:underline;}
.un-step.current {background-color: #0095F6 !important;}
.un-step.done {background-color: #2CA01C !important;}
.green-label{ color:white; background-color:#2CA01C; font-size:14px; text-transform:uppercase; padding: 5px 10px; border-radius:4px; font-weight:500;position: relative;top: -3px;}
.yellow-label{ color:white; background-color:#FF9500; font-size:14px; text-transform:uppercase; padding: 5px 10px; border-radius:4px; font-weight:500;position: relative;top: -3px;}
.dde-row-heading {background-color: #eee;margin-top: 0;border-radius: 15px 15px 0px 0px;border: 1px solid #f6f6f6;color: #48484a}
.setEmail-secc{margin: 0 -10px; border-bottom: none; padding-bottom: 15px; padding-top: 15px;}
.setEmail-secc:nth-last-child(1){margin: 0 -10px; border-bottom: none !important; padding-bottom: 15px; padding-top: 15px;}
.dde-row-panels {margin-bottom: 15px; padding-top: 0; border-radius: 15px !important; }
.dde-row-heading-text {font-size: 17px; color:#48484a;}
.head-badge {height: 16px; margin-top: 10px; margin-left: 10px; }
.form-group-2 {margin: 0px 0px 15px 0px;}
.un-tabs { padding: 4px 12px 4px 12px;  border: 1px solid #676a6c!important;border-bottom: 3px solid #676a6c !important; background-color: #fff; border-radius: 4px 4px 0px 0px; color:#1c84c6;font-weight:bold;}
.un-tabs:hover { background-color: #eeeeee; color:#1c84c6;}
.un-filter-btn {background-color: #fff; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px; border-radius: 3px; margin-right: 10px; font-size: 16px !important; padding: 6px 12px; border: none; }
.un-form-element-search, .un-form-element-search:focus { width: 100% !important;border-radius: 3px; border: none; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px; }
.un-resetApply {background-color: #f25d5d !important; color: #fff !important; }
.search-border-shadow {box-shadow: rgba(0, 0, 0, 0) 0px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px !important;}
.filter-icon-box{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none; font-size: 23px; padding: 1px 10px; color: #1c84c6; border-radius: 4px;margin-left:10px;}
.filter-icon-delete {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #fff;border: none;font-size: 23px;padding: 1px 10px;color: #f65353 !important;border-radius: 4px;margin-left: 10px;}
.filter-icon-delete:hover {box-shadow: 0 5px 7px -3px #777;background-color: #fff;border: none;font-size: 23px;padding: 1px 10px;color: #f65353 !important;border-radius: 4px;margin-left: 10px;}
.view-icon {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #fff;border: none;font-size: 18px;padding: 1px 7px;color: #1c84c6 !important;border-radius: 4px;margin-right: 6px;}
.strikeText {text-decoration: line-through;}
.close-icon{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none; font-size: 18px; padding: 1px 7px; color: #ED5565 !important; border-radius: 4px;margin-right:6px;}
.trash-icon{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none; font-size: 18px; padding: 1px 9px; color: #1c84c6 !important; border-radius: 4px;margin-right:6px;}
.excel-icon {background-color: #fff;font-size: 21px !important;padding: 1px 14px !important;color: #658b38 !important;border-radius: 21px !important;border: 1px solid #658b38 !important; margin-right: 6px;}
.pdf-icon {background-color: #fff;font-size: 21px !important;padding: 1px 14px !important;color: #B30B00 !important;border-radius: 21px !important;border: 1px solid #B30B00 !important;margin-right: 6px;}
.circle-badge-custom {background-color: #1ea2fe4a !important;height: 35px !important;width: 35px !important;line-height: 35px !important;color: #1ea2fe;border-radius: 215px;text-align: center;margin-left: auto;margin-right: auto;}
.reply-icon {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #fff;border: none;font-size: 18px;padding: 1px 7px;color: #1c84c6 !important;border-radius: 4px;margin-right: 6px;}
.close-reload-icon{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none; font-size: 21px; padding: 2px 9px; color: #1c84c6 !important; border-radius: 4px;margin-right:6px;}
.comment-icon{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none; font-size: 18px; padding: 2px 9px; color: #676a6c; border-radius: 4px;margin-right:6px;}
.form-icon { padding: 6px 12px; width: 9%; }
.cancel-box {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #ed5565 !important; border-radius: 4px;margin-right:6px;}
.cancel-box:hover {box-shadow:0 5px 7px -3px #777; background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #ed5565 !important; border-radius: 4px;margin-right:6px;}
.save-box {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #3fa234 !important; border-radius: 4px;margin-right:6px;}
.save-box:hover {box-shadow: 0 5px 7px -3px #777; background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #3fa234 !important; border-radius: 4px;margin-right:6px;}
.edit-box {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #1c84c6 !important; border-radius: 4px;margin-right:6px;}
.edit-box:hover {box-shadow: 0 5px 7px -3px #777; background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #1c84c6 !important; border-radius: 4px;margin-right:6px;}
.audit-box {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #EEB42E !important; border-radius: 4px;margin-right:6px;}
.audit-box:hover {box-shadow: 0 5px 7px -3px #777; background-color: #fff; border: none !important; font-size: 18px; padding: 1px 7px; color: #EEB42E !important; border-radius: 4px;margin-right:6px;}
.edit-icon-box, .icon-box{border: 1px solid #686868 !important; padding: 0px 6px !important; font-size: 16px; background-color: #fff;color: #434040;border-radius:4px;margin-left:4px}
.bg-new-status, .bg-new-status:hover{background-color: rgba(233, 110, 127, 0.2); color:#E96E7F; font-weight: bold; border-radius: 60px; width: 90%; font-size: 14px; padding: 1px 5px;}
.bg-assigned-status, .bg-assigned-status:hover{background-color: rgba(238, 180, 46, 0.2); color:#EEB42E ; font-weight: bold; border-radius: 60px; width: 90%; font-size: 14px; padding: 1px 5px;}
.bg-in-progress-status, .bg-in-progress-status:hover{background-color: rgba(28, 132, 198, 0.2); color:#1c84c6; font-weight: bold; border-radius: 60px; width: 90%; font-size: 14px; padding: 1px 5px;}
.bg-hold-status, .bg-hold-status:hover{background-color: rgba(132, 140, 121, 0.2); color:#848C79 ; font-weight: bold; border-radius: 60px; width: 90%; font-size: 14px; padding: 1px 5px;}
.bg-completed-status, .bg-completed-status:hover{background-color: rgba(92, 209, 79, 0.2); color:#5CD14F; font-weight: bold; border-radius: 60px; width: 90%; font-size: 14px; padding: 1px 5px;}
.bg-new{background-color: rgb(233, 110, 127);}
.bg-assigned{background-color: rgb(238, 180, 46);}
.bg-in-progress{background-color: rgb(28, 132, 198);}
.bg-hold{background-color: #E96E7F !important;}
.bg-completed{background-color: #848C79;}
.status-round{border: 1px solid #676a6c;width: 40%; margin-bottom: -15px; border-radius: 100px}
.right-sub-box {box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;padding: 0px;border-radius: 4px; margin-bottom: 12px; }
.right-sub-title { background-color: #EEEEEE; text-transform: capitalize; padding: 5px 15px !important; font-weight: 500 !important; font-size: 17px; border-radius: 4px; color: #1c1c1e;}
.icon-sub-badge { background-color: #1c84c6; color: white; padding: 5px; font-size: 14px; padding-left: 7px; border-radius: 30px; }
.li-bg-hr{padding: 0px 5px;}
.li-bg-hr:hover{background-color: #eeeeee;border-radius: 4px;}
.un-goToTop { border-radius: 4px !important; width: 40px !important; height: 38px !important; bottom: 4% !important; right: 20px !important;  margin: 0px !important;  padding: 5px !important; background-color: #1c84c6; !important; position: fixed !important; z-index: 1000; border-color: #1c84c6 !important; opacity: 0.4; }
.un-goToTop:hover{ opacity:1; }
.un-goToTop i { animation: nudge 2s linear infinite alternate; top: 0; transform: translateY(0); position: absolute; left: 9px; font-size: 20px !important; }
.resetApply {background-color: #f25d5d !important;color: #fff !important;}
.filter-heading { color: #000; text-transform: uppercase; opacity: 0.2 !important; font-size: 35px; text-align: left;font-weight: bold;cursor: pointer;}
.add-btn{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color:#1c84c6 !important; font-size:16px; background:none; font-weight: bold;; border-radius:4px;}
.tile-badge{ width:16%; margin-left:1%;background-color:#fff; font-weight: bold;text-align:left; }
.tile-badge-new{color: #128C7E; border:2px solid #128C7E; border-radius:5px;}
.tile-badge-assigned{color: #EEB42E; border:2px solid #EEB42E; border-radius:5px;}
.tile-badge-in-progress{color: #1c84c6; border:2px solid #1c84c6; border-radius:5px;}
.tile-badge-hold{color: #E96E7F; border:2px solid #E96E7F; border-radius:5px;}
.tile-badge-completed{color: #848C79; border:2px solid #848C79; border-radius:5px;}
.tile-badge-new:hover, .tile-badge-new:active, .tile-badge-new:focus { background-color:  #128C7E;color:#fff; }
.tile-badge-assigned:hover, .tile-badge-assigned:active, .tile-badge-assigned:focus { background-color:  #EEB42E;color:#fff; }
.tile-badge-in-progress:hover, .tile-badge-in-progress:active, .tile-badge-in-progress:focus { background-color:  #1c84c6;color:#fff; }
.tile-badge-hold:hover, .tile-badge-hold:active, .tile-badge-hold:focus { background-color:   #E96E7F;color:#fff; }
.tile-badge-completed:hover, .tile-badge-completed:active, .tile-badge-completed:focus { background-color:  #848C79;color:#fff; }
.tile-badge-new:hover .tile-badge-new-count,.tile-badge-new:focus .tile-badge-new-count,.tile-badge-new:active .tile-badge-new-count {color: #128C7E; background-color: #fff !important; }
.tile-badge-assigned:hover .tile-badge-assigned-count,.tile-badge-assigned:focus .tile-badge-assigned-count,.tile-badge-assigned:active .tile-badge-assigned-count {color: #EEB42E; background-color: #fff !important; }
.tile-badge-in-progress:hover .tile-badge-in-progress-count,.tile-badge-in-progress:focus .tile-badge-in-progress-count,.tile-badge-in-progress:active .tile-badge-in-progress-count {color: #1c84c6; background-color: #fff !important; }
.tile-badge-hold:hover .tile-badge-hold-count,.tile-badge-hold:focus .tile-badge-hold-count,.tile-badge-hold:active .tile-badge-hold-count {color: #E96E7F; background-color: #fff !important; }
.tile-badge-completed:hover .tile-badge-completed-count,.tile-badge-completed:focus .tile-badge-completed-count,.tile-badge-completed:active .tile-badge-completed-count {color: #848C79; background-color: #fff !important; }
.image-badge {background-color: #fff; padding: 22px; border-radius: 50%;}
.info-panel { position: absolute; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #fff;right: 16%; top:110%; border-radius: 5px;padding: 18px 14px; z-index:1; }
.icon-badge {background-color: #1c84c6;color: white; padding: 5px;font-size: 17px !important;border-radius: 50px;width:30px; text-align:center !important; height:25px !important;}
.icon-topbadge { padding: 7px 7px 7px 8px; background-color: #3E7C17; color: #fff; border-radius: 50px; font-size: 15px;}
::-webkit-scrollbar {width: 12px !important; height: 8px !important; background-color: rgba(0,0,0,.3) !important;}
::-webkit-scrollbar-track { border-radius: 6px;background-color: #fff !important;}
::-webkit-scrollbar-thumb {background: #ddd;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background: #b2adad !important ;}
/* Buttons */
::-webkit-scrollbar-button:single-button {background-color: #eee; display: block; background-size: 13px; background-repeat: no-repeat;}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement { height: 12px; width: 16px; background-position: center 4px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>"); }
::-webkit-scrollbar-button:single-button:vertical:decrement:hover { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>"); }
::-webkit-scrollbar-button:single-button:vertical:decrement:active { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>"); }
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment { height: 12px; width: 16px; background-position: center 2px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>"); }
::-webkit-scrollbar-button:single-button:vertical:increment:hover { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>"); }
::-webkit-scrollbar-button:single-button:vertical:increment:active { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>"); }
.center-box { margin: auto; width: 70%; padding: 10px;}
.btn-checkBox {background-color: #36c622 !important;border: none !important;color: #fff;padding: 5px 10px;font-size: 14px;border-radius: 25px;margin-right: 5px;margin-left: 0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-checkBox:hover {background-color: #36c622 !important;color: #fff !important; }
.taskRightSecTopSec {background-color: #fff;padding: 7px 10px;border-radius: 11px;margin: 10px -6px 0 -6px;}
.label-custom {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #fff;border: none;font-size: 12px;padding: 1px 7px;border-radius: 3px;}
/*checkbox*/
.checkmark {border: solid 2px #1c84c6 !important;background-color: #fff !important;border-radius: 5px;}
.check-box-cover input:checked ~ .checkmark {background-color: #2CA01C !important;border-color: #2CA01C !important;display: block !important;}
.select-bg {background-color: #e2e2e2 !important;}
.un-tr-checkbox-hrw .un-checkbox-hrw {display:none;transition: 0.5s;}
.un-tr-checkbox-hrw .un-checkbox-hrw-2 {display:none;transition: 0.5s;}
.un-tr-checkbox-hrw .un-checkbox-hrw-3 {display:none;transition: 0.5s;}
.un-tr-checkbox-hrw:hover .un-checkbox-hrw {display: block;transition: 0.5s;}
.un-tr-checkbox-hrw:hover .un-checkbox-hrw-2 {display: inline-flex;transition: 0.5s;}
.un-tr-checkbox-hrw:hover .un-checkbox-hrw-3 {display: inline-block;transition: 0.5s;}
/*Benefits*/
.benefits .arrow-steps .step {background-color: #fff;height: 41px !important;margin-right: 10px !important;}
.benefits .arrow-steps .step:before {  border-left: 17px solid #eee; }
.benefits .arrow-steps .step:after {  border-left: 17px solid #fff; }
.benefits .client-avatar {height:25px !important; width: 25px !important; border-radius: 50px;}
.number-count{background-color: #1c84c6; color: #fff; padding: 3px 9px; border-radius: 50px; }
.ben-dep-mod{max-height: 200px; overflow-y: hidden;}
.ben-dep-mod:hover{max-height: 200px; overflow-y: auto;}
.ben-sum-tab1{max-height: 80px; overflow-y: hidden;}
.ben-sum-tab1:hover{overflow-y: auto;}
.btn-personal {color: #1ab394 !important;background-color: #fff !important;border: none !important;font-weight: bold;padding: 5px 10px;border-radius: 4px;font-size: 16px;margin-right: 5px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-personal:hover, .btn-personal:active, .btn-personal:focus {background-color: #1ab394 !important;color: #fff !important}
.btn-business {color: #1c84c6 !important;background-color: #fff !important;border: none !important;font-weight: bold;padding: 5px 10px;border-radius: 4px;font-size: 16px;margin-right: 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-business:hover, .btn-business:active, .btn-business:focus {background-color: #1c84c6 !important;color: #fff !important}
.un-table:hover .un-link-hrv{color:#1c84c6 !important; }
.un-link-hrv:hover{text-decoration:underline !important;}
.btn-incoming {color: #1c84c6 !important;background-color: #fff !important;}
.btn-incoming:hover { background-color: #1c84c6 !important; color: #fff !important }
.overflow-hidd{overflow-y: hidden !important;}
.overflow-y-hrv {scrollbar-color: red green;overflow-y: hidden;}
.overflow-y-hrv:hover{overflow-y: auto !important;}
/*loaders*/
/* Skeleton Loader */
@keyframes placeHolderShimmer {
0% {-webkit-transform: translateZ(0);transform: translateZ(0);background-position: -468px 0}
to {-webkit-transform: translateZ(0);transform: translateZ(0); background-position: 468px 0}}
._4-u8 { background-color: #fff;}
._4-u2 {border-radius: 3px;}
.mbm {margin-bottom: 10px;}
._2iwo {padding: 12px;}
._2iwq {-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;-webkit-animation-name: placeHolderShimmer;-webkit-animation-timing-function: linear;background: #f6f7f8;
background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-image: linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 800px 104px;height: 104px; position: relative;}
._2iwq {-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer;-webkit-animation-timing-function: linear;
    background: #f6f7f8; background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-image: linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 800px 104px;height: 104px;position: relative;}
._2rtk ._2iwq {-webkit-animation-name: prideShimmer;background-image: -webkit-linear-gradient(135deg, red 0%, orange 15%, yellow 30%, green 45%, blue 60%,indigo 75%, violet 80%, red 100%);
background-image: linear-gradient(135deg, red 0%, orange 15%, yellow 30%, green 45%, blue 60%,indigo 75%, violet 80%, red 100%); background-repeat: repeat;background-size: 50% auto}
.direction_rtl ._2iwq { -webkit-animation-direction: reverse }
._2iwq div {background: #fff;height: 6px;left: 0;position: absolute;right: 0}
div._2iwr {height: 40px;left: 40px;right: auto;top: 0;width: 8px}
div._2iws {height: 8px;left: 48px;top: 0}
div._2iwt { left: 136px; top: 8px }
div._2iwu { height: 12px; left: 48px; top: 14px }
div._2iwv { left: 100px; top: 26px }
div._2iww { height: 10px; left: 48px; top: 32px }
div._2iwx { height: 20px; top: 40px }
div._2iwy { left: 410px; top: 60px }
div._2iwz { height: 13px; top: 66px }
div._2iw- { left: 440px; top: 79px }
div._2iw_ { height: 13px; top: 85px }
div._2ix0 { left: 178px; top: 98px }
.pulsate { background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #00FF00, #F0F0F0);background-size: 400% 400%;-webkit-animation: Gradient 2.25s ease infinite;-moz-animation: Gradient 2.25s ease infinite;animation: Gradient 2.25s ease infinite; }
.circle { width: 30px; height: 30px; border-radius: 50%;}
@-webkit-keyframes Gradient {    0% { background-position: 0% 50% }    50% { background-position: 100% 50% }    100% { background-position: 0% 50% }}
@-moz-keyframes Gradient {
    0% { background-position: 0% 50% }    50% { background-position: 100% 50% }    100% { background-position: 0% 50% }}
@keyframes Gradient {
    0% { background-position: 0% 50% }    50% { background-position: 100% 50% }    100% { background-position: 0% 50% }}
/*Loader circle*/
#circle-loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 60px; height: 60px; margin: -76px 0 0 -76px; border: 7px solid #f3f3f3; border-radius: 50%; border-top: 7px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {
    0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.sk-chase {width: 40px;height: 40px;margin: 20px auto !important;position: relative;animation: sk-chase 2.5s infinite linear both;}
.sk-chase-dot {width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: sk-chase-dot 2.0s infinite ease-in-out both;}
.sk-chase-dot:before {content: '';display: block;width: 25%;height: 25%;background-color: #1c84c6;border-radius: 100%;animation: sk-chase-dot-before 2.0s infinite ease-in-out both;}
.sk-chase-dot:nth-child(1) {animation-delay: -1.1s;}
.sk-chase-dot:nth-child(2) {animation-delay: -1.0s;}
.sk-chase-dot:nth-child(3) {animation-delay: -0.9s;}
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s;}
.sk-chase-dot:nth-child(5) {animation-delay: -0.7s;}
.sk-chase-dot:nth-child(6) {animation-delay: -0.6s;}
.sk-chase-dot:nth-child(1):before {animation-delay: -1.1s;}
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s;}
.sk-chase-dot:nth-child(3):before {animation-delay: -0.9s;}
.sk-chase-dot:nth-child(4):before {animation-delay: -0.8s;}
.sk-chase-dot:nth-child(5):before {animation-delay: -0.7s;}
.sk-chase-dot:nth-child(6):before {animation-delay: -0.6s;}
@keyframes sk-chase {100% { transform: rotate(360deg);}}
@keyframes sk-chase-dot {80%, 100% {transform: rotate(360deg);}}
@keyframes sk-chase-dot-before {50% {transform: scale(0.4);}100%, 0% {transform: scale(1.0);}}
/*table loader start*/
.loaderTBJ7 tbody td { padding: 20px 0; min-width: 150px;}
.loaderTBJ7 tbody td span { color: #FEFEFE; }
.loaderTBJ7 tbody td span:last-child { border-radius: 0 8px 8px 0; }
.loaderTBJ7 .loading { position: relative;}
.loaderTBJ7 .bar { background-color: #eee; height: 30px; border-radius: 7px; width: 80%; margin: auto;}
.loaderTBJ7 .bar:after { position: absolute; transform: translateY(-50%); top: 50%; left: 0; content: ""; display: block; width: 100%; height: 24px; background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 80% ); background-size: 200px 24px; background-position: -100px 0; background-repeat: no-repeat; animation: loadingTAB 1s infinite; }
@keyframes loadingTAB { 40% {background-position: 100% 0;} 100% {background-position: 100% 0;}}
/*table loader end*/
.sec-head{ background-color:#eee; border-radius:15px 15px 0 0; padding: 5px 15px !important; margin:0;color:#48484a !important; }
.circle-badge-20 { height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 30px; color: white; margin-left: auto; margin-right: auto; background-color: #2cA01C !important; }
.circle-badge-21 { height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 30px; color: white; margin-left: auto; margin-right: auto; background-color: #FDA328  !important; }
.circle-badge-22 {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: #fb7e00 !important;margin-left: auto;margin-right: auto;background-color: #ffe2c5 !important;}
.circle-badge-23 {height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: #1ea2fe;margin-left: auto; margin-right: auto;background-color: #c9e9ff !important;}
.emailDropdownSpan {background: #e8e8e8 !important;color: #1c84c6 !important;font-size: 17px;border: 1px solid #d5d5d5;padding: 2px 7px;border-radius: 8px;margin-right: 5px;}
.emailDropdown {overflow-y: scroll;margin-top: 11px;background-color: #f6f6f6;padding: 14px;border-radius: 11px;height: 200px;font-size: 16px;color: #3c3d3d;font-weight: 400;}
.emailSelectButton {background-color: rgb(255 255 255) !important;border: none !important;color: #676A6C !important;font-weight: 500 !important;padding: 0px 4px !important;border-radius: 50px !important;font-size: 12px !important;margin-left: 5px !important;}
.dot-green {height: 10px;width: 10px;background-color: #2cA01C;border-radius: 50%;display: inline-block;}
.dot-green-2, .dot-green-3, .dot-green-4 { height: 10px; width: 10px; background-color: #6cc628; border-radius: 50%; display: inline-block; }
.dot-yellow, dot-yellow-2 { height: 10px; width: 10px; background-color: #FFCC00; border-radius: 50%; display: inline-block; }
.dot-orange { height: 10px; width: 10px; background-color: #FF9500; border-radius: 50%; display: inline-block; }
.dot-grey { height: 10px; width: 10px; background-color: #707070; border-radius: 50%; display: inline-block; }
.dot-red { height: 10px; width: 10px; background-color: #EC0101; border-radius: 50%; display: inline-block; }
.dot-red-2 { height: 10px; width: 10px; background-color: #f64846; border-radius: 50%; display: inline-block; }
.dot-blue {height: 10px;width: 10px;background-color: #1c84c6;border-radius: 50%;display: inline-block;}
.dot-dd-green { height: 15px; width: 15px; background-color: #2cA01C; border-radius: 50%;display:inline-block; position:relative; top:7px;}
.dot-dd-red { height: 15px; width: 15px; background-color: #f66b61; border-radius: 50%;display:inline-block; position:relative; top:7px; }
.dot-dd-orange { height: 15px; width: 15px; background-color: #ff9800; border-radius: 50%;display:inline-block; position:relative; top:7px; }
.dot-dd-grey { height: 15px; width: 15px; background-color: #676a6c; border-radius: 50%;display:inline-block; position:relative; top:7px; }
.dot-dd-blue { height: 15px; width: 15px; background-color: #00bcd4; border-radius: 50%;display:inline-block; position:relative; top:7px; }
.dot-dd-darkblue { height: 15px; width: 15px; background-color: #1ea2fe; border-radius: 50%;display:inline-block; position:relative; top:7px; }
.dot-dd-text { position:relative; top:-6px; margin-left: 20px; font-size: 20px; font-weight:500;}
/*Rounded Action Icons*/
.rounded-action .cir-btn,.document-blk #Paystubs .scroll-res .cir-btn{width: 30px;height: 30px;outline: none !important;font-size: 16px !important;color: #fff !important;border-radius: 30px !important;padding: 2px 3px !important;}
.rounded-action .cir-btn.bwt-cancel {background-color: rgba(221, 221, 221, 1) !important;color: #676A6C !important;}
.rounded-action .btn-history{background-color: #dddddd;color: #676A6C !important;}
.rounded-action .btn-hand{background-color:#0ecd60 !important;}
.rounded-action .word-btn{background-color: #fff !important; color:#2ca01c !important; border:1px solid #2ca01c !important;}
.rounded-action .pdf-btn{background-color: #fff !important; color:#ea4e4e!important; border:1px solid #ea4e4e !important;}
.rounded-action .btn-dwld {background-color: #41c931 !important;}
.rounded-action .btn-floppy, .rounded-action .mail-btn {background-color: #2CA01C !important;}
.rounded-action .btn-copy {background-color: #ff9829 !important;}
.excel-icon-2{box-shadow: none; background-color: #EEE !important ; border: none; font-size: 16px; padding: 4px 15px; color: #2ca01c !important; border-radius: 50px; border: 1px solid #2ca01c; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.bwt-new {background-color: rgba(44, 160, 28, 1) !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50px!important; font-size:16px; margin-left:5px!important;}
.bwt-new:hover { background-color: rgba(44, 160, 28, 1) !important;}
.bwt-audit {background-color: #fc6621 !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50px!important; font-size:16px; margin-left:5px!important;}
.bwt-audit:hover { background-color: #fc6621 !important;}
.bwt-filter {background-color: rgba(44, 160, 28, 1); border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50px !important; font-size:16px; margin-left:5px !important;}
.bwt-filter:hover { background-color: rgba(44, 160, 28, 1);}
.bwt-save {background-color: rgba(44, 160, 28, 1) !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50px !important; font-size:16px; margin-left:5px;}
.bwt-save:hover {background-color: rgba(44, 160, 28, 1) !important;}
.bwt-view { background-color: #1c84c6 !important; border: none !important; color: #fff !important; font-weight: 500; padding: 5px 9px; border-radius: 50px !important; font-size: 16px; margin-left: 5px;}
.bwt-view:hover { background-color: #1c84c6 !important;}
.bwt-edit {background-color: rgba(0, 149, 246, 1) !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50px; font-size:16px; margin-left:5px;}
.bwt-edit:hover {background-color: rgba(0, 149, 246, 1) !important; }
.bwt-verifyId {background-color: rgba(0, 149, 246, 1) !important; border:none !important;color: #fff !important; font-weight:600; padding: 4px 20px 2px; border-radius:50px; font-size:12px; margin-left:0px;}
.bwt-verifyId:hover {background-color: rgba(0, 149, 246, 1) !important; }
.bwt-bgnone {background-color: transparent; border:none !important;color: #676a6c !important; font-weight:500; padding: 5px 10px; border-radius:50px; font-size:16px; margin-left:5px;}
.bwt-bgnone:hover {background-color: #ddd !important; }
.bwt-blue {background-color: #0095F6 !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50px !important; font-size:16px; margin-left:5px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important}
.bwt-blue:hover {background-color: #0095F6 }
.bwt-note {background-color: #20BBFC; border:none !important;color: #fff !important; font-weight:500; padding: 5px 9px; border-radius:50px !important; font-size:16px; margin-left:5px!important;}
.bwt-note:hover {background-color: #20BBFC; }
.bwt-cancel {background-color: rgba(221, 221, 221, 1); border:none !important;color: #676A6C; font-weight:500; padding: 5px 10px; border-radius:50px !important; font-size:16px; margin-left:5px !important;}
.bwt-cancel:hover, .bwt-cancel:active, .bwt-cancel:focus {background-color: rgba(221, 221, 221, 1); color: #676A6C !important;}
.bwt-cance2l {font-size: 17px;opacity: 1;background-color: rgba(221, 221, 221, 1);color: #48484A !important;padding: 5px 7px;position: absolute;right: 5px;top: 7px}
.bwt-cancel2:hover {background-color: rgba(221, 221, 221, 1);}
.bwt-dwld { background-color: #2CA01C; border: none !important; color: #fff; font-weight: 500; padding: 5px 10px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-dwld:hover { background-color: #1e850f !important; color: #fff !important;}
.bwt-delete {background-color: rgb(246, 89, 89) !important; border: none !important; color: #fff !important; font-weight: 500; padding: 5px 10px; border-radius: 50px!important; font-size: 16px; margin-left: 5px!important;}
.bwt-share {background-color: #00B7C2 !important; border: none !important; color: #fff !important; font-weight: 500; padding: 5px 10px; border-radius: 50px!important; font-size: 16px; margin-left: 5px!important;}
.bwt-delete .fa.fa-trash,.bwt-delete a:hover .fa.fa-trash{color:#fff !important;font-size: 17px;}
 .bwt-delete:hover { background-color: rgb(246, 89, 89) !important;}
.bwt-collapse {background-color: #ddd !important; border:none !important;color: #48484a !important; font-weight:500; padding: 5px 10px; border-radius:50%; font-size:16px; margin-left:5px;}
.bwt-collapse:hover {background-color: #ddd !important; color: #48484a !important;}
.bwt-arrow {background-color: #9dd8ff !important;color: #046bae !important;border: none !important;font-weight: 500;padding: 5.5px 9px;border-radius: 50%;font-size: 16px;margin-left: 5px;}
.bwt-arrow:hover {background-color: #9dd8ff !important;color: #046bae !important;}
.bwt-more {background-color: #9dd8ff !important;color: #046bae !important;border: none !important;font-weight: 500;padding: 5px 15px;border-radius: 50%;font-size: 16px;margin-left: 5px;}
.bwt-more:hover {background-color: #9dd8ff !important;color: #046bae !important;}
.bwt-info{background-color: #DDDDDD !important;border:none !important;color: #676A6C; font-weight:500 !important; padding: 6px 12px !important; border-radius:50%; font-size:18px !important;}
.bwt-info:hover{background-color: #d1cfcf !important;}
.bwt-info-2{background-color: #C7C7CC !important;border:none !important;color: #FFF; font-weight:500 !important; padding: 6px 12px !important; border-radius:50%; font-size:18px !important;}
.bwt-next{background-color: rgba(0, 149, 246, 1); color: #fff !important; border-radius: 50px; border:none; font-weight: 600;}
.bwt-next:hover{background-color: rgba(0, 149, 246, 1);}
.bwt-draft{background-color: rgba(44, 160, 28, 1); color: #fff !important; border-radius: 50px; border:none;}
.bwt-draft:hover{background-color: rgba(44, 160, 28, 1);}
.bwt-rej{background-color: rgba(237, 85, 101, 1); color: #fff !important; border-radius: 50px; border:none;}
.bwt-rej:hover{background-color: rgba(237, 85, 101, 1);}
.bwt-setup{background-color: rgba(252, 102, 33, 0.8) !important; color: #fff; border-radius: 50px; border:none; font-size: 16px; padding: 6px 8px;}
.bwt-setup:hover, .bwt-setup:focus, .bwt-setup:active{background-color: rgba(252, 102, 33, 1) !important; color: #fff;}
.bwt-w4form{background-color: #fff !important; color: #0095f6; border-radius: 50px; border:none; font-weight: 500; font-size: 16px;}
.bwt-w4form:hover, .bwt-w4form:focus, .bwt-w4form:active{background-color: #eee !important;color: #0095f6;}
.bwt-setup-2 {background-color: rgb(240 155 0) !important;color: #fff;border-radius: 50px;border: none;font-weight: 500;font-size: 15px;padding: 4px 10px 2px 10px;}
.bwt-setup-2:hover, .bwt-setup-2:focus, .bwt-setup-2:active {background-color: rgb(240 155 0) !important;}
.bwt-setup-3 {background-color: #1c84c6 !important;color: #fff;font-weight: 500;border-radius: 50px;border: none;font-size: 15px;padding: 4px 10px 2px 10px;}
.bwt-setup-3:hover, .bwt-setup-3:focus, .bwt-setup-3:active {background-color: #1c84c6 !important;}
.bwt-setup-4 {background-color: #2ca01c !important;color: #fff;border-radius: 50px;border: none;font-weight: 500;font-size: 15px;padding: 4px 10px 2px 10px;}
.bwt-setup-4:hover, .bwt-setup-4:focus, .bwt-setup-4:active {background-color: #2ca01c !important;}
.bwt-sep-hrv{padding:2px 11px 2px 9px; background:none;transition: 1s;}
.bwt-sep-hrv:hover {transition: 1s;background-color:#ddd;border-radius:50px;}
.bwt-help {font-weight:600; padding:1px 6px; background-color: #f64846 !important;border:none !important;font-size:12px !important;transition:0.5s;}
.bwt-help:hover {font-size:13px !important;transition:0.5s;}
.bwt-calender { background-color: #1ea2fe !important; border: none !important; color: #fff !important; font-weight: 500; padding: 5px 15px; border-radius: 50px !important; font-size: 14px;}
.lab-Fultime{background-color: #0095F6; color: #fff; border-radius: 5px; padding:4px 8px;}
.lab-Hourly{background-color: #2CA01C; color: #fff; border-radius: 5px;  padding:4px 8px;}
.lab-1099{background-color: #fc6621; color: #fff; border-radius: 5px;  padding:4px 8px;}
.lab-CORP-CPRP{background-color: #fc6621; color: #fff; border-radius: 5px;  padding:4px 8px;}
.bwt-excel { background-color: #fff;border-radius: 20px !important;border: 1px solid #00bf0e !important; color: #00bf0e !important; box-shadow: 0px 1px 5px 3px rgb(226,226,226);}
.bwt-excel:hover { background-color: #00bf0e !important; color: #fff !important}
.bwt-pdf { background-color: #fff;border-radius: 20px !important;border: 1px solid #e55041 !important; color: #e55041 !important; box-shadow: 0px 1px 5px 3px rgb(226,226,226);}
.bwt-pdf:hover { background-color: #e55041 !important; color: #fff !important;}
.bwt-word { background-color: #fff;border-radius: 20px !important;border: 1px solid  !important; color: #0095f6 !important; box-shadow: 0px 1px 5px 3px rgb(226,226,226); padding: 6px 11px !important;}
.bwt-word:hover { background-color: #0095f6 !important; color: #fff !important}
.bwt-call { background-color: #fff !important; border: none !important; color: #0095f6 !important; font-weight: 500; padding: 5px 9px 3px 10px; border-radius: 50px !important; font-size: 16px; margin-left: 5px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.bwt-call:hover { background-color: #0095f6 !important; color: #fff !important;}
.bwt-mail { background-color: #fff !important; border: none !important; color: #2EBE1A !important; font-weight: 500; padding: 5px 9px 3px 9px; border-radius: 50px !important; font-size: 16px; margin-left: 5px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #2EBE1A !important;}
.bwt-mail:hover { background-color: #2EBE1A !important; color: #fff !important;}
.bwt-pulseAni{ -webkit-animation: pulseButton 1.5s infinite !important; animation: pulseButton 1.5s infinite !important; }
.bwt-pulseAni:hover{ -webkit-animation: none; animation: none !important; }
@-webkit-keyframes pulseButton {
  0% { -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
  70% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); }
  100% { -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); box-shadow: 0 0 0 0 rgba(90, 153, 212, 0); }
}
.bwt-pulseAni2::before { content: "";display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  -webkit-animation: pulsate2 1s ease infinite; animation: pulsate2 1s ease infinite; border-radius: 50%; border: 4px double #ff6666; }
.bwt-pulseAni2:hover{ -webkit-animation: none; animation: none !important; }
@-webkit-keyframes pulsate2 { 
  0% { transform: scale(1); opacity: 1; }
  60% { transform: scale(1.3); opacity: 0.4; }
  100% { transform: scale(1.4); opacity: 0; }
}
@keyframes pulsate2 { 
  0% { transform: scale(1); opacity: 1; }
  60% { transform: scale(1.3); opacity: 0.4; }
  100% { transform: scale(1.4); opacity: 0; }
}
/*bwt-Level-2*/
.bwt-view-2 { background-color: #ccebff !important; border: none !important; color: #1c84c6 !important; font-weight: 500; padding: 5px 8px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-view-2:hover { background-color: #ccebff !important;color: #1c84c6 !important;}
.bwt-dwld-2 { background-color: rgba(65, 201, 49, 0.3) !important; border: none !important; color: rgba(65, 201, 49, 1) !important; font-weight: 500; padding: 5px 8px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-dwld-2:hover { background-color: rgba(65, 201, 49, 0.5) !important;color: #fff !important;}
.bwt-delete-2 {background-color: rgba(246, 89, 89, 0.3) !important; border: none !important; color: rgba(246, 89, 89, 1); font-weight: 500; padding: 5px 10px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-delete-2:hover { background-color: rgba(246, 89, 89, 0.5) !important;color: #fff !important;}
.bwt-copy-2 {background-color: rgb(255, 152, 41) !important; border: none !important; color: #fff;; font-weight: 500; padding: 5px 10px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-copy-2:hover { background-color: rgba(255, 152, 41, 0.5) !important;color: #fff !important;}
.bwt-grey-2 {background-color: rgba(103, 106, 108, 0.3) !important; border: none !important; color: #48484a; font-weight: 500; padding: 5px 10px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-orange-2 {color: #fff; background-color: #FB7E00 !important; border: none !important; font-weight: 500; padding: 5px 10px; border-radius: 50px; font-size: 16px; margin-left: 5px;}
.bwt-sm{padding: 3px 8px; font-size: 15px; margin-bottom: 0 !important}
/*Table button hover*/
.bwt-tr-hrv .bwt-hrv {display:none;}
.bwt-tr-hrv .bwt-hrv-opcty {opacity: 0; transition: .4s;}
.bwt-tr-hrv .bwt-hrv-2 {display:none;}
.bwt-tr-hrv:hover .bwt-hrv {display: block;position: relative !important;}
.bwt-tr-hrv:hover .bwt-hrv-opcty {opacity: 1;}
.bwt-tr-hrv:hover .bwt-hrv-2 {display:inline; position: relative !important; }
.bwt-tr-hrv:hover .bwt-hrv-hid {display:none !important;}
.bwt-tr-hrv:hover .bwt-hrv-opcty-hid {opacity: 0; transition: .4s;}
.bwt-tr-hrv:hover .bwt-hrv::before {background-image: linear-gradient( 90deg, rgba(#fff, 0.00) 0%, #fff 100% );width: 120px; transition: all .1s; content: ""; height: 47px; margin-left: -120px; position: absolute; top: 0; left: 0;}
.bwt-hrv-show { display: block !important; }
.bwt-hrv-hide { display: none !important; }
.tbl-tr-hvr .tbl-td{display:none;}
.bwt-info-small {background-color: #DDDDDD !important;border: none !important;color: #676A6C;font-weight: 500 !important;padding: 3px 8px !important;border-radius: 50%;font-size: 16px !important;}
.bwt-new:focus, .bwt-save:focus, .bwt-view:focus, .bwt-edit:focus, .bwt-note:focus, .bwt-cancel:focus, .bwt-delete:focus, .bwt-collapse:focus, .bwt-info:focus {-webkit-animation: pulse 0.7s infinite; animation-iteration-count: 1 }
.cusFile-Tble > tbody > tr > td{padding: 15px 6px;}
.cusFile-Tble .check-box-cover{padding: 0 !important; left: 21px;}
@-webkit-keyframes pulse {
    0% { @include transform(scale(.9));}
    70% { @include transform(scale(1)); box-shadow: 0 0 0 50px rgba(#5a99d4, 0);}
    100% { @include transform(scale(1)); box-shadow: 0 0 0 0 rgba(#5a99d4, 0);}
}
/*New Button April 28, 2023 start*/
.bttn-edit{ background-color: #fff !important; border: none !important; color: #0095f6 !important; font-weight: 500; padding: 5px 9px 3px 10px; border-radius: 50px !important; font-size: 16px; margin-left: 5px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.bttn-edit a{ color: #0095f6 !important; font-weight: 500; font-size: 16px; }
.bttn-edit:hover, .bttn-edit:active, .bttn-edit:focus{ background-color: #0095f6 !important; color: #fff !important; }
.bttn-edit:hover a, .bttn-edit:active a, .bttn-edit:focus a{ color: #fff !important; }
.bttn-new{ background-color: #fff !important; border: none !important; color: #2ca01c !important; font-weight: 500; padding: 5px 9px 3px 9px; border-radius: 50px !important; font-size: 16px; margin-left: 5px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #2EBE1A !important; }
.bttn-new:hover, .bttn-new:active, .bttn-new:focus{ background-color: #2ca01c !important; color: #fff !important; }
.bttn-del{ background-color: #fff !important; border: none !important; color: #f65959 !important; font-weight: 500; padding: 5px 9px 3px 9px; border-radius: 50px !important; font-size: 16px; margin-left: 5px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #f65959 !important; }
.bttn-del:hover, .bttn-del:active, .bttn-del:focus{ background-color: #f65959 !important; color: #fff !important; }
.bttn-cancel{ background-color: #fff !important; border: none !important; color: #676a6c !important; font-weight: 500; padding: 5px 9px 3px 9px; border-radius: 50px !important; font-size: 16px; margin-left: 5px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important }
.bttn-cancel:hover, .bttn-cancel:active, .bttn-cancel:focus{ background-color: #676a6c !important; color: #fff !important; }
.filter-icon-search, .filter-icon-cancel {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color: #0eb029;border: none;font-size: 23px; padding: 3px 11px;color: #fff;border-radius: 50%;margin-left: 10px;}
.filter-icon-search:hover {background-color: #fff !important;color: #0eb029 !important;}
.filter-icon-cancel {background-color: #eee;color: #6a6a6a;}
.filter-icon-cancel:hover {background-color: #fff;color: #f25d5d;}
.delete-icon-5 {color: #fe4d4d;}
.doc-tabone thead th #mybutton {background-color: #ddd !important;color: #676a6c !important;padding: 2px 8px;position: absolute;top: 0px;left: -10px;border-radius: 15px 0px 16px 0px;z-index: 9;}
.un-circle-grey {padding: 3px 10px;background-color: #c7c7c7; color: #fff;border-radius: 50px;font-weight: bold; font-size: 16px;margin-right:5px;}
.un-circle-blue {padding: 3px 10px;background-color: #0095f6; color: #fff;border-radius: 50px;font-weight: bold; font-size: 16px;margin-right:5px;}
.un-circle-green {padding: 3px 10px;background-color: #2ca01c; color: #fff;border-radius: 50px;font-weight: bold; font-size: 16px;margin-right:5px;}
.newlab-green{background-color: #deffe0 !important;color: #00bf0e!important;border-radius:4px;}
.newlab-red{background-color: #ffd2d2 !important; color: #ff3b04 !important;border-radius:4px;}
.newlab-blue{background-color: #cae9fe !important; color: #2977f5 !important;border-radius:4px;}
.newlab-grey{background-color: #a2a19f !important; color: #fff !important;border-radius:4px;}
.newlab-orange{background-color: #fde8d4 !important; color: #ff7a00 !important;border-radius:4px;}
.newlab-grey{background-color: #eee !important; color: #48484a !important;border-radius:4px;}
/*Timecard Buttons*/
.tmcrdAttachmentTable {border: none;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;padding: 0px;border-radius: 20px;}
.btn-tmcrd-save {font-size: 18px;padding: 5px 10px;border-radius: 50px;font-weight: 500;background-color: #1c84c6;color: #fff;margin-right: 10px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
 .btn-tmcrd-save:hover {background-color: #1c84c6;color: #fff;}
.btn-tmcrd-save:focus {background-color: #1c84c6;color: #fff;}
.btn-tmcrd-save:active {background-color: #1c84c6;color: #fff;}
.btn-tmcrd-submit {padding: 6px 14px;border-radius: 50px;font-weight: 500;background-color: #00BF0E;color: #fff;font-size: 17px;margin-right: 6px;border: none;box-shadow: none;}
.btn-tmcrd-submit:hover {background-color: #00BF0E;color: #fff;}
.btn-tmcrd-submit:focus {background-color: #00BF0E;color: #fff;}
.btn-tmcrd-submit:active {background-color: #00BF0E;color: #fff;}
.btn-tmcrd-save{background-color: rgba(44, 160, 28, 1) !important; border: none !important; color: #fff !important; font-weight: 500; padding: 6px 14px; border-radius: 50px !important; font-size: 16px; margin-left: 5px;}
.btn-tmcrd-attach { background-color: #15d3ad; border: none !important; color: #fff !important; font-weight: 500; padding: 5px 11px; border-radius: 50%; font-size: 16px;}
.btn-tmcrd-attach:hover { background-color: #15d3ad; color: #fff; }
.btn-tmcrd-attach:focus { background-color: #15d3ad; color: #fff; }
.btn-tmcrd-attach:active { background-color: #15d3ad; color: #fff;}
.btn-tmcrd-attach-large { border: none !important; font-weight: 500; padding: 5px 10px; border-radius: 50px; font-size: 16px; margin-left: 5px; background-color: #FF7735;}
.btn-tmcrd-attach-large:hover { background-color: #FF7735 !important;  color: #fff; }
.btn-tmcrd-attach-large:focus { background-color: #FF7735; color: #fff; }
.btn-tmcrd-attach-large:active { background-color: #FF7735; color: #fff; }
.btn-tmcrd-clone { padding: 5px 9px; font-size: 16px; border-radius: 50px; font-weight: 500; background-color: #ff9829; color: #fff; margin-right: 0px; border: none; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.btn-tmcrd-clone:hover { background-color: #ff9829; color: #fff; }
.btn-tmcrd-clone:focus { background-color: #ff9829; color: #fff; }
.btn-tmcrd-clone:active { background-color: #ff9829; color: #fff; }
.btn-tmcrd-approve { padding: 5px 10px; border-radius: 50px; font-weight: 500; background-color: #0EB029; color: #fff; margin-right: 5px; border: none;  box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.btn-tmcrd-approve:hover { background-color: #0b8b20; color: #fff; }
.btn-tmcrd-approve:focus { background-color: #0b8b20; color: #fff; }
.btn-tmcrd-approve:active { background-color: #0b8b20; color: #fff; }
.btn-tmcrd-reject {padding: 5px 10px;border-radius: 50px;font-weight: 500;background-color: #F25D5D;color: #fff;margin-right: 10px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.btn-tmcrd-reject:hover { background-color: #dd0000; color: #fff; }
.btn-tmcrd-reject:focus { background-color: #dd0000; color: #fff; }
.btn-tmcrd-reject:active { background-color: #dd0000; color: #fff; }
.bwt-tmCd-Remainder{background-color: rgb(246, 89, 89) !important; border: none !important; color: #fff !important; font-weight: 500; padding: 5px 10px; border-radius: 50px !important; font-size: 18px; margin: 0 0 5px !important;}
.btn-tmcrd-audit {padding: 5px 10px;border-radius: 50px;font-weight: 500;background-color: #1C84C6;color: #fff;margin-right: 10px;border: none;box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 5px 0px;}
.btn-tmcrd-audit:hover { background-color: #026eb2; color: #fff; }
.btn-tmcrd-audit:focus { background-color: #026eb2; color: #fff; }
.btn-tmcrd-audit:active { background-color: #026eb2; color: #fff; }
.timeCardFilterSection { border-bottom: 3px solid #e1e6e9; margin-left: 1%; margin-right: 1%; border-radius: 20px;}
.timeCardFilterSection .col-sm-5 .bwt-orange-2:hover{color:#fff;}
.timeCard-CommentHistory-Section { border-top: 3px solid #e1e6e9; border-radius: 20px; margin-top: 1%;}
.NoUpcomingHoliday { margin: 8px 0px 8px !important; font-size: 21px !important; color: #1c84c6 !important; font-weight: 400;}
.btn-tmcrd-holi {border-radius: 50px !important;border: none !important;background-color: rgb(251, 126, 0) !important;color: #fff !important;}
.btn-tmcrd-holi:focus :hover :active { border-radius: 50px !important; border: none !important; background-color: rgba(251, 126, 0, 1) !important;color: #fff !important;}
.tmcDateCls {padding: 7px;font-size: 20px;border-radius: 5px; border-radius: 20px;color: #1c84c6;}
.timesheetWeekLabel {font-size: 20px;font-weight: 400;}
.tmcrdOverallTotal {background-color: #fff;padding: 6px 11px 4px 11px;border-radius: 20px;font-size: 22px;color: #1c84c6 !important;}
.tmcrd-comment-header {background-color: #f1f1f6;min-height: 34px;padding: 8px 25px 1px 22px;border-radius: 21px 21px 0 0;}
.tmcrd-comment-header .bwt-new { background-color: #2ca41c !important;color: #fff !important;}
.tmcrd-comment-header .bwt-new:hover {background-color: #2ca41c !important;color: #fff !important;}
.tmcrd-attachment-modal-body {margin: 12px;border-radius: 10px;border: none;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);padding: 6px 21px;}
.sortOnClass {background-color: #00bf0e !important;color: #fff;}
/*Timecard Labels*/
.label-tmcrd-draft {padding: 3px 12px;border-radius: 4px;font-weight: 500;background-color: #fb7e00 !important;color: #ffffff !important;margin-right: 10px;border: none;float: right;}
.label-tmcrd-submitted {padding: 3px 12px;border-radius: 4px;font-weight: 500;background-color: #0074c1 !important;color: #ffffff !important;margin-right: 10px;border: none;float: right;}
.label-tmcrd-approved {padding: 3px 12px;border-radius: 4px;font-weight: 500;background-color: #3fa234 !important;color: #ffffff !important;margin-right: 10px;border: none;float: right;}
.label-tmcrd-rejected {padding: 3px 12px; border-radius: 4px;font-weight: 500;background-color: #ec1c2d !important;color: #ffffff !important;margin-right: 10px;border: none;float: right;}
.label-tmcrd-unsaved {padding: 3px 12px;border-radius: 4px;font-weight: 500;background-color: rgba(255, 153, 50, 0.3) !important;color: #FF9932 !important;margin-right: 10px;border: none;float: right;}
.timecard-EmpName-span {font-size: 23px;display: inline-block;margin-top: 5px;}
.timecard-projectName {background-color: #fff;margin-right: 10px;margin-top: -5px;padding: 5px 14px 3px 20px;border-radius: 50px;font-size: 15px;color: #555755;display: inline-flex;}
.timecard-calender-top {padding: 7px;color: #fff !important;font-size: 14px !important;background-color: #2ca01c;border-radius: 50px;}
.editSubTaskClass {padding: 0px;margin-top: 6px;margin-left: 12px;font-size: 19px;color: #2ca01c;}
.subtaskFilterSec {background-color: #fff;margin-top: 6px;margin-left: -2px;padding: 4px 0px 0px 11px;border-radius: 9px;}
.MessagesFilterSec {background-color: #fff;margin-top: 10px;padding: 0px 0px 0px 11px;border-radius: 9px;}
.btn-select-all {padding: 1px 10px;border-radius: 17px;border-color: rgba(44, 160, 28, 1);background-color: rgba(44, 160, 28, 1);}
.btn-select-all:hover {    border-color: rgba(44, 160, 28, 1);background-color: rgba(44, 160, 28, 1);}
.myteam-billing.myteam-timeapprove .panel-body .form-group .info-dtl {
position: absolute; background-color: rgb(255, 255, 255);right: 0;color: rgb(28, 132, 198);border-radius: 4px;padding: 2px 10px;z-index: 4000;font-size: 16px;width: 100%;margin-top: 30px;
box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;}
.myteam-mnthlycrd .panel-body .form-group .info-dtl {position: absolute;box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
background-color: rgb(255, 255, 255);right: 0;color: rgb(28, 132, 198);border-radius: 4px;padding: 2px 10px;z-index: 4000;font-size: 16px;width: 100%; margin-top: 30px;}
.myteam-mnthlycrd .panel-body .form-group select {width: 100% !important;border-radius: 21px;font-size: 17px;}
/*dashboard css*/
.dash-table-box {overflow-y: auto;max-height: 160px;}
.dash-table-box:hover { overflow-y:auto; max-height: 160px; }
.dash-table-box::-webkit-scrollbar-track,.dashboard-page .ibox-content::-webkit-scrollbar-track{ -webkit-box-shadow: none; border-radius: 10px; background-color: #fff;}
.dash-table-box::-webkit-scrollbar,.dashboard-page .ibox-content::-webkit-scrollbar{width: 8px !important; background-color: #fff; box-shadow:none;}
.dash-table-box::-webkit-scrollbar-thumb,.dashboard-page .ibox-content::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #eee; }
.dash-table-box::-webkit-scrollbar-thumb:hover,.dashboard-page .ibox-content::-webkit-scrollbar-thumb:hover { background-color: #ddd; width: 12px !important;}
.btn-tmcrd-prev-next:hover {background-color: #ccebff;color: #1c84c6;}
.btn-tmcrd-prev-next:active {background-color: #ccebff;color: #1c84c6;}
.btn-tmcrd-prev-next {margin-right: 10px;background-color: #ccebff;color: #1c84c6;border: none !important;font-size: 16px;border-radius: 50px;font-weight: 600;}
.btn-tmcrd-prev-current {margin-right: 10px;border: none !important;border-radius: 50px;font-weight: 600;padding: 6px 11px;font-size: 19px;background-color: #1c84c6 !important;color: #fff !important;}
.currentWeekSpan {position: absolute;left: 19px;top: 27px;color: #5c5c5c;}
.btn-tmcrd-prevNxt-submitted {margin-right: 10px;background-color: #ffdcca !important;color: #FF7735 !important;border: none !important;font-size: 16px;border-radius: 50px;font-weight: 600;}
.btn-tmcrd-prevNxt-rejected {margin-right: 10px;background-color: rgba(242, 93, 93, 0.3) !important;color: #F25D5D !important;border: none !important;font-size: 16px;border-radius: 50px;font-weight: 600;}
.btn-tmcrd-prevNxt-approved {margin-right: 10px;background-color: rgba(14, 176, 41, 0.3) !important;color: #0EB029 !important;border: none !important;font-size: 16px;border-radius: 50px;font-weight: 600; }
.btn-save1 {background-color: #3fa234 !important;border: none !important;color: #fff;font-weight: bold;padding: 5px 11px !important;margin-right: 1px;border-radius: 50%;font-size: 17px;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-save1:hover {background-color: #3fa234 !important;color: #fff !important;}
.btn-save2 {background-color: #3fa234 !important;border: none !important;color: #fff;font-weight: bold;padding: 4px 10px 5px 11px;margin-right: 1px;border-radius: 50%;font-size: 19px;
margin-left: 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-save2:hover {background-color: #fff !important;color: #3fa234 !important;}
.btn-cancel2 {background-color: #ED5565 !important;border: none !important;color: #fff;font-weight: bold;padding: 6px 11px;border-radius: 50%;font-size: 16px;
margin-left: 12px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.btn-cancel2:hover { background-color: #fff !important;color: #ED5565 !important;}
.circle-badge-add1 {height: 28px;display: inline-block;width: 28px;line-height: 27px;text-align: center;font-size: 29px;border-radius: 50%;background-color: #3ac826;
color: #fff;margin-left: auto;margin-right: auto;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.circle-badge-add1:hover {background-color: #3ac826 !important;color: #fff !important;}
.un-circle-badge-gr { height: 30px !important; width: 30px !important; line-height: 30px !important; text-align: center; border-radius: 215px; color: white; margin-left: auto; margin-right: auto; background-color: #2ca01c; font-size: 15px; font-weight: 600; }
.un-circle-badge-bl { height: 30px !important; width: 30px !important; line-height: 30px !important; text-align: center; border-radius: 215px; color: white; margin-left: auto; margin-right: auto; background-color: #1ea2fe; font-size: 15px; font-weight: 600; }
.un-circle-badge-ge { height: 30px !important; width: 30px !important; line-height: 30px !important; text-align: center; border-radius: 215px; color: #48484a; margin-left: auto; margin-right: auto; background-color: #dddddd; font-size: 15px; font-weight: 600; }
.un-circle-badge-or { height: 30px !important; width: 30px !important; line-height: 30px !important; text-align: center; border-radius: 215px; color: #fff; margin-left: auto; margin-right: auto; background-color: #f09b00; font-size: 15px; font-weight: 600; }
.bnkHolidy, .BuldHolidy{ display: inline-block; background-color: #ffffff; width: 27px; text-align: center; height: 27px; border-radius: 50px; line-height: 27px; font-size: 14px; padding-left: 2px; margin: 0 3px; }
.bnkHolidy{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #0095f6 !important; color: #0095f6 }
.BuldHolidy{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #2ca01c !important; color: #2ca01c }

.edit-icon-5 {height: 28px;display: inline-block; width: 28px;padding-top: 7px;text-align: center;font-size: 14px !important;border-radius: 50%;background-color: #0095f6;
color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.delete-icon-5 { background-color: #ED5565 !important;border: none !important;color: #fff;padding: 7px 8px;font-size: 15px;border-radius: 50%;margin-left: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.cancel-icon-5 { background-color: #ddd; height: 28px; width: 28px; text-align: center; vertical-align: middle; line-height: 28px !important; border-radius: 50px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.timecardPreviewDashboard .timecard-tile .info-grid h5{ color: #3fa234 !important; }
.timecardPreviewDashboard .timecard-tile .blue-grid h5{ color: #0074c1 !important; }
/*Login*/
.log-mail {background-color: #FF6E53 !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50%; font-size:18px; margin-right:5px; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.37); }
.log-you {background-color: #FF0000 !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50%; font-size:18px; margin-right:5px; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.37);}
.log-blog {background-color: #F57C00 !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 10px; border-radius:50%; font-size:18px; margin-right:5px; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.37);}
.un-ben-table > tr > th > td {border:none !important;} 
.hrv-text-panel{color: #48484a;padding:5px 10px;}
.hrv-text-panel:hover{color: #1c84c6 !important; font-weight:500 !important;border-radius:50px;padding:5px 10px;background-color: #fff;}
.un-note-text{padding-bottom:5px; font-size:18px; font-weight: 400; color: #1c1c1e; display: inline-block;}
.un-note-date{padding-bottom:5px; font-size:17px; font-weight: 500; color: #1c84c6;}
.label-icon { background-color: #fff; border-radius: 50%; color: #1c84c6; font-size: 20px; width: 35px; height: 35px; display: inline-block; text-align: center; padding: 7px 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
/*client maanagemenbt tablescroll*/
.un-right-box{height: 150px; overflow-y: hidden;}
.un-right-box:hover{overflow-y: scroll;}
/*.un-image{width: 30px; height:30px; border-radius: 50px;}*/
.un-tooltip { display: inline; position: relative; transition: 0.2s}
.un-tooltip:hover:after {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; background: #444; border-radius: 8px; color: #fff; content: attr(title); margin: -82px auto 0; font-size: 16px; padding: 13px; width: 220px; transition: 0.2s}
.un-tooltip:hover:before {border: solid; border-color: #444 transparent; border-width: 12px 6px 0 6px; content: ""; left: 45%; bottom: 30px; position: absolute; transition: 0.2s }
.hrv-display{display:none; transition:0.4s;}
.un-hover:hover .hrv-display{display:block; transition:0.4s;}
.cool-link { display: inline-block; text-decoration: none;}
.cool-link::after { content: ''; display: block; width: 0; height: 4px; background: #0095f6; transition: width .3s;}
.cool-link:hover::after { width: 100%;}
.no-hover-table:hover {background-color: #fff !important;}
.audit-left-40{width:40%;}
.audit-right-60{width:60%;}
.hrv-customer:hover{box-shadow: 0px 1px 5px 3px rgb(226, 226, 226); border: none;}
.un-addlist-left ul{list-style:none;height:600px;overflow-y:hidden; overflow-x:hidden;}
.un-addlist-left ul:hover{overflow-y:scroll;}
.un-addlist-left ul li{display:grid;padding:10px;border-radius:10px;margin-bottom:15px;border:none;}
.un-addlist-left ul li:hover{background-color: #f2f2f2; border-left: 5px solid #2ca01c;transition: 0.3s;}
.address-emp-dropdown { background-color: #fff !important; display: inline-block; width: 100%; padding: 10px 10px 2px; margin-top: 7px !important; border-radius: 10px; }
.addresslist-edit { padding: 6px 7px; font-size: 14px !important; color:#fff !important;}
.addresslist-del{ padding: 5px 9px; font-size: 16px !important; color:#fff !important; }
.addresslist-copy{ padding: 5px 5px; font-size: 16px !important; color: #fff !important; background-color: rgb(255, 152, 41); margin-right: 5px !important; border-radius:50px !important;}
.addlist-hrv{margin-right: -108px; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; float: left; top: 2px;}
.addlist-hrv{margin-right: -85px;}
/*.profile-blk #addresses .addr-list .adrbtn-hover a.btn-copy{position:relative;}*/
.addshow-box:hover .addlist-hrv{margin-right:0px;}
.addshow-box{overflow: hidden;}
.addlist-copy-tooltip{ display: block; font-size: 80%; position: absolute; background: #2aa713; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; top: 30px; right: 75px; margin: auto; width: 130px;}
.addlist-copy-tooltip-2{ display: block; font-size: 80%; position: absolute; background: #2aa713; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; top: 0px; right: 115px; margin: auto; width: 130px;}
/*note page*/
.un-note-boxes{height:280px; background-color: #f5f5f5;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 4px; border: none;padding:2px; margin-bottom:10px;}
.un-note-boxes:hover{background-color: #eee;box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;}
.un-note-inner1{font-weight:bold; font-size: 18px; color: #1c1c1e; margin-bottom: 5px; position: relative;}
.un-note-inner1 .dropdown-menu{ background-color: #fff; padding: 5px; font-size: 14px; width: auto; left: auto; position: absolute; right: -7px; top: 33px; padding: 6px 6px; color: #48484a; border-radius: 10px; box-shadow: 0 3px 6px #00000029;}
.un-note-inner1 .dropdown-menu ul{ padding: 0; margin: 0; list-style: none; line-height: 35px;}
.un-note-inner1 .dropdown-menu ul li{ padding: 0 5px; border-bottom: 2px solid #e5e6e7; cursor: pointer; transition: .4s;}
.un-note-inner1 .dropdown-menu ul li:hover{ background-color: #eee; border-radius: 5px; color: #0095f6 !important; }
.un-note-inner1 .dropdown-menu ul li:nth-last-child(1){ border-bottom: none;}
.un-note-inner1 .dropdown-menu ul li i{margin-right: 5px;}
.un-note-inner2{ border-radius:4px; height:200px; overflow-y: hidden; padding: 8px; color: #48484a;}
.un-note-inner3{margin-top:5px;}
.un-note-inner4{text-align: center; color: #ddd; height:260px;font-size: 110px;color: #ddd;background-color:#fff; border-radius:4px;}
.un-note-inner4:hover{color: #888888 !important;}
.notemodal {font-size: 20px;}
#noteExpandModal .stageBadge{color: #fff; font-size: 13px; padding: 2px 15px; border-radius: 50px; margin-left: 8px; margin-left: 2px; margin-top: -10px; position: relative; top: -3px;}
#noteExpandModal .stageBadge.completed{background-color: #00bf0e !important;}
#noteExpandModal .stageBadge.active{background-color: #ff9800 !important;}
.un-table-address{max-height:600px; overflow-y: hidden;}
.un-table-address:hover{overflow-y: scroll;}
.un-table-singleaddress { max-height: 100px !important; overflow-y: hidden;}
.un-table-singleaddress:hover { overflow-y: scroll;}
.address-emp-dropdown { background-color: #fff !important; display: inline-block; width: 100%; padding: 10px 10px 2px; margin-top: 7px !important; border-radius: 10px; }
/*Master datalist setup*/ 
.lead { margin-bottom: 20px; font-size: 20px !important; font-weight: 500 !important; color: #48484a;}
/*Benefits*/
.ben-Unlockbtn { background-color: #2ca01c; color: white; text-decoration: none; border-radius: 60px; height: 32px; display: inline-flex; align-items: center; overflow: hidden; width: auto; max-width: 32px; /** I'm animating max-width because width needs to be auto, and auto can't be animated **/ -webkit-transition: max-width 0.5s; transition: max-width 0.5s;}
.ben-Unlockbtn:hover { max-width: 300px; }
.ben-Unlockicon {font-size: 16px; margin-right: 0px; padding: 0px 8px; display: flex; align-items: center; position: relative; right: 10px; color: #fff;}
.ben-Unlocktext { white-space: nowrap; margin: 0px 0px 1px -8px; font-weight: 600; color: #fff;}
.esign-left{height: 650px; overflow-y: hidden;}
.esign-left:hover{overflow-y: scroll;}
.hrv-detailsbox{cursor: pointer;}
.hrv-detailsbox .detailsbox{display: none;transition: 1s;}
.hrv-detailsbox:hover .detailsbox { display: block; width: 280px; position: absolute; background-color: #fff; z-index: 50; transition:1s; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6;}
.hrv-detailsbox:active .detailsbox { display: block; width: 280px; position: absolute; background-color: #fff; z-index: 50; transition:1s; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6;}
.hrv-detailsbox:visited .detailsbox { display: block; width: 280px; position: absolute; background-color: #fff; z-index: 50; transition:1s; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6;}
.detailsbox ul{ padding: 10px;}
.detailsbox ul li{ width: 100%; margin: 0 !important; padding: 7px 0; border-bottom: 1px solid #ddd; font-size: 18px; list-style-type: none; display: flex;}
.detailsbox ul li:hover{ color: #0095f6  }
.detailsbox ul li:last-child{border-bottom: none;}
/*tooltip*/
.un_tooltip { position: relative;}
.un_tooltip .un_tooltiptext {visibility: hidden; width: 150px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%;  left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; font-size:12px;}
.un_tooltip .un_tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.un_tooltip:hover .un_tooltiptext {visibility: visible; opacity: 1;}
.bg-tab-green {background-color: #eaffef !important;}
.bg-tab-red { background-color: #fff4f4 !important;}
.ovr-hid{overflow: hidden !important;}  
.rej-ptotab{ min-height: 200px; overflow-y: hidden; }
.rej-ptotab:hover{ overflow-y: auto; }
/*Gradient Color*/
.grd-blue-icon {background: linear-gradient(45deg, #4481eb 0%, #04befe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-green-icon {background: linear-gradient(315deg, #9be15d 0%, #00e3ae 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-orange-icon {background: linear-gradient(135deg, #FDD819 10%, #E80505 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-red-icon {background: linear-gradient(45deg, #FF512F 20%, #DD2476 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-brown-icon {background: linear-gradient(135deg, #FFAA85 10%, #B3315F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-gray-icon {background: linear-gradient(135deg, #55dfe1 0%, #5bc1bc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-mind-yellow {background: linear-gradient(135deg, #96a13f 0%, #beca5c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-greenblue-icon {background: linear-gradient(0deg, #209cff 0%, #68e0cf 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-beige-icon {background: linear-gradient(315deg, #772f1a 0%, #f2a65a 74%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-purple-icon {background: linear-gradient(to top, #b224ef 0%, #7579ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-green-beach {background: linear-gradient(45deg, #02aab0  20%, #00cdac 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-endless-river {background: linear-gradient(315deg, #43cea2  0%, #185a9d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-tonight {background: linear-gradient(315deg, #4568dc 0%, #b06ab3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-orange-coral {background: linear-gradient(135deg, #ff9966 10%, #ff5e62 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.grd-scooter {background: linear-gradient(135deg, #36d1dc 0%, #5b86e5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/*circlepercentage*/
.un-circular-chart {display: block; margin: 3px 5px; height: 50px;}
.un-circular-chart .circle-bg { fill: none; stroke: #eee; stroke-width: 4.8;}
.un-circular-chart .circle { fill: none; stroke-width: 3.8; stroke-linecap: round; animation: progress 1s ease-out forwards;}
@keyframes progress { 0% { stroke-dasharray: 0 100; }}
.orange .circle { stroke: #ff9f00;}
.orange .green { stroke: #2ca01c;}
.green .circle { stroke: #2ca01c;}
.percentage {fill: #666; font-size: 0.6em !important; font-weight: bold;  text-anchor: middle;}
.custome-multi option{ padding: 5px 0!important;}
.custome-multi option:hover{ color: #1c84c6 !important; font-weight: 500;}
.custome-multi option:checked { background: none !important;}
.ripple {-webkit-animation: bubble-one 1s linear infinite; animation: bubble-one 1s linear infinite;}
@-webkit-keyframes bubble-one { 0% {box-shadow: 0 0 0 0 #f3e3e27d, 0 0 0 0.1em #f3eeee1a, 0 0 0 0.3em rgb(206 206 206 / 14%), 0 0 0 1.2em rgba(206, 206, 206, 0.15); }
                        100% {box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15);}}
@keyframes bubble-one {0% { box-shadow: 0 0 0 0 #f3e3e27d, 0 0 0 0.1em #f3eeee1a, 0 0 0 0.3em rgb(206 206 206 / 14%), 0 0 0 1.2em rgba(206, 206, 206, 0.15); }
                       100% { box-shadow: 0 0 0 0.2em rgba(206, 206, 206, 0.15), 0 0 0 0.5em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15); }}
.identi-multi-tab{max-height: 900px;}
/*.identi-multi-tab:hover{overflow-y: scroll !important;}
*/.slide_button{border-radius: 50px;position:relative;z-index: 9;overflow:hidden;}
.slide_button:hover:after{width:100%;}
.slide_button:after {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;transition: all .6s;z-index: -1;border-radius: 50px;}
.slide_button[title="Resume Add Plan"]:after {  background-color: #1b790e !important;}
.slide_button[title="Resume Add Plan"] {background-color: rgba(44, 160, 28, 1); color: #fff; font-weight: 500; padding:4px 15px; margin-top: 5px; margin-left: 5px;}
.slide_button-grn{border-radius: 50px;position:relative;z-index: 1;overflow:hidden;background-color: rgba(44, 160, 28, 1); color: #fff; font-weight: 500;}
.slide_button-grn:hover{color: #fff !important;}
.slide_button-grn:after {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;transition: all .6s;z-index: -1;border-radius: 50px;}
.slide_button-grn:hover:after{width:100%;background-color: #1b790e !important;color: #fff !important;}
.slide_button-blue{border-radius: 50px;position:relative;z-index: 9;overflow:hidden;background-color: #1c84c6; color: #fff; font-weight: 500;}
.slide_button-next{border-radius: 50px;position:relative;z-index: 9;overflow:hidden;background-color: #0095F6; color: #fff !important; font-weight: 500;}
.slide_button-next:hover{color: #fff !important;}
.slide_button-next:after {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;transition: all .6s;z-index: -1;border-radius: 50px;}
.slide_button-next:hover:after{width:100%;background-color: #1C84C6 !important;color: #fff !important;}
.slide_button-prv{border-radius: 50px;position:relative;z-index: 9;overflow:hidden;background-color: #0095F6; color: #fff; font-weight: 500;}
.slide_button-prv:hover{color: #fff !important;}
.slide_button-prv:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transition: all .6s;z-index: -1;border-radius: 50px;}
.slide_button-prv:hover:before{width:0%;background-color: #1C84C6 !important;color: #fff !important;}
.mblbtm-mnu{    bottom: 1% !important;position: fixed;left: 80px;z-index: 99;width: calc(100% - 180px);padding: 5px 0px 0px;background-color: #fff;border-radius: 50px;
 box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #9b9aec !important;display:none;transition: all .9s ease-in-out;}
.mblbtm-mnu >ul{display:table;width:100%;padding: 0px 35px;margin-bottom:0px;}
.mblbtm-mnu >ul >li{list-style:none;display:table-cell;text-align:center;}
.mblbtm-mnu >ul >li p{margin:5px 0px 0px;}
.mblbtm-mnu >ul > li .dropdown-toggle {background-color: #00bf0e;color: #fff;font-weight: 500;padding: 5px 9px;border-radius: 50px;font-size: 16px;margin-left: 5px;display:inline-block;}
.mblbtm-mnu >ul > li .dropdown-menu{padding:0px;right: 0;left: auto;width: 300px;margin-bottom: 15px;}
.mblbtm-mnu >ul > li .dropdown-menu:before{border-top-color: #b1b1b1 !important;border-bottom: none !important;top: auto;bottom: -7px;right: 30px !important;}
.mblbtm-mnu >ul > li ul{padding-left:0px;width: 100%;}
.mblbtm-mnu >ul >li li{list-style:none;border-bottom: 1px solid #eee;}
.mblbtm-mnu >ul >li li a{font-size:18px;color: #676a6c;padding: 10px 9px;display: block;}
.mblbtm-mnu >ul >li li a i{margin-right:7px;}
.mblbtm-mnu >ul >li li a:hover,.mblbtm-mnu >ul >li li a.sec-select {background-color:#eee;}
.mblbtm-mnu .switch1{margin-bottom:0px;height: 30px;position: relative;top: 0px;text-align: center;left: -20px;}
.mblbtm-mnu .switch1 .slider, .profile-tab #employment .mblbtm-mnu .shadowBorder {background-color: #2ca01c !important;margin-bottom: 0px !important;margin-left:0px;left: -5px;} 
.mblbtm-mnu .switch1 .slider:before {height: 27px;width: 27px;left: 5px;bottom: 2px;}
.mblbtm-mnu .switch1 input:checked + .slider:before{left:-5px !important}
.mblbtm-mnu .switch1 input:checked + .slider:after,.mblbtm-mnu .switch1 .slider:after {content: '' !important; }
.mblbtm-mnu .mnu-expand{position: absolute;top: 16px;left: 30px;font-size: 25px;}
.mblbtm-mnu.show{margin-left: calc(-100% - -140px);transition: all .9s ease-in-out;display: none !important;}
.mblbtm-mnu.show .mnu-expand{left:auto;right:10px;top:20px;}
.mblbtm-mnu.show .mnu-expand .fa-chevron-left{display:none;}
.mblbtm-mnu .mnu-expand .fa-chevron-right{display:none;}
.mblbtm-mnu.show .mnu-expand .fa-chevron-right{display:block;}
.mblbtm-mnu >ul > li .dropbtm{display:none !important;}
.mblbtm-mnu >ul > li .dropbtm.dropen{display:block !important;}
.mblbtm-mnu >ul > li .dropup .caret{border-bottom: 0 !important;border-top: 4px dashed !important;}
.right-title { background-color: #EEEEEE; text-transform: capitalize; padding: 10px; font-weight: bold; font-size: 17px !important; color: #48484a; }
/*sticky*/
#un-sticky {}
.un-stick { position: fixed; top: 60px; z-index: 10000; border-radius: 0 0 0.5em 0.5em; width: 20%;} 
.un-stick-taskmng { background-color: #fff !important; width: 85%;} 
.headingPortionLock{position: fixed !important; z-index: 99;}
/*New User Wizard*/
.new-wizrd .box-hg{background-color: #fff; height: auto; border-radius: 20px !important;  padding: 15px 10px 0px 6px;}
.new-wizrd .Candistage .arrow-steps .step.current-tab {color: #fff !important;background-color: #1c84c6 !important;}
.new-wizrd .Candistage .arrow-steps .step.finish-tab {color: #fff !important;background-color: #2ca01c !important;}
.new-wizrd .Candistage .arrow-steps .step.current-tab:after {border-left: 17px solid #1c84c6 !important;}
.new-wizrd .Candistage .arrow-steps .step.finish-tab:after {border-left: 17px solid #2ca01c !important;}
.new-wizrd .viewCandiA17 .dataPlane .mainBox .header .bttn-edit, .new-wizrd .viewCandiA17 .dataPlane .mainBox .header .bttn-new, .new-wizrd .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-new, .new-wizrd .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-edit, .new-wizrd .viewCandiA17 .dataPlane .mainBox .bottomButton .bwt-cancel {width: auto !important;padding: 5px 8px !important;}
.new-wizrd .un-circle-blue,.new-wizrd .un-circle-grey {padding: 5px 10px;}
/*.new-wizrd .finish-tab {pointer-events: none;}*/
.new-wizrd .finish-tab p{    color: #ffffff;}
.new-wizrd .finish-tab span { background-color: #2ca01c !important;}
.new-wizrd .arrow-steps .step.done span{background-color: #2ca01c !important}
.new-wizrd .right h3{color: #48484A;font-size: 25px;font-weight: 400;}
.new-wizrd .right .dde-row-panels .row{margin:0; padding: 20px 0; border-bottom: none;}
.new-wizrd .right .dde-row-panels .row:first-child{padding-top: 20px;}
.new-wizrd .right .dde-row-panels .row:last-child{border-bottom: none; padding-bottom: 20px;}
.new-wizrd .right .dde-row-panels .row label{font-weight: 500 !important; font-size: 16px;color: #000;}
.new-wizrd .un-stick {top: 65px;}
.PTOplanView{ box-shadow: 0 3px 6px #00000029; border-radius: 15px; margin: 0 15px; }
.PTOplanView .header{ font-size: 22px; font-weight: 600; color: #1c1c1e; }
.PTOplanView .header .badge-Timecard-Approved{ position: relative; top: -3px; }
.PTOplanView .header .effDate{ font-size: 14px; color: #8a8a8a }
.PTOplanView .boxItem{ width : 25%; }
.PTOplanView .boxItem .box{ box-shadow: 0 3px 6px #00000029; border-radius: 15px; text-align: center; margin: 10px; }
.PTOplanView .boxItem .box .header{ font-size: 16px; font-weight: 600; color: #676a6c; padding: 8px 10px !important;}
.PTOplanView .boxItem .box .header.paid{ color: #fff; background-color: #00BF0E }
.PTOplanView .boxItem .box .header.unpaid{ color: #676a6c; background-color: #ddd}
.PTOplanView .boxItem .box .count{ font-size: 45px; font-weight: bold; color: #1c1c1e; }
.PTOplanView .boxItem .box .count .hours{ font-size: 14px; color: #8a8a8a; font-weight: 500; }
.PTOplanView .boxItem .box .count .stsPanel{ font-size: 0px; }
.PTOplanView .boxItem .box .count .status{ font-size: 12px; padding: 3px 15px; border-radius: 50px; font-weight: 500; width: 25%; display: inline-block; margin-bottom: 5px;}
.PTOplanView .boxItem .box .count .statusPaid{ background: #00bf0e; color: #fff; }
.PTOplanView .boxItem .box .count .statusUnPaid{ background: #ddd; color: #676a6c; }
.PTOplanView .boxItem .box .count .viewMore{ font-size: 14px; font-weight: 600; color: #1c84c6; opacity: 0; padding: 5px; cursor: default; }
.PTOplanView .boxItem .box .count .viewMore.true{ opacity: 1; cursor: pointer; }
.PTOplanView .boxItem .box .ptoDetTable { background-color: #eee; margin: 0; text-align: left; border-radius: 15px; }
.PTOplanView .boxItem .box .ptoDetTable tr td{ border-color: #fff; }
.PTOplanView .boxItem .box .ptoDetTable tr td:nth-child(1){ color: #1c1c1e; font-weight: 500; }
.PTOplanView .boxItem .box .ptoDetTable tr:nth-child(1) td:nth-child(1){ border-radius: 15px 0 0 0; }
.PTOplanView .boxItem .box .ptoDetTable tr:nth-child(1) td:nth-last-child(1){ border-radius: 0 15px 0 0; }
.PTOplanView .boxItem .box .ptoDetTable tr:nth-last-child(1) td:nth-child(1){ border-radius: 0 0 0 15px; }
.PTOplanView .boxItem .box .ptoDetTable tr:nth-last-child(1) td:nth-last-child(1){ border-radius: 0 0 15px 0; }
/*Announcement*/
.ann-filter{box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius:15px; background-color: #fff; padding:0 !important;}
.ann-filter-head{background-color: #e7e7e7; margin:0px; padding: 6px 10px; cursor: pointer;}
.ann-filter-head .text{float: left; font-weight: 500; color: #48484a; font-size: 20px;}
.ann-filter-head .icon{float: right;}
.ann-box{background-color: #f6f6f6;padding:8px;border-radius:5px;height:85px;cursor:pointer;}
.ann-box:hover{background-color: #ddd;}
.ann-box .round{float: left; padding: 5px 8px; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.ann-box .yellow{background-color: #FF9801 !important;}
.ann-box .green{background-color: #2CA01C !important;}
.ann-box .red{background-color: #f65959 !important;}
.ann-box .blue{background-color: #1EA2FE !important;}
.ann-box .count{color: #1c1c1e;font-size: 22px;font-weight: 600;text-align: right;}
.onboardingImpDet .ann-box .count{text-align: center;clear: both;}
.ann-box .box-label{margin-top: 15px;font-weight: 500;font-size: 14px;}
.ann-announcement{box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius:15px; background-color: #fff; padding:0 !important;margin-bottom: 30px;}
.ann-list-main{max-height: 1005px; overflow-y: hidden; margin: 0 !important;padding: 5px 5px 2px 5px;overflow-x: hidden;}
.ann-list-main:hover{overflow-y: auto;}
.ann-list {margin:0 !important; margin-bottom:15px !important; box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; background-color: #fff; border-radius:10px;height:85px;padding: 10px 4px 10px 8px; cursor: pointer;}
.ann-list:last-child {margin-bottom:0px !important;}
.ann-list:hover {background-color: #f6f6f6;}
.ann-list .round{float: left; height:30px; width:30px; line-height:30px; text-align:center; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; font-weight: bold;}
.ann-list .count{ padding: 0px 0px 5px 6px; font-weight: 500; color: #1C84C6; font-size: 16px;height:40px;overflow-y: hidden;}
.ann-list label { margin: 0; font-size: 12px; font-weight: 500; padding: 3px 11px; border-radius: 50px;}
.ann-list .pub-label{background-color: #D5F1D2; color: #2CA01C;}
.ann-list .drft-label{background-color: #F9EAD3; color: #FF9801;}
.ann-list .epr-label{background-color: #FBE1E1; color: #CD113B;}
.ann-list .date-label {color: #48484a; font-weight: 600; font-size: 13px; }
.ann-list .rem-label {color: #565454; float: right; font-weight: 100; font-size: 12px; margin-top: 3px; margin-right: 5px;}
.ann-list .icon{display: initial;}
.ann-list .num{display: none;}
.ann-list:hover .icon{display: none;}
.ann-list:hover .num{display: initial;}
.ann-details{background-color: #fff; border-radius: 15px; min-height:500px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; margin: 0 !important;}
.ann-details-head{background-color: #e7e7e7; margin: 0px; padding: 6px 10px; border-radius: 15px 15px 0 0;}
.ann-details-head .text { float: left; font-weight: 500; color: #1c84c6;font-size: 20px;}
.ann-details-head .icon{float: right;}
.ann-details-contect{height: 1200px; font-size: 20px; padding: 20px; overflow-y: auto; margin-bottom: 20px; }
.ann-details-contect .rem-label{ float: right; color: #b1b1b1; font-weight: 100; font-size: 15px; margin-bottom: 10px; }
.ann-details-contect .ann-Data{ word-break: break-all; }
.countshow{background-color: #fff; border-radius: 4px; font-size: 15px; padding: 3px 7px; font-weight: bold; color: #1c84c6; margin-left: 5px; position: relative; top: -3px;}
.hei-200{height: 200px; overflow-y: initial;} 
.hei-200:hover{overflow-y: auto;}
.ann-chk{transition: transform 0.35s; transform: translate3d(0,0,0)}
.hrv-detailsbox .contactbox { display: none;}
.hrv-detailsbox:hover .contactbox,.cli-contactbox{display: block; width: 375px; top:-250px; position: absolute; right:-10px; background-color: #fff; z-index: 50; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6; }
.hrv-detailsbox .assbox { display: none;}
.cli-contactbox{right:-10px;z-index: 9 !important;}
.cli-cntctinfo {left:10px; right:auto;}
.cli-cntctinfo p span:first-child {min-width: 116px;display: inline-block;}
.hrv-detailsbox:hover .assbox,.cli-cntctinfo {display: block; width: 375px; top:40px; position: absolute; right:-10px; background-color: #fff; z-index: 50 !important; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6; }
.hrv-detailsbox .onHrv1{display: inherit;}
.hrv-detailsbox .onHrv2{display: none;}
.hrv-detailsbox:hover .onHrv1{display: none;}
.hrv-detailsbox:hover .onHrv2{display: inherit;}
.hrv-detailsbox:hover .text-black-48{color: #1c84c6 !important;}
.circle-name{ height: 50px; width: 50px; font-size: 25px; line-height: 50px;  text-align: center;  border-radius: 30px; color: white; margin-left: auto; margin-right: auto; color: #fff;}
.fa-vibrate{animation: shake 0.5s; animation-iteration-count: 2;}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.bellShake:hover {animation: unshake 0.5s; animation-iteration-count: infinite;}
@keyframes unshake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.dashann .ann-job{width: 90%}
.dashann .ann-job .sec-p1{font-size: 80px}
.dashann .ann-job .sec-p3{margin-top: 10px}
.dashann .ann-job .sec-p3 table td { width: 60%; font-size: 18px; padding: 10px 0;}
.clientmgmt-customer .taskmanagement-rightprv .modal-body.tab-content{padding: 10px 1px;}
.drop-border{padding: 0;left: 0;width: 375px;background-color: #fff !important;z-index: 50 !important;box-shadow: 0px 1px 5px 3px rgb(226 226 226 / 34%) !important;
border-radius: 4px !important;border-bottom: 4px solid #0095F6 !important;float: none;top: 50px;}
.drop-border:before{display:none;}
.profile-blk #ProfileCard .drop-border a.hrv-blue,.profile-blk #ProfileCard .drop-border .text-black-48 {font-size:16px;}
.profile-blk #ProfileCard .supplier-Dtl .head-txt{white-space: nowrap;max-width: 85%;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.profile-blk #ProfileCard .supplier-Dtl .bg-grey-ee .bold{display: inline-block;margin-top: 10px;}
.profile-blk #ProfileCard .drop-border .sub-div{border-bottom: 1px solid #ede3e3;padding-bottom: 6px;margin-bottom: 6px;clear:both;display: inline-block;width: 100%;}
.profile-blk #ProfileCard .drop-border .sub-div:last-child{border-bottom:0px;}
.supplier-Dtl .dropdown-toggle .fa-caret-up,.info-mgr .dropdown-toggle .fa-caret-up{display:none;}
.supplier-Dtl.open .dropdown-toggle .fa-caret-up,.info-mgr span.open .dropdown-toggle .fa-caret-up{display: inline-block !important;}
.supplier-Dtl.open .dropdown-toggle .fa-caret-down,.info-mgr span.open .dropdown-toggle .fa-caret-down{display:none;}
.announcement-blk .main-timeline .timeline {width: 100% !important;}
.announcement-blk .main-timeline .inner-content {padding: 15px 0px 15px 130px !important;text-align: left;}
.announcement-blk .main-timeline .timeline:nth-child(even) .inner-content {padding: 15px 130px 15px 0px !important;}
.announcement-blk .main-timeline{margin-top:0px !important;}
.announcement-blk .main-timeline .description {text-align: left;}
.announcement-blk .main-timeline .description  .title {margin-left: -15px;}
.announcement-blk .main-timeline .description  .p {margin-left: -17px;}
#AnnounceCommentModal .modal-dialog{width: 40%;}
#AnnounceCommentModal .modal-header{background-color: #eee; display: flow-root; border-radius: 15px 15px 0 0; padding: 10px;}
#AnnounceCommentModal .modal-header .left{ float: left; font-size: 22px; font-weight: 500; color: #1c1c1e;}
#AnnounceCommentModal .modal-header .right{float: right}
#AnnounceCommentModal .modal-header .right button{margin: 0;}
#AnnounceCommentModal .modal-body{ padding: 12px; }
#AnnounceCommentModal textarea.form-control {resize: none;max-height: 150px;margin: 5px;}
/*Assetmanagement*/
.assflt .expbtn {position: absolute;right: 25px;top: 19px;padding: 2px 15px 2px 15px;border-radius: 0 10px 0 15px;z-index: 50;cursor: pointer;}
.assflt .switch1 {position: relative; display: inline-block; width: 77px; height: 24px;}
.assflt .switch1 input {display: none;}
.assflt .slider1 { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff !important; -webkit-transition: .4s; transition: .4s; border-radius: 34px; width: 77px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.assflt .slider1:before { position: absolute; content: ""; height: 16px; width: 16px; left: 10px; bottom: 4px; background-color: #2ca01c !important; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
.assflt input:checked + .slider1 { background-color: #fff !important;}
.assflt input:focus + .slider1 { box-shadow: 0 0 1px #2196F3;}
.assflt input:checked + .slider1:before {-webkit-transform: translateX(47px); -ms-transform: translateX(47px); transform: translateX(47px); background-color: #676a6c !important; }
.assflt .slider1:after { content: 'Active'; display: block; position: absolute; transform: translate(-50%,-50%); top: 47%; left: 67%; font-size: 11px; font-family: Verdana, sans-serif; color: #2ca01c !important;}
.assflt input:checked + .slider1:after { content: 'Inactive'; left: 40%; color: #676a6c !important; }
.ass-lft .sec-one{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 15px; margin: 0 !important;}
.ass-lft .sec-one:nth-child(2){box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 15px; margin: 0 !important; margin-top: 15px !important}
.ass-lft .top-hd{background-color: #e7e7e7; border-radius: 15px 15px 0 0; padding: 7px 10px}
.ass-lft .top-hd span{font-size: 18px; font-weight: 500; color: #48484a; margin-top: 4px;}
.ass-lft .ass-item{height: 300px; padding: 5px; overflow-y: hidden;}
.ass-lft .emp-item{height: 600px;}
.ass-lft .ass-item:hover{overflow-y: auto;}
.ass-lft .ass-tags{padding: 0px 10px 10px 10px;}
.ass-lft .ass-item .ass-item-ind:nth-child(1){margin-top: 0;border-bottom: 2px solid #ccc;}
.ass-lft .ass-item .ass-item-ind{margin-top:4px; padding: 8px 10px !important; background-color: #fff; cursor: pointer; transition: 0.3s; border-bottom: 1px solid #eee;}
.ass-lft .ass-item .ass-item-ind.bg-grey-ee,.ass-rgt .filter-clk .box.bg-grey-ee {background-color: #dedede !important;border-radius: 5px;} 
.ass-lft .ass-item .ass-item-ind:hover{background-color: #f2f2f2; border-radius:5px}
.ass-lft .ass-item .ass-item-ind:hover .ass-item-right span{background-color: #ddd; color: #1c1c1e;}
.ass-rgt .filter-clk .box.bg-grey-ee {border: 2px solid #2ebe1a;}
.ass-rgt .filter-clk .box.bg-grey-ee .count{background-color: #eee !important;color:#7c7a7a !important;}
.ass-rgt .filter-clk .box.bg-grey-ee .box-label {background-color: #ccc !important;color: #000 !important;}  
.ass-lft .ass-item-left{float:left;}
.ass-lft .ass-item-left span{margin-left: 5px; font-size: 17px; font-weight: 500; color: #48484a;}
.ass-lft .ass-item-left .icon-badge{ height: 28px !important; width: 28px !important; line-height: 19px; text-align: center; border-radius: 215px; margin-left: auto; margin-right: auto; font-size: 10px; color: #fff; display: inline-block; font-size: 13px !important; }
.ass-lft .ass-item-left .client-avatar img{ width: 32px; height: 32px; border-radius: 50%; border: 2px solid;}
.ass-lft .hrv-empbox .contactbox{ display: none; }
.ass-lft .hrv-empbox:hover .contactbox{ display: block; width: 300px; top: 50px; position: absolute; right: -10px; background-color: #fff !important;  z-index: 50; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6; }
.ass-lft .ass-item-right{float:right;}
.ass-lft .ass-item-right span{color: #fff !important; padding: 3px 6px; border-radius: 4px; font-weight: 600; text-align: center; font-size: 13px; transition: 0.3s; display: block; width: 40px !important;}
.ass-rgt .detl-viw{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 15px; margin: 0 !important;}
.ass-tags .tag-list li a {font-size: 14px; background-color: #fff; padding: 5px 12px; color: inherit; border-radius: 6px;  margin-right: 12px; margin-top: 8px; margin-bottom: 8px; display: block;}
.detl-viw .top-hd{background-color: #e7e7e7; border-radius: 15px 15px 0 0; padding: 6px 10px}
.detl-viw .top-hd span{font-size: 20px; font-weight: 500; color: #48484a; margin-top: 1px;}
.detl-viw .top-hd .pull-right>.dropdown-menu{ right: 124px; left: auto;}
.ass-rgt .detl-viw .bwt-collapse{display:none;}
.ass-rgt.col-lg-12 .detl-viw .bwt-collapse {display:block !important;}
.ass-rgt .filter-clk {padding: 0; display: inline-flex; margin: 15px 0 10px 0;}
.ass-rgt .filter-clk .box { width: 20%; background-color: #f6f6f6; border-radius: 5px; height: 90px; padding: 8px; margin-right: 15px; margin-left: 15px; cursor: pointer; overflow: hidden; transition: 0.4s;}
.ass-rgt .filter-clk .box:hover { background-color: #ddd; }
.ass-rgt .filter-clk .box .round{float: left; padding: 5px 8px; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.ass-rgt .filter-clk .box .yellow{background-color: #FF9801 !important;}
.ass-rgt .filter-clk .box .green{background-color: #2CA01C !important;}
.ass-rgt .filter-clk .box .red{background-color: #CD113B !important;}
.ass-rgt .filter-clk .box .blue{background-color: #1EA2FE !important;}
.ass-rgt .filter-clk .box .grey{background-color: #868686 !important;}
.ass-rgt .filter-clk .box .count{float: right; color: #1c1c1e; font-size: 22px; font-weight:600;}
.ass-rgt .filter-clk .box .box-label{margin-top: 50px; font-weight: 500; font-size: 15px; color: #48484a;}
.ass-rgt .filter-clk .box:hover .box-label { color: #48484a; }
.ass-rgt .ass-table {padding-bottom: 20px; margin-top: 10px;}
.ass-rgt .ass-table .table > thead > tr > th { background-color: #f4f4f4; text-transform: capitalize;white-space: nowrap;}
.ass-rgt .ass-table .table > tbody > tr > td:nth-child(1) { border: none !important; background-color: #fff; vertical-align: middle; padding: 12px 6px;}
.ass-rgt .ass-table .table > tbody > tr > td { border-top: none; border-bottom: 1px solid #e7eaec !important; background-color: #fff; vertical-align: middle; padding: 12px 6px;    white-space: nowrap;}
.ass-rgt .ass-table .circle-badge { height: 26px; width: 26px; line-height: 27px; text-align: center; border-radius: 215px; margin-left: auto; margin-right: auto; font-size: 14px;}
.ass-rgt .ass-table .bwt-chev { background: none !important;}
.ass-rgt .ass-table .bwt-clone { background: #12B296 !important; padding: 5.5px 9px !important;}
.ass-rgt .ass-table .assimg { background: none !important; border-radius: 50%;object-fit: cover; width:25px; height:25px;}
.ass-rgt .ass-table .table .no-hover-table { border-bottom : 1px solid #e7eaec !important}
.ass-table .inner-det{}
.asst-attchimg{cursor: pointer;padding:20px;}
.asst-attchimg img{width: 125px !important; height: 125px; object-fit: cover; border-radius: 10px; }
.asst-frtattchimg img{width: 90px !important; height: 90px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; }
.asst-attchimg .asst-attchimg-del{display: block;}
.asst-attchimg:hover .asst-attchimg-del{display: inline !important; position: relative; left: 98px; top: 36px; z-index: 99;}
.asst-attchNoimg{text-align:center;color:#aeadad;padding:50px}
.asst-attchNoimg:hover{color:#1c84c6;}
.asst-attchNoimg i{font-size:50px;}
.asst-attchNoimg span{font-size:18px;font-weight:400;}
.asstooltip { position: relative; display: inline-block; }
.asstooltip:hover{color: #1c84c6 !important;}
.asstooltip .tooltiptext {visibility: hidden; width: auto; background-color: #48484a; color: #fff; text-align: center; border-radius: 6px; padding: 5px 6px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -60px; font-size: 11px; font-weight: 400; }
.asstooltip .tooltiptext::after { content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; }
.asstooltip:hover .tooltiptext {visibility: visible;}
.un-asset-timeline .vertical-timeline-icon{width: 15px; height: 15px; margin-left: 67px; margin-top: 10px;}
#history-vertical-timeline{ position: relative; padding: 10px;}
#history-vertical-timeline::before { content: ''; position: absolute; top: 0; left: 82px; height: 100%; width: 4px; background: #f1f1f1;}
.un-asset-timeline .vertical-timeline-content { margin-left:100px; margin-right: 10px; }
.un-asset-timeline .vertical-timeline-content:before{border-color: transparent !important;}
.multiass .icon {font-weight: bold; font-size: 25px; width: 4%; margin-top: 5px;}
.multiassdesc .expandsecc { margin-top: 0px; background: #fff; border: 0 ; border-radius: 3px; padding: 15px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.multiassdesc .expandsecc .head{ color: #676a6c; font-weight:500; margin-bottom: 6px; font-size: 15px;}
.multiassdesc .expandsecc .form-control{ color: #48484a; font-weight:500; margin-bottom: 10px; }
.multiastt .box{box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 12px; text-align: center; padding: 15px;}
.multiastt .box:hover{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; background-color: #f6f6f6; cursor: pointer;}
.multiastt .icon{box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 50px; display: block; height: 50px; width: 50px; line-height: 50px; margin: auto; }
.multiastt .box:hover .icon{background-color: #fff;}
.empass-add {float:right;}
.empass-add .btn{padding: 5px 10px;}
.empass-2 .categorybox { padding: 7px 11px; margin: 0px !important; border: none !important; border-radius: 50px; text-align: center; color: #48484a; background-color: #ddd; font-weight: 500; font-size: 14px;cursor:pointer;}
.empass-list .box { box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 12px; text-align: center; padding: 15px;cursor:pointer;}
.empass-list .box .icon{ box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 50px; display: block; height: 50px; width: 50px; line-height: 50px; margin: auto; font-size: 20px; }
.empAss-tab .ass-lft{z-index: 0;}
.empass-cat{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; padding: 15px 0; transition: 0.3s; cursor: pointer; margin-bottom: 15px !important;}
.empass-cat:hover{background-color: #f2f2f2; box-shadow: none !important;}
.empass-cat .txt-a{color: #1c1c1e; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.empass-cat .txt-b{color: #1c84c6; font-size: 14px; font-weight: 500; float: left;}
.empass-cat .txt-c{color: #adadad; font-size: 14px; font-weight: 400; float: right;}
.empass-cat .icon-badge{background-color: #1c84c6; color: #fff; height: 35px !important; width: 35px; line-height: 30px; border-radius: 50px; margin-top: 7px;}
.empass-rgt .view-secc{ box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 15px; margin: 0 !important;}
.empass-rgt .prt-a { background-color: #e7e7e7;  border-radius: 15px 15px 0 0; padding: 6px 10px;}
.empass-rgt .prt-a .txt-a{ color: #1c1c1e; font-size: 25px; font-weight: 600;}
.empass-rgt .prt-a .label { border-radius: 50px; margin-left: 10px; position: relative; top: -3px; font-size: 12px; padding: 5px 20px;}
.empass-rgt .prt-b { margin: 20px 0;}
.empass-rgt .emp-ass-note { max-height: 200px; overflow-y: hidden;}
.empass-rgt .emp-ass-note:hover { overflow-y: scroll; }
.empass-count { background-color: #fff !important; height: 21px; width: 25px !important; display: inline-block; line-height: 21px; border-radius: 50px; font-weight: 600; font-size: 14px; margin-left: 5px;}
#assfulldet .modal-header .text-black-1c.text-22px{float: left;margin-top: 2px !important;}
#assfulldet .modal-header .text-black-1c.text-22px > div {min-width: 200px;display: inline-block;}
#assfulldet .modal-header .head-3sec{clear: both;display: inline-block;width: 100%;margin-top: 6px !important;}
#assfulldet .modal-header .id-badge{float:left;top: 0px;}
#empfulldet.taskmanagement-rightprv .modal-dialog {width: 60% !important;}
#assfulldet.taskmanagement-rightprv .modal-dialog{width: 70% !important;}
#assfulldet .modal-header .col-md-3,.ViewAsset .head-3sec .col-md-3{width: 20%;}
#empfulldet.taskmanagement-rightprv .modal-dialog {width: 60% !important;}
#empfulldet.taskmanagement-rightprv .tab-content .inputshadowBorder,#assfulldet.taskmanagement-rightprv #Details .inputshadowBorder{box-shadow: inherit !important;padding: 0px !important;}
#empfulldet.taskmanagement-rightprv #Details .col-md-6,#assfulldet.taskmanagement-rightprv #Details .col-md-6,#empfulldet.taskmanagement-rightprv #Overview .col-md-6{border-bottom: 2px solid #e5e6e7 !important;padding-bottom: 14px;margin-bottom: 7px;}
#empfulldet.taskmanagement-rightprv #Details .col-md-6:last-child,#assfulldet.taskmanagement-rightprv #Details .col-md-6:last-child{border-bottom: 0px !important;}
#empfulldet.taskmanagement-rightprv #Details .col-md-6:last-child{border-bottom: 0px !important;}
#empfulldet.taskmanagement-rightprv .tab-content{padding: 9px 15px 0px;}
#empfulldet .modal-header .id-badge{display:none;}
.admin-Asset .asset-emp-lft .address-emp-dropdown{padding: 1px 7px 2px;background-color: #ffffff !important;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;
margin: 5px;width: 97%;border-radius: 5px !important;}
.admin-Asset .emp-item,.admin-Asset .ass-item{height: auto !important;overflow-y: inherit !important;padding: 0px !important;}
.admin-Asset .asset-emp-lft .hrv-empbox .col-md-8{padding: 0px !important;}
.admin-Asset .asset-emp-lft .hrv-empbox .col-md-8 span{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.admin-Asset .asset-admn-lft .assetlft-inner:hover{overflow-y:scroll;overflow-x:hidden;} 
.admin-Asset .asset-admn-lft .assetlft-inner{height: 360px;overflow-y: scroll;padding-top: 15px;} 
.admin-Asset .asset-admn-lft .assetlft-inn{padding:5px 5px 10px;} 
.admin-Asset .asset-emp-lft .assetlft-inn{padding:5px 5px 10px;height:300px;overflow-y:scroll;} 
.admin-Asset .asset-emp-lft .assetlft-inner{height:300px;overflow-y:scroll;} 
.assetlft-head{background-color: #fff;border-radius: 3px;padding: 8px 5px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.assetlft-head h3{float:left;margin: 0 !important;color: #000;}
.assetlft-head p{float:left;margin-left:10px;margin-bottom: 0px;font-weight: 500;color: #000;font-size: 14px;border-left: 2px solid #656565;padding-left: 4px;}
.assetlft-head p:nth-child(1){border-left:0px;}
.assetlft-head .check-box-cover {padding: 0px 10px 0px 16px;margin: 0px !important;}
.admin-Asset .asset-admn-lft .ass-item-left{width: 55%;}
.admin-Asset .asset-admn-lft .ass-item-right{width: 38%;}
.asset-emp-lft.ass-lft .ass-item-left {width: 83%;}
.asset-admn-lft .ass-item-left .bwt-hrv-show .bwt-hrv-2{display:block;}
.asset-admn-lft .ass-item-left .bwt-tr-hrv:hover .text-capitalize,.asset-admn-lft .ass-item-left .bwt-hrv-show .text-capitalize{padding-left:25px;}
.asset-admn-lft .ass-item-left .bwt-tr-hrv .check-box-cover{top: -7px;left: -2px;}
.asset-emp-rht .ass-table .un-audit-table{overflow:inherit;max-height: inherit !important;} 
.asset-emp-rht .emp-grid {padding: 5px;margin-top: 5px !important;}
.asset-emp-rht .emp-grid .circle-badge{position:absolute;left: -6px;border-radius: 1px 0px 20px 0px !important;top: -11px;height: 26px !important;width: 33px !important;font-size: 18px !important;}
.asset-emp-rht .ass-table .un-audit-table .bwt-edit{position:absolute;right: 5px;top: 6px;}
.asset-emp-rht .ass-table .un-audit-table .bwt-edit{position:absolute;right: 5px;top: 6px;}
.asset-emp-rht .emp-grid .panel-heading {border-radius: 4px 4px 0px 0px !important;}
.asset-emp-rht .emp-grid .panel-heading .col-md-6 {margin-top: 0px !important;}
.asset-emp-rht .emp-grid .hrv-bg-grey-ee{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%);border-radius: 5px;position: relative;margin:10px;}
.asset-emp-rht .emp-grid .hrv-bg-grey-ee:hover {background-color: #f5f5f5 !important;}
.asset-emp-rht .emp-grid .hrv-bg-grey-ee .col-md-6{display: block !important;margin-bottom: 7px;font-size: 17px;}
grid .hrv-bg-grey-ee .col-md-6 .col-md-5,.asset-emp-rht .emp-grid .hrv-bg-grey-ee .col-md-6 .col-md-5 .text-black-67 {font-weight: 600 !important;}
.asset-emp-rht .emp-grid .hrv-bg-grey-ee .bwt-edit{position:absolute;top:0px;right: 0px;}
.asset-emp-rht .grid-list-sec #tabMenu a i {padding-top:0px;}
.asset-emp-rht .grid-list-sec #tabMenu.active{background-color:transparent;}
.asset-emp-rht .grid-list-sec{margin-top: -5px;}
.asset-emp-rht .detl-viw .bwt-tr-hrv td:first-child .bwt-hrv-hid{display:block !important;}
.asset-emp-rht .detl-viw .bwt-tr-hrv:hover td.bwt-hrv-view .bwt-hrv-2{display: block !important;}
.asset-emp-rht .detl-viw .bwt-tr-hrv:hover td.bwt-hrv-view .bwt-hrv-hid,.asset-emp-rht .detl-viw .bwt-tr-hrv td.bwt-hrv-view .bwt-hrv-hid.ng-hide{display: none !important;}
.asset-emp-rht .detl-viw .bwt-tr-hrv td.bwt-hrv-view .bwt-hvrview{display:block !important;}
#assfulldet .modal-header .text-black-83{color: #48484a !important;margin:0px;clear:both;}
#assfulldet #taskfulldet-body.modal-body{padding: 0 12px;height: 60vh !important;}
#assfulldet .text-black-1c .un-image,.ViewAsset .heading-top .un-image {width: 35px !important;height: 35px;border-radius: 35px;}
#assfulldet .prenxt {float: left;}
#assfulldet .text-black-1c span[ng-if="asset.InventoryTypeName"]{float:left;}
.add-asset .cmts .col-md-2{width: 13%;}
.add-asset .cmts .col-md-10{width: 87%;} 
.ViewAsset{padding: 0px 6px;margin: 10px 5px 0px;}
.ViewAsset .heading-top{margin: 10px 0px 15px;padding: 7px !important;border-radius: 5px;}
.ViewAsset .cusassimg {height: 36px;width: 36px;border-radius: 50%;background-color: #fff;color: #1c84c6;font-size: 18px;line-height: 36px;text-align: center;}
.ViewAsset .head-3sec{background-color:#eee;padding:15px;border-radius:5px;clear:both;}
.ViewAsset .id-badge{background-color: #00BF0E;padding: 8px 15px 8px 10px;position: relative;top: -3px;left: -6px;color: #fff;font-weight: 500;border-radius: 0 0 15px 0;font-size: 12px;float:left; }
.ViewAsset .mdl-body #Details .box-shadow-two .col-md-6{min-height:35px;}
.ViewAsset .mdl-body #Details .box-shadow-two .header{float: left;width: 35%;}
.ViewAsset .mdl-body #Details .box-shadow-two .rt{float:left;}
.ViewAsset .head-3sec div:nth-child(1) {color: #1c84c6;font-size: 16px;font-weight: 600;text-transform: capitalize;}
.ViewAsset .head-3sec div:nth-child(2) {color: #48484a;font-size: 16px;font-weight: 500;}
.ViewAsset .brd-b {font-size: 16px;}
.ViewAsset #Overview .brd-b .header {font-weight: 500;}
.ass-rgt .detl-viw .payroll-table td:nth-child(2){white-space:nowrap;}
.ass-rgt .detl-viw .payroll-table td img.un-image {border-radius: 75px;height: 35px;width: 35px !important;}
.ass-rgt .detl-viw .payroll-table td:last-child img{width: 90% !important;}
#manufcadd .modal-dialog{width:55% !important} 
#manufcadd .modal-dialog .docu-upload{border: 2px dotted #ccc;}
#manufcadd .modal-dialog .table td:nth-child(4) img {border-radius: 75px;width: 45px !important;height: 45px;}
#manufcadd .img-up .un-image{border-radius:50px;width:60px;height:60px;}
#distributoradd .modal-dialog,#categoryadd .modal-dialog {width: 55% !important;}
#distributoradd .box-shadow-two .header,#categoryadd .box-shadow-two .header{width:25% !important;float:left;}
#distributoradd .box-shadow-two .form-control,#categoryadd .box-shadow-two .form-control{width:75%;border-radius:25px !important;}
#distributoradd .modal-dialog .table th{text-align:center;}
#distributoradd .modal-dialog .table td input,#distributoradd .modal-dialog .table td select{min-width:130px;}  
#distributoradd .modal-dialog .table td .un-checkbox-hrw-3{display:block !important}
#distributoradd .modal-dialog .table td{white-space: nowrap;}
#distributoradd .modal-dialog .table td .pull-right{width: 90px;}
#distributoradd .modal-dialog .table td:last-child button{float:left;}
.admin-Asset .add-asset .clients-list #tabMenu > a {padding: 6px 6px 6px !important;margin-bottom: -1px;}
#categoryadd .box-shadow-two .col-md-12:nth-child(3) .form-control{width: 63% !important;border-radius: 0px 25px 25px 0px !important;}
#categoryadd .box-shadow-two .col-md-12:nth-child(3) i.box-shadow-two{padding: 17px !important;float: left;}
#categoryadd .box-shadow-two .col-md-6.text-align-right{width:100%;}
#categoryadd .table td{white-space:nowrap;}
#categoryadd .box-shadow-two .table td input,#categoryadd .box-shadow-two .table td select{width:150px !important;}
#categoryadd .box-shadow-two .table td .colorPickerInput [type='color'] {width:32px !important;}
#categoryadd .modal-dialog #taskfulldet-body{height:90% !important;}
#categoryadd .box-shadow-two .table td .un-checkbox-hrw-3{display: inline-block !important;}
#categoryadd .modal-dialog #taskfulldet-body,#manufcadd .modal-dialog #taskfulldet-body,#distributoradd .modal-dialog #taskfulldet-body{height:90% !important;}
#categoryadd .box-shadow-two .table td:nth-child(4) i{border-radius:0px !important;border: 0px !important;background-color: transparent !important;box-shadow: inherit;}
.admin-Asset .assflt{position:relative;}
.admin-Asset .clients-list a{padding: 4px 15px !important;}
.admin-Asset a i{padding-top: 7px;}
.admin-Asset .assflt .expbtn {right: 0;top: 0;padding: 2px 15px 2px 10px;}
.admin-Asset .ass-lft .top-hd span{font-size:17px;}
.admin-Asset .ass-lft .top-hd .check-box-cover{margin: 7px 0px 2px!important;color: #48484a;font-size: 13px;}
.admin-Asset .ass-lft .top-hd .check-box-cover .checkmark{top: -4px;height: 17px;width: 17px;}
.admin-Asset .ass-lft .top-hd .check-box-cover .checkmark:after {left: 3px !important;top: -1px !important;}
.admin-Asset .asset-admn-lft .ass-item-right span {white-space: nowrap;float: left;margin-left: 5px;}
.admin-Asset .asset-admn-lft .ass-item-right span[uib-tooltip="Available Assets"] {background-color: #88888c !important;color: #fff !important;float: right !important;}
.admin-Asset .ass-rgt .filter-clk .box{width: 17%;margin: 0px 5px !important;border-radius: 20px;padding: 0px;}
.admin-Asset .ass-rgt .filter-clk .box .round{display:none;}
.admin-Asset .ass-rgt .filter-clk .box .count{float:none;text-align:center;clear: both;background-color: #e7f2f8;padding: 8px 5px;color: #1c84c6;}
.admin-Asset .ass-rgt .filter-clk .box .box-label {margin-top: 0;text-align:center;background-color: #1c84c6;padding: 11px 5px 10px;color: #fff;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(2) .count{background-color: #e5852733;color: #e58527;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(3) .count{background-color: #daf9d8;color: #2ebe1a;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(4) .count{background-color: #02c39a29;color: #02c39a;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(5) .count{background-color: #00b7c224;color: #00b7c2;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(6) .count{background-color: #cd113b33;color: #cd113b;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(2) .box-label{background-color:#e58527;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(3) .box-label{background-color:#2ebe1a;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(4) .box-label{background-color:#02c39a;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(5) .box-label{background-color:#00b7c2;}
.admin-Asset .ass-rgt .filter-clk .box:nth-child(6) .box-label{background-color:#cd113b;}
.admin-Asset .ass-rgt .filter-clk .box:hover .box-label{color:#fff;}
.admin-Asset .selected-asset{clear:both;padding: 5px 5px;}
.admin-Asset .selected-asset h3{color:#1c84c6;float: left;}
.admin-Asset .selected-asset h3 span{color: #878585;font-size: 12px;}
.admin-Asset .selected-asset .slide_button-grn{float:right;background-color: #2ebe1a;color: #fff !important;}
.admin-Asset #AssetAssign .modal-content{border-radius:0px !important;}
.admin-Asset #AssetAssign .modal-header{background-color: #eeeeee;padding: 1px 9px !important;border-radius: 0px !important;}
.admin-Asset #AssetAssign .modal-header .selected-asset{padding:0px;}
.admin-Asset #AssetAssign .modal-header .selected-asset h3 {margin: 0px;}
.admin-Asset #AssetAssign .modal-header .bwt-cancel{margin: 0px 0px;position: relative;top: 4px;}
.admin-Asset #AssetAssign .modal-dialog {width: 55% !important;    padding: 0px !important;}
.admin-Asset #AssetAssign .modal-body{padding: 0px 6px;height: 80vh !important;}
.admin-Asset #AssetAssign .recSearchBoxData {top: 70px;left: 20px;}
.admin-Asset #AssetAssign .table thead{background-color:#eee;}
.admin-Asset #AssetAssign .table td{white-space: nowrap;}
.admin-Asset #AssetAssign .modal-header h2{font-weight: 400;font-size: 21px;float:left;}
.admin-Asset #AssetAssign  .vj-search-pan input{height:35px;padding: 5px 40px 5px 5px;}
/*Asset Employee*/
.asset-blk #addTaskModal .modal-dialog {width: 70%;}
.asset-blk #addTaskModal .note-editor{max-width: 100%;min-width: 100%;}
.asset-blk .empass-rgt .top-hd{margin-top:5px;}
.asset-blk .empass-rgt .top-hd .pull-left{font-weight:500;font-size:20px;}
.asset-blk .empass-rgt .empass-2{float: right;display: flex;}
.asset-blk .empass-rgt .empass-2 .categorybox{float:left;margin-left: 15px !important;}
.asset-blk .empass-rgt .table tr th{text-transform:capitalize;background-color: #e7e7e7;}
.asset-blk .empass-rgt .table tr th:nth-child(1){    border-radius: 15px 0px 0 0;}
.asset-blk .empass-rgt .table tr th:last-child{border-radius: 0px 15px 0 0px;}
.asset-blk .empass-rgt .table{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border-radius: 15px 15px 0px 0px;}
.asset-blk .empass-rgt .view-secc {padding: 10px;}
.asset-blk .empass-rgt .prt-a {border-radius: 5px 5px;margin-bottom: 15px;}
.empassign-asset .top .selected-asset{float:left;}
.empassign-asset .top .pull-right{/* width: 20%; */display: flex;}
.empassign-asset .top .pull-right select{min-width: 170px;float:left;}
.empassign-asset .top .pull-right button{float:left;white-space: nowrap;min-width: 115px;margin-left: 5px;}
.empassign-asset .payroll-table th{background-color: #e7e7e7;text-transform: capitalize;}
.empassign-asset .payroll-table th:first-child{border-radius:15px 0px 0px 0px;}
.empassign-asset .payroll-table th:last-child{border-radius:0px 15px 0px 0px;}
.employeAsset-edit .edit_title h5 a{display:inline-block;margin-top: -6px;margin-left: 15px;}
.employeAsset-edit .edit_title .pull-left h4 {clear: both;margin: 0px !important;}
.asset-blk .top {background-color: #e7e7e7;border-radius: 5px;padding: 9px 0px;}
.empidenbtm-mnu.recbtm-mnu.mblbtm-mnu {left: 170px;width: calc(100% - 300px);}
.empidenbtm-mnu.recbtm-mnu.mblbtm-mnu.show{margin-left: calc(-100% - -165px);}
/*Right side preview*/
.modal.left .modal-dialog,.modal.right .modal-dialog {position: fixed;margin: auto;width: 320px;height: 100%;
-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.left .modal-content,.modal.right .modal-content { height: 100%; overflow-y: hidden;}
.modal.left .modal-body,.modal.right .modal-body { padding: 15px 15px 80px; height: 75%; overflow-y: auto}
/*Left*/
.modal.left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;  -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left.fade.in .modal-dialog {left: 0;}
/*Right*/
.modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out;  -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {right: 0;}
/* ----- MODAL STYLE ----- */
.modal-content { border-radius: 0; border: none;}
.modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA;}
 .attachmentCircle {background-color: #0095f6;margin-top: -2px;display: inline-block;height: 25px;width: 25px;margin-right: auto;margin-left: auto;line-height: 19px;font-size: 15px;border-radius: 50%;
color: #fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%);}
.btn-select-right {border-radius: 0 17px 17px 0;}
.btn-select-left {width: 110px;border-radius: 17px 0 0 17px;}
.dropdown-ul {max-height: 200px; overflow-y: scroll;}
.benf-bg-grey {background-color: #eeeeee !important;}
/*taskmanagement*/
.taskmanagement-rightprv.right .modal-body {height: 60vh !important;}
.taskmanagement-rightprv .modal-header button {margin-left: 4px !important;margin-top: 10px;margin-right: 0px !important;}
.taskmanagement-rightprv .id-badge { background-color: #00BF0E; padding: 8px 15px 8px 10px; position: relative; top: 4px; left: 0px; color: #fff; font-weight: 500; border-radius: 0 0 15px 0; font-size: 12px;}
.taskmanagement-rightprv .modal-header .assimg {height: 36px;width: 36px;border-radius: 50%;}
.taskmanagement-rightprv .modal-header .ass-emp div:nth-child(1),.add-etit-shdw .viewCandiA17 .ass-emp div:nth-child(1) { color: #1c84c6; font-size: 16px; font-weight:600;text-transform: capitalize; }
.taskmanagement-rightprv .modal-header .ass-emp div:nth-child(2),.add-etit-shdw .viewCandiA17 .ass-emp div:nth-child(2) { color: #48484a; font-size: 13px; font-weight:500 }
.taskmanagement-rightprv .modal-header .det-secc div { color: #1c1c1e; font-size: 14px; font-weight:500; margin-bottom: 3px; }
.taskmanagement-rightprv .modal-header .det-secc div:hover { text-decoration: underline; cursor: pointer; }
.taskmanagement-rightprv .modal-header .det-secc div i { margin-right: 7px; }
.modal-header .head-3sec { padding: 15px 10px; background-color: #eee;  margin-top: 10px !important; }
.tsk-badges{padding: 4px 20px; font-size: 14px; color: #fff; border-radius: 50px; margin-left: 10px;}
.tssec-detail .header{margin-bottom:5px; font-weight: 500; color: #48484a;}
.tssec-detail .border-bottom{padding-bottom:15px;}
.tssec-detail .border-bottom .mt-20{margin-top:10px !important;}
.tsk-subtask .right-sub-title { border-radius: 15px 15px 0 0; }
.tsk-subtask .subbox { border-radius: 15px; }
.tsk-msge{padding: 0px 4px;height:200px; overflow-y: hidden;}
.tsk-msge:hover{overflow-y: auto;}
.taskmanagement-rightprv .right-sub-title span:first-child strong, .taskmanagement-rightprv .brd-b-2-ee span:first-child strong {min-width: 105px;display: inline-block;}
.div-tag-sec {margin: 10px 10px 20px;}
.div-tag-sec .tag-list li a{font-size: 14px; background-color: #fff; padding: 5px 12px; color: inherit; border-radius: 6px; margin-right: 12px; margin-top: 8px; margin-bottom: 8px; display: block;}
/*Customer*/
.taskmanagement-rightprv .modal-header .cusassimg,.add-etit-shdw .viewCandiA17 .cusassimg {height: 36px; width: 36px; border-radius: 50%; background-color: #fff; color: #1c84c6; font-size: 18px; line-height: 36px; text-align: center;}
.tsk-subtask  .col-md-12{padding:0px;display: inline-block;width: 100%;}
.tsk-subtask .dd-handle .col-md-8 {width: 79%;float:left;}
.tsk-subtask .dd-handle .col-md-1 .check-box-cover{position: relative;top:4px}
.tsk-subtask .dd-handle .col-md-1{width: 5%;padding: 0px;float:left;}
.tsk-subtask .dd-handle .col-md-1 i{margin-left:0px !important;}
.cusTabs #tabMenu > a { padding: 6px 8px 6px 8px; }
.cusTabs #tabMenu.active > a{padding: 4px 10px; }
.cpppCus .cpppCusIcon {display: none; color: #0095f6;}
.cpppCus:hover .cpppCusIcon {display: inline !important; color: #0095f6; margin-left: 10px;}
.cus-file{padding: 5px ; margin: 0px; }
.cus-file .item{border-bottom: 2px solid #eee; padding: 4px 10px; cursor: pointer;transition: 0.4s;}
.cus-file .item:nth-last-child(1){border-bottom: none; padding-bottom:0px; }
.complianceSts{ background-color: #ECF2FF; padding: 7px; border-radius: 8px; margin: 10px; }
.complianceSts .summaryText{ color: #48484a !important; font-size: 16px; font-weight: 600; float: left; padding-bottom: 10px; padding-top: 8px; }
.complianceSts .progress{ margin: 10px 0; height: 10px; background-color: #fff; }
.complianceSts .percenTageLabel{float: right; font-weight: 600; font-size: 16px !important; cursor: pointer; background-color: rgba(0, 149, 246, 1) !important; padding: 5px 10px; border-radius: 50px; color: #fff; }
.complianceSts .dental-list{ list-style: none; background-color: #fff; border-radius: 8px; margin-bottom: 5px; }
.cus-file .pull-left{ font-weight: 500; font-size: 16px;  padding-bottom: 0px; padding-top:0px; color: #48484a;}
.cus-file .pull-right span{color: #fff; width: 40px !important; background-color: #1C84C6; font-size: 15px; font-weight: 500; height: 22px !important; display: block; border-radius: 5px; text-align: center; line-height: 22px; margin-top: 4px; }
.cus-file .fldTypes ul{margin: 0; padding: 0; list-style: none;}
.cus-file .fldTypes ul li{ font-size: 16px; color: #48484a; font-weight: 500; padding: 8px 12px; border-bottom: 1px solid #ddd; transition: .8s;}
.cus-file .fldTypes ul li:nth-last-child(1){ border-bottom: none;}
.cus-file .fldTypes ul li:hover{ color: #1c1c1e; background-color: #eee; font-weight: 600;}
.cus-file .fldTypes ul li.selected{ color: #1c1c1e; background-color: #eee; font-weight: 600;}
.cus-file .fldTypes ul li .fa-folder, .cus-file .fldTypes ul li .fa-folder-open{color: #eeb42e; padding-right: 4px; font-size: 16px; margin-left: -2px;}
.cus-file .fldTypes ul li .taxonomylist{ background-color: #fff; }
.cus-file .fldTypes ul li .taxonomylist:nth-child(1){ border-radius: 8px 8px 0 0; }
.cus-file .fldTypes ul li .taxonomylist:nth-last-child(1){ border-radius: 0 0 8px 8px; }
/*Taskmanagement design Aug-27*/
.taskview-A27{}
.taskview-A27 .sec-BOX{ box-shadow: 0px 1px 8px 3px rgb(0 0 0 / 10%) !important; border-radius: 10px; padding: 3px 3px 0; }
.taskview-A27 .tskViewHead{background-color: #eee; padding: 7px 10px 7px 3px; margin-bottom: 0px; border-radius: 10px 10px 0 0; }
.taskview-A27 .tsk-Panel-box{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; padding: 3px; }
.taskview-A27 .tsk-Panel-header{ background-color: #EEEEEE; text-transform: capitalize; padding: 5px 15px !important; font-weight: 500 !important; font-size: 18px; color: #1c1c1e; height: 42px; }
.taskview-A27 .tsk-Panel-header .label-Personal{ color: #3aafa9; background-color: #fff; padding: 2px 10px 3px; border-radius: 50px; font-weight: bold; font-size: 13px; }
.taskview-A27 .tsk-Panel-header .lft{ float: left; }
.taskview-A27 .un-circular-chart{ margin: 3px 15px 3px 5px; height: 65px; }
.taskview-A27 .tsk-Panel-header .rgt{ float: right; }
.taskview-A27 .tskViewSubDetails{ display: flex; flex-wrap: wrap; }
.taskview-A27 .tskViewSubDetails .box-v1{ width: 20%; padding: 15px 10px; border-bottom: 1.5px solid #d6d6d6; margin: 0; }
.taskview-A27 .tskViewSubDetails .box-v1 .label{ background: none; font-size: 16px; padding: 0; color: #1c1c1e; }
.taskview-A27 .tskViewSubDetails .box-v1 .label i{ color: #0095f6 ; }
.taskview-A27 .tskViewSubDetails .box-v1 .data{ font-size: 16px; padding-top: 2px; transition: .5s }
.taskview-A27 .tskViewSubDetails .box-v1 .inputshadowBorder{ border-radius: 50px !important; background-color: #f6f6f6 !important; }
.taskview-A27 .tskViewSubDetails .box-v1:hover .inputshadowBorder{ background-color: #fff !important; }
.taskview-A27 .attch-Box{ padding: 10px; border: 1px solid #ddd; border-radius: 4px; display: flex; align-items: center; margin-bottom: 10px; }
.taskview-A27 .attch-Box .icon{ font-size: 30px; padding-right: 13px; color: #0095f6 !important; }
.taskview-A27 .attch-Box .name{ font-size: 18px; font-weight: 600; color: #1c1c1e; cursor: pointer }
.taskview-A27 .attch-Box .name:hover{ color: #0095f6; }
.taskview-A27 .attch-Box .subnames{ font-size: 14px; }
.taskview-A27 .h-200{ height: 200px; }
.taskview-A27 .h-500{ height: 500px; }
.taskview-A27 .rej-ptotab { margin: 0px auto 15px; width: 100%; padding: 15px 15px 10px 15px; position: relative; background-color: #d5eefd; color: #1c84c6; border: 1px dashed #1c84c6; border: 1px dashed #ccc; padding: 10px 15px 10px 15px; margin-bottom: 15px; min-height: 135px !important; }
.taskview-A27 .rej-ptotab .btn-file { color: #676a6c; font-weight: 400; font-size: 18px; width: 100%; border-radius: 4px !important; }
.taskview-A27 .rej-ptotab .btn-file .heading { font-size: 22px; margin: 0px 0px 5px; font-weight: 400; color: #000; }
.taskview-A27 .rej-ptotab .btn-file input[type=file] { font-size: 24px; position: absolute; left: 0px; top: 11px; opacity: 0; margin-bottom: 0px; display: block; width: 100%; border-radius: 25px; cursor: pointer; height: 120px; }
/*esign*/
.esign-ctrl-panel {text-align: center;}
.esign-ctrl-panel .step{ text-align: center; list-style-type:none; padding-left: 0 !important; }
.esign-ctrl-panel .step li{ display: inline; padding: 0 15px; font-size: 17px; font-weight: 500 !important; cursor: pointer; }
/*.esign-ctrl-panel .step li::after{ content: ">"; margin-left: 30px; font-size: 20px;}
.esign-ctrl-panel .step li:last-child::after { display: none;}*/
.esign-ctrl-panel .step li i{top: 4px;font-size: 27px;margin-left: 18px;}
.esign-ctrl-panel .step .active{ color: #0095f6 !important; }
.esign-ctrl-panel .step li span{ background-color: #ddd; color: #48484a; border-radius: 50%; padding: 5px 10px; font-size: 15px; margin-right: 5px; }
.esign-ctrl-panel .step li b{    font-weight: 500 !important;}
.esign-ctrl-panel .step .active span{ background-color: #0095f6; color: #fff; border-radius: 50%; padding: 5px 10px; font-size: 15px; margin-right: 8px; }
.stg1 .signbx { box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 15px; margin: auto; width: 30%; display: grid;}
.stg1 .signbx .prta { padding: 10px 15px 0px 15px; }
.stg1 .signbx .brdlinea { height:2px ; background-color: #d8dafa; position: relative; top: -4px;}
.stg1 .signbx .brdlineb { height:1px ; background-color: #ddd;}
.stg1 .signbx h1 { font-weight: 400; float: left; font-size: 20px; color: #1c84c6; position: relative; top: 30px;}
.stg1 .signbx .prta img { width: 38%; float: right;}
.stg1 .signbx .prtb { padding: 30px 45px 40px; }
.stg1 .signbx .prtc { padding: 30px 50px 35px; }
.stg1 .btn-bott { margin: auto; width: 30%; margin-top: 20px; margin-bottom: 40px; }
.stg1 .btn-bott .btn { width: 30%;}
/*Esign V2*/
.stpBystp .stg1 .signbx { box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 15px; margin: auto; width: 50%; display: grid;}
.stpBystp .stg1 .signbx .prta { padding: 10px 15px 0px 15px; }
.stpBystp .stg1 .signbx .brdlinea { height:2px ; background-color: #d8dafa; position: relative; top: -4px;}
.stpBystp .stg1 .signbx .brdlineb { height:1px ; background-color: #ddd;}
.stpBystp .stg1 .signbx h1 { font-weight: 500; float: left; font-size: 20px; color: #1c84c6; position: relative; top: 30px;}
.stpBystp .stg1 .signbx .prta img { width: 23%; float: right;}
.stpBystp .stg1 .signbx .prtb { padding: 10px 0px 40px; }
.stpBystp .stg1 .signbx .prtc { padding: 30px 50px 35px; }
.stpBystp .stg1 .btn-bott { margin: auto; width: 50%; margin-top: 20px; margin-bottom: 40px; }
.stpBystp .stg1 .btn-bott .btn { width: 30%;}
.ntvEsign-tp .box{width: 125px; text-align: center;cursor: pointer;}
.ntvEsign-tp .box:hover{-webkit-transform: scale(1.04);transform: scale(1.04);}
.ntvEsign-tp .scc1{border-radius: 20px 20px 0 0;  font-size: 35px; height: 70px; line-height: 70px; font-weight: 500;}
.ntvEsign-tp .scc2{height: 30px; line-height: 30px; border-radius: 0px 0px 15px 15px;}
.ntvEsign-tp .boxPen .scc1{background-color: rgb(248 97 97 / 15%); color: #f86161;}
.ntvEsign-tp .boxPen .scc2{background-color: #f86161; color: #fff; }
.ntvEsign-tp .boxCom .scc1{background-color: #deffe0; color: #2ca01c;}
.ntvEsign-tp .boxCom .scc2{background-color: #2ca01c; color: #fff; }
.ntvEsign-tp .boxCan .scc1{background-color: #e8e8e8; color: #48484a;}
.ntvEsign-tp .boxCan .scc2{background-color: #bbb; color: #48484a; }
.ntvEsign-tp .boxAll .scc1{background-color: #def3ff; color: #0095f6;}
.ntvEsign-tp .boxAll .scc2{background-color: #0095f6; color: #fff;}
.ntvEsign-tp .select{border: 3px solid #2ca01c !important; border-radius: 20px; padding: 3px}
.esign-ctrl-panel .step .activev2{ color: #2ca01c !important; }
.esign-ctrl-panel .step .activev2 span{ background-color: #2ca01c; color: #fff; border-radius: 50%; font-size: 15px; margin-right: 8px; width: 32px; height: 32px; display: inline-block; line-height: 25px; font-weight: 600;}
.esign-ctrl-panel .li:hover { color: #0095f6 !important; }
.esign-ctrl-panel li:hover span{ background-color: #0095f6; color: #fff; border-radius: 50%; padding: 5px 10px; font-size: 15px; margin-right: 8px; }
#showAllDataModal .payroll-table td, #showAllDataModal .payroll-table th {text-transform: capitalize;}
.esign-hme {padding: 35px 15px !important;} 
.esign-hme .benRep-flt{width: 95%;margin: 0 auto;}
.esign-hme .srch-blk{border-bottom: 1px solid #eeeeeed9;margin-bottom: 20px;padding: 0px 36px 25px;}
.esign-hme .srch-blk .inpOne,.esign-hme .srch-blk .inpOne input{width: 100%;}
.esign-hme .mdle-Esign{background-color: #fff;border-radius: 7px;padding: 15px 0px;}
.esign-hme .mdle-Esign .col-md-3{border-right: 1px solid #dad7d7;}
.esign-hme .mdle-Esign .col-md-3 img{width: 80%;margin: 0 auto;transition: all .50s;overflow: hidden;}
.esign-hme .mdle-Esign .col-md-3:hover img{transform: scale(1.05);}
.esign-hme .circle-badge-big {margin: 7px auto 0px;height: 50px;width: 50px;line-height: 51px;text-align: center;font-size: 24px;font-weight: 600;border-radius: 34px;color:#fff;}
.esign-hme .header-section-inner-div {width: 100%;text-align: center;padding: 5px 5px;border-radius: 11px;min-height: 125px;background-color:#fff;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;position:relative;}
.esign-hme .header-section-inner-text{font-size:20px;margin-top: 10px;}
.esign-hme .header-section-inner-div:hover::after,.esign-hme .header-section-inner-div:hover::before{transform: scale(1, 1);}
.esign-hme .header-section-inner-div:after,.esign-hme .header-section-inner-div:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: all 0.9s;height: 100%;width: 100%;border-radius: 11px;}
.esign-hme .header-section-inner-div:after{border-right: 4px solid;border-left: 4px solid;transform: scale(1, 0);}
.esign-hme .header-section-inner-div:before{border-top: 4px solid;border-bottom: 4px solid;transform: scale(0, 1);}
.esign-hme .header-section-inner-div.hrv-bg-grey-ee:hover{background-color: transparent !important;}
.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(4) .header-section-inner-div:before,.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(4) .header-section-inner-div:after{border-color:#1bb6d0;}
.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(1) .header-section-inner-div:before,.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(1) .header-section-inner-div:after{border-color:#0095f6;}
.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(2) .header-section-inner-div:before,.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(2) .header-section-inner-div:after{border-color:#fc6621;}
.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(3) .header-section-inner-div:before,.esign-hme .mdle-Esign .dsh-top .col-md-3:nth-child(3) .header-section-inner-div:after{border-color:#2ca01c;}
.esign-hme .header-section-inner-text{font-size:20px;margin-top: 10px;}
.esign-hme .icon{float:left;margin-right:10px;}
.esign-hme .selectBoxpanel .text{float:left;margin-top: 4px;font-size: 20px;}
.esign-hme .selectBoxpanel .text span{display:block;}
.esign-hme .selectBoxpanel .circle-badge-big{float: right;position: absolute;right: 25px;top:10px;}
.esign-hme .selectBoxpanel .rdo-btn {font-size: 15px;float:left;color: #000;font-weight: 500;}
.esign-hme .selectBoxpanel .rdo-btn.two {float: right;}
.esign-hme .selectBoxpanel .rdo-btn span {color: #1c84c6 !important;border-bottom: 1px solid #1c84c6;}
.esign-hme .selectBoxpanel .rdo-btn img{width: 25px;float: left;margin-right: 5px;}
.esign-hme .selectBoxpanel .selectBox {border-bottom: 2px solid transparent;box-shadow: 0px 4px 10px rgb(66 67 68 / 20%);height: 90px;}
.esign-hme .selectBoxpanel .selectBox:hover {box-shadow: 4px 7px 12px rgb(0 73 203 / 17%) !important;border-bottom: 2px solid #0095f6;transition: all 0.9s;} 
.EsignHome-modal  .modal-body {padding: 5px 5px !important;height: 90%;}
.EsignHome-modal .modal-header{background-color: #e9e9e9;padding: 7px 15px;}
.EsignHome-modal .modal-header h2{margin:0px;font-weight:400;}
.EsignHome-modal .modal-header .bwt-cancel{margin:0px;}
.EsignHome-modal .topNavHeader,.EsignHome-modal .clients-list{display: none !important;}
#EsignHomeSend .send-blk .col-md-12[ng-click="index=-1;"] {padding:5px !important;}
#EsignHomeSend .send-blk .bwt-new.pull-right {width:auto !important;}
#EsignHomeHrhub .setting-document-dtls .col-md-6 {width:100% !important;margin-bottom:15px;}
#EsignHomeHrhub .setting-document-dtls .col-md-6 {width:100% !important;margin-bottom:15px;}
#EsignHomeHrhub .edit_title .col-md-12 {border-bottom:0px !important;padding-bottom:0px;margin-bottom:0px;} 
#EsignHomeHrhub .edit_title .pull-right .bwt-cancel,#EsignHomeHrhub .edit_title .pull-left{display:none !important;}
#AdobeTempaltesCount .bg-white.ml-5.mt-10{margin: 0px !important;}
#AdobeTempaltesCount .p-10.pb-30{padding:0px !important;}
#AdobeTempaltesCount .col-md-7,#AdobeTempaltesCount .col-md-7 .col-md-8{width:100%;}
#AdobeTempaltesCount  .text-align-right{display:none;}
#AdobeTempaltesCount .payroll-table td:nth-child(3){white-space: nowrap;}
#HrhubTempaltescount .filter-panel, #HrhubTempaltescount .setting-document .setingdocu-bottom-link{display:none !important;}
#HrhubTempaltescount .table{display:block;} 
#HrhubTempaltescount .table .bwt-edit {padding: 6px 7px !important;}
#HrhubTempaltescount .table .hvr-btn .col-md-3 {width: 40%;margin-top: 7px !important;right: 10% !important;}
.agree-top .sts-mobile.ass-lft {display:none;}
.Esign-agree #showHistory .modal-dialog {width:35% !important;}
.Esign-upload .E-uplod-tp .pull-right {width: 45%;}
.esign-guide{text-align: center;}
.esign-guide ul{list-style-type: none;padding: 0;display: inline-flex; margin: 20px 0} 
.step{content: ">"; margin-left: 30px; font-size: 20px;}
.esign-guide ul li{text-align: center;}
.esign-guide .ad-step{width: 130px;}
.esign-guide .ad-line{ font-size: 25px; padding-top: 5px;}
.esign-guide .num{border: 2px #1c84c6; border-radius: 50px; height: 40px; width: 40px; text-align: center; line-height: 39px; font-size: 20px; font-weight: 600; border-style: solid; color: #1c84c6; margin: 2px auto;}
.esign-guide .txt { width: 100%; text-align: center; margin: auto; font-size: 15px; padding-top: 15px; font-weight: 500; color: #1c1c1e; }
.E-Send-tp .list-group li span{border-radius:15px;}
.E-Send-tp .list-group li .lft-img{float:left;margin-right:5px;}
.E-Send-tp .list-group li .rht-dt{float:left;}
.myhr-empsign #agreementDialog .modal-dialog{width:60% !important;}
.myhr-empsign .filter-blk {padding: 10px 15px;border-radius: 50px;}
.myhr-empsign .filter-blk .pull-right{width: 70%;}
.myhr-empsign .filter-blk .col-md-2:nth-child(1){width:25%}
.myhr-empsign .filter-blk .col-md-2:nth-child(2){width:15%;text-align: center;}
.myhr-empsign .filter-blk .col-md-2:nth-child(3){width: 35%;}
.myhr-empsign .filter-blk .col-md-2:nth-child(4){width:25%}
.myhr-empsign-docsign .cookiealert.show{margin-left: 14.5% !important;left: 0% !important;width: calc(100% - 225px) !important;}
.mini-navbar .myhr-empsign-docsign .cookiealert.show {margin-left: 4.7% !important;width: calc(100% - 100px) !important;}
.myhr-empsign .payroll-table th a {color: #1C1C1E !important;}
.EsigntabsetOne .nav-pills { margin-top: 2px; margin-left: 5px; margin-right: 10px; background-color: #fff !important; border-bottom: 1px solid #ddd;}
.EsigntabsetOne .nav > li > a { padding: 10px 20px; border-bottom: 4px solid #ddd; border-radius: 0;}
.EsigntabsetOne .nav > li.active > a { color: #5b5d5f; font-weight: 700; background-color: #eee; border-bottom: 4px solid #0095f6 !important; }
.EsigntabsetOne .nav > li > a:hover, .EsigntabsetOne .nav > li > a:active, .EsigntabsetOne .nav > li > a:focus {background-color: #e3e3e3 !important; border-radius: 4px;}
.EsigntabsetTwo .nav-tabs { margin-bottom: 0px; background-color: #fff; }
.EsigntabsetThree .nav-tabs { margin-right: 10px; margin-left: 5px; }
.empEsignlist.shadowBorder{border-radius: 6px !important;margin: 0px;position: relative;margin-bottom: 20px;}
.empEsignlist h3{font-size: 22px;background-color:#eee;margin: 0px;border-radius: 6px 6px 0px 0px;padding: 5px;padding: 11px 15px 15px 40px;text-transform: capitalize;}
.empEsignlist ul li{list-style: none;padding:6px;}
.empEsignlist ul li p:nth-child(1){float:left;width: 26%;font-weight: 500;}
.empEsignlist ul li p{font-size:21px !important;margin-bottom: 0px !important;}
.empEsignlist .un-circle-blue{position:absolute;top: 11px;left: 6px;}
.esign-blk .un-notebox .pull-left.bold.text-14px {margin-left: 5px !important;}
.esign-blk .un-notebox .gray-bg.client-avatar {margin-left: 66px !important;}
.esign-blk #showNativeViewNew #CollectedData .candidate-mbllst ul li p span:first-child {font-weight: 600;width: 109px;}
.EsigntabsetOne #showNativeViewNew .modal-dialog{width:60% !important;}
#showNativeViewNew .cusTabs #tabMenu > a {padding: 6px 8px 1px 8px;}
.EsigntabsetOne #eSign-rightsession .candidate-mbllst .mbl-head h3 {width: calc(100% - 65px);}
.esign-blk .candidate-mbllst ul li p span, .esign-blk .candidate-mbllst ul li p span a {font-size: 18px !important;}
.esign-blk .candidate-mbllst ul li p span:first-child {width: 110px;}
.esign-blk  .candidate-mbllst ul li p span:last-child {width: calc(100% - 110px) !important;}
.esign-blk .E-Send-tp {width: 80%;margin: 0 auto;float:none;}
.esign-blk .E-Send-tp .drop-box {outline: none !important;width: 100% !important;font-weight: 500 !important;border-radius: 10px !important;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border: none !important;
font-size: 16pt !important;height: 150px;text-align: center;cursor: pointer;transition: .3s;}
.esign-blk .E-Send-tp .drop-box:hover {background-color: #d5eefd;color: #1c84c6}
.esign-blk #showView .modal-dialog{width:35% !important;}
.esign-blk #showView.taskmanagement-rightprv.right .modal-body {height: 90vh !important;}
.esign-blk .circle-badge-nobg,.circle-badge-nobg {height: 28px;width: 28px;line-height: 28px;text-align: center;border-radius: 30px;margin-left: auto;margin-right: auto;font-size: 15px !important;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;background-color: #0095f6 !important;color: #ffffff !important;}
.Esign-upload .candidate-mbllst .mbl-head h3 {width: calc(100% - 65px);}
.esign-blk .ad-ttp {display: none;}
.esign-blk .filesPreview .modal-header .text-black-1c.text-22px{word-wrap: break-word;max-width: 100%;}
/*Emoployee Benefits*/
.stgthree .signbx {box-shadow: none;border-radius: 15px;margin: auto;display: grid;}
.stgthree .signbx .prta { padding: 10px 15px 0px 15px; }
.stgthree .signbx .brdlinea { height:2px ; background-color: #d8dafa; position: relative; top: -4px;}
.stgthree .signbx .brdlineb { height:1px ; background-color: #ddd;}
.stgthree .signbx h1 { font-weight: 400; float: left; font-size: 20px; color: #1c84c6; position: relative; top: 50px;}
.stgthree .signbx .prta img { width: 38%; float: right;}
.stgthree .signbx .prtb { padding: 30px 45px 40px; }
.stgthree .signbx .prtc { padding: 30px 50px 35px; }
.stgthree .btn-bott { margin: auto; width: 30%; margin-top: 20px; margin-bottom: 40px; }
.stgthree .btn-bott .btn { width: 30%;}
/*Benefits Report*/
.benRep-flt{box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; padding: 10px; background-color: #fff;}
.benRep-flt .flt-click { box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; padding: 5px;}
.benRep-flt .flt-click ul { list-style: none; padding: 0; margin: 0;}
.benRep-flt .flt-click ul li {padding: 7px 6px 3px;transition: 0.3s;cursor: pointer;}
.benRep-flt .flt-click ul li:hover{ background-color: #eee; border-radius: 5px;}
.benRep-flt .flt-click ul a{ color: #676a6c; font-size: 16px; font-weight: 500;}
.benRep-flt .flt-click ul i{ font-size: 14px; }
.benRep-flt .flt-click ul span{ float: right; font-size: 14px; color: #fff; width: 40px; }
.benRep-flt .flt-sel .flt-label{ color: #000; opacity: 0.2; font-size: 30px; font-weight: bold; margin-bottom: 15px; text-transform:uppercase;}
.benRep-flt .flt-sel .expbtn { position: absolute; right: 4px; top: -11px; border-radius: 0 10px 0 15px; padding: 4px 25px 4px 15px; color: #1c1c1e; font-size: 18px;}
.benRep-flt .flt-sel .expbtn:hover i{ animation: bennudge 1s linear infinite alternate;top: 0;transform: translateY(0); color: #1c84c6;}
@keyframes bennudge {100% {transform: translateY(-70%);top: 80%;}}
.benRep-flt .flt-sel .flt-search {width: 100%;box-shadow: 0 3px 1px -2px rgb(0 0 0 / 12%), 0 2px 2px 0 #aaaaaa, 0 1px 5px 0 rgb(0 0 0 / 12%);border: none;font-size: 21px;height: 42px;border-radius: 50px;margin-bottom: 12px;padding-left: 20px;}
.benRep-Tab .sel-span { border: 2px solid #2EBE1A; padding: 6px 25px; border-radius: 50px; color: #2EBE1A; cursor: pointer; font-weight: bold;}
.benRep-Tab .sel-span:hover { background-color: #2EBE1A; color: #fff; }
.benRep-Tab .unsel-span { border: 2px solid #676a6c; padding: 6px 25px; border-radius: 50px; color: #676a6c; cursor: pointer;  font-weight: bold;}
.benRep-Tab .unsel-span:hover { background-color: #676a6c; color: #fff; }
.benRep-Tab .lab-status {color: #fff;border-radius: 50px; font-size: 12px; padding: 7px 8px; width: 70%; display: block; margin: auto;}
.benRep-Tab .lab-enrolled { background-color: #2CA01C; }
.benRep-Tab .lab-enrolling { background-color: #0095F6; }
.benRep-Tab .lab-waveoff { background-color: #00B7C2; }
.benRep-Tab .lab-notstated { background-color: #8F958B; }
.benRep-Tab .assimg { border-radius: 50%; width: 35px; height: 35px; object-fit: cover; }
.benRep-Tab .hrv-empbox .contactbox { display: none; }
.benRep-Tab .hrv-empbox:hover .contactbox { display: block; width: 333px; position: absolute; background-color: #fff !important; z-index: 50; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 4px; border-bottom: 4px solid #0095F6;}
.benRep-Tab img{ width: 32px; height: 32px; }
.benRep-Tab tbody+tbody {border : none !important; }
.benRep-Tab thead > tr > th {border : none !important; }
.benRep-Tab thead > tr > th:nth-child(1) {border-radius: 50px 0 0 50px;}
.benRep-Tab thead > tr > th:nth-last-child(1) {border-radius: 0 50px 50px 0;}
.benRep-Tab tbody tr:nth-child(1) td {border : none !important; }
.benUnlockReq {color: #1c84c6;background-color: #fff;padding: 4px 11px;border-radius: 5px;font-size: 15px;font-weight: 500;}
.dsk-task-modal {width: 60% !important; float: right;}
.dsk-task-modal .modal-body{padding: 5px 10px !important;}
.dsk-task-modal .modal-body .dsh-tsk-tile{margin-bottom:10px;}
.dsh-tsk-tile{box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; background-color: #fff !important; border-radius: 15px; padding: 0 !important; cursor: pointer; transition: 0.4s; margin-bottom: 0px;}
.dsh-tsk-tile:hover{background-color: #f3f3f3 !important;}
.dsh-tsk-tile .id-badge{padding: 6px 13px 6px 10px; position: relative; top: 1px; left: 0px; color: #fff; font-weight: 600; border-radius: 15px 0 10px 0; font-size: 11px; }
.dsh-tsk-tile h1{color: #1c1c1e; font-weight: 600; font-size: 18px; padding: 10px 10px 13px; border-bottom: 1px solid #e7eaec !important; margin-bottom: 0; margin-top: 0;}
.dsh-tsk-tile .secc-2 { padding: 10px; border-bottom: 1px solid #e7eaec !important;}
.dsh-tsk-tile .secc-2 img{width: 35px; height: 35px; object-fit: cover; float: left; margin-right: 10px; border-radius: 50%;}
.dsh-tsk-tile .secc-3 { padding: 10px; padding-top: 15px; }
.dsh-tsk-tile .secc-4 { padding: 5px; }
.dsh-tsk-tile .secc-3 label{ border-radius: 50px; font-size: 13px; color: #fff !important; padding: 4px 16px; font-weight: bold; }
.detail-lst {margin-bottom: 15px; padding-bottom: 10px; border-bottom:none;}
.detail-lst .inputshadowBorder{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(103 106 108 / 40%) !important; color: #1c1c1e; font-size: 18px; padding: 6px 13px; font-weight: 600; margin-top: 7px;}
.docc-iframe{border: none;height: 100%; width: 100%;}
.docc-iframe img{height: 100%; width: 100%;}
.docc-overlay-content{width: 84vh !important; }
.setEmail-Entities{height: 250px; overflow-y: auto;padding: 0px 7px !important;}
.setEmail-Entities .tag-selected {background-color: #2cA01C !important; color: #fff !important; }
.setEmail-Entities .tag-selected:hover { color: #fff !important; }
.setEmail-Keyword{padding: 10px !important; height: 350px; overflow-y: auto;}
.setEmail-Keyword .keys{color: #48484a; font-size: 16px; line-height: 25px;}
.setEmail-Keyword .keys:hover{color: #1c84c6;}
.setEmail-Keyword .keys .fa-copy {opacity:0}
.setEmail-Keyword .keys:hover .fa-copy {opacity:1;cursor:pointer;}
.un-hrv-sec .fa{opacity:0}
.un-hrv-sec:hover .fa {opacity:1;cursor:pointer;}
.Hub-btn{background-color:#fff !important; margin-right:11px; padding:3px 15px; font-size:17px; font-weight: 700; border-radius: 50px; margin-bottom: 5px; margin-right: 10px; transition: 0.4s;}
.Hub-btn span{}
.Hub-btn:hover{margin-top: -15px; transition: 0.4s; box-shadow:inset 0 0 87px !important;}
.Hub-btn:hover span{color: #fff !important;}
.selected-Hub-btn{box-shadow:inset 0 0 87px !important;}
.selected-Hub-btn span{color: #fff !important;}
/*Benefits Setting*/
.ben-sett-top { box-shadow: none; border: none; padding: 5px 5px 20px; margin: 0px;}
.ben-sett-top .ttle { font-size: 30px; font-size: 30px; color: #1c84c6; font-weight: 500;}
.ben-sett-top .circle-badge-big { margin-top: 7px; height: 50px; width: 50px; line-height: 51px; text-align: center; font-size: 24px; font-weight: 600; border-radius: 34px; color: white; margin-left: auto; margin-right: auto;}
.ben-sett-top .circle-badge-nobg {height: 28px; width: 28px; line-height: 28px; text-align: center; border-radius: 30px; margin-left: auto; margin-right: auto; font-size: 15px !important; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; background-color: #d4f9d6 !important; color: #00BF0E !important;}
.ben-sett-top .header-section-inner-div { width: 110px; text-align: center; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; padding: 5px 5px; border-radius: 11px; height: 125px; cursor: pointer;}
.ben-sett-top .header-section-inner-text {color: #1c84c6 !important;font-size: 16px;font-weight: 500;margin-top: 10px;}
.ben-sett-top .header-section-inner-div:hover .header-section-inner-text {color: #1c84c6 !important;}
.ben-sett-top .col-md-2 { width: 110px; }
.ben-caro-img{height: 370px !important; width: 100%;}
.bckbtn-ppl{position: absolute;right: 20%;top:6px;}
.benefit-page .dsh-top .col-lg-3 {padding-left: 5px;padding-right: 5px;}
.benefit-page .dsh-top .dsh-time a {color: #fff; position: relative;display: inline-block;width: 100%;z-index: 9;}
.benefit-page .dsh-top .dsh-time {background-color: #f53c3c;color: #fff;padding: 4px 5px;border-radius: 15px;position: relative;display: inline-block;width: 100%;overflow: hidden;min-height: 120px;z-index: 1;}
.benefit-page .dsh-top .dsh-time h4 {font-size: 35px;float: left;font-weight: 400;margin: 6px 0px 0px}
.benefit-page .dsh-top .dsh-time h5 {float: right;font-size: 15px;line-height: 23px;font-weight: 400;margin: 10px 5px 0 0px;text-align: right;width: 55%;}
.benefit-page .dsh-top .dsh-time h5 span {display: block;line-height: 15px;}
.benefit-page .dsh-top .dsh-time h5 i {float: right;clear: both;}
.benefit-page .dsh-top .dsh-time .shadow-icon {position: absolute;bottom: -30px;font-size: 60px;opacity: 0.3;left: 27%;}
.benefit-page .dsh-top .col-lg-3:nth-child(3) .dsh-time, .benefit-page .dsh-top .col-lg-3:nth-child(4) .dsh-time {padding: 4px 10px;}
.benefit-page .dsh-top .dsh-time:last-child small {color: #fff;clear: both;display: block;margin-top: 5px;}
.benefit-page #benfInstant .modal-dialog {width: 65% !important;}
.benefit-page #benfInstant .modal-header .count{float:left;margin-top: 15px;}
.benefit-page #benfInstant .modal-header .count a,.benefit-page #benfInstant .modal-header .count p{font-size: 19px;}
.benefit-page #benfInstant .modal-header h5{float:left;margin-left:15px;font-size:16px;margin-top:8px;}
.benefit-page #benfInstant #history-vertical-timeline::before { left: 29px; }
.benefit-page #benfInstant #Summary ul{width:49%;float:left;padding:10px 5px 0px 0px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius:5px;}
.benefit-page #benfInstant #Summary ul li{list-style:none;padding:5px 15px;width:100%;clear:both;display:inline-block;border-bottom:1px solid #eee;}
.benefit-page #benfInstant #Summary ul li:last-child{border:0px;}
.benefit-page #benfInstant #Summary ul li p:first-child{float:left;font-weight:500;}
.benefit-page #benfInstant #Summary ul li p{float:right;margin-bottom:0px;}
.benefit-page #benfInstant #Summary ul li p button{background-color: #2ca01c; color: #fff; border: 0; border-radius: 25px; padding: 5px 10px; outline: none !important; margin-top: 3px;clear:both;float:right;}
.benefit-page #benfInstant #Summary ul li:last-child p span{display:block;clear:both;}
#benfInstant .dependent-sec .add-plan{ border: 1px solid #ccc !important; border: 10px; padding: 8px; transition: .5s; background-color: #fff; border-radius: 13px; margin-bottom: 10px; cursor: pointer }
#benfInstant .dependent-sec .add-plan:hover{ box-shadow: 0 3px 6px #00000029; background-color: #f2f2f2; }
#benfInstant .dependent-sec .add-plan .name{ font-weight: 600; font-size: 18px; color: #1c1c1e; }
#benfInstant .dependent-sec .add-plan .badge-relation{ font-size: 12px; background-color: #ddd; padding: 3px 10px; border-radius: 50px; position: relative; top: -2px; left: 5px; }
#benfInstant .dependent-sec .add-plan .bwt-edit{ padding: 4px 9px; position: relative; top: -25px; right: 0px; opacity: 0; }
#benfInstant .dependent-sec .add-plan:hover .bwt-edit{ opacity: 1 }
#benfInstant .dependent-sec .add-plan .view-note{ margin-top: 5px; }
#benfInstant .dependent-sec .add-plan .edit-note{ margin-top: 5px; }
.benefit-page .recbtm-mnu.mblbtm-mnu {left: 175px;width: calc(100% - 375px);}
.benefit-page .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -232px);}
.benefit-page .candidate-mbllst ul li p span:first-child {width: 200px;}
.benefit-page .candidate-mbllst ul li p span:last-child {width: calc(100% - 200px) !important;}
.benefit-page .candidate-mbllst ul li:last-child{border-bottom:0px;}
.benefit-page .candidate-mbllst .top label{color:#fff;font-size: 12px;border-radius: 25px !important;}
.benefit-page .candidate-mbllst ul li:last-child p span:last-child a{text-decoration:underline;}
.benefit-page #sendReportModal .form-control{border-radius:50px;}
.benefit-page #showHistoryentrollment .modal-dialog{width:65% !important;}
/*.benefit-page #sendReportModal .countpanel input.form-control {width: calc(100% - 65px) !important;float: left;}
.benefit-page #sendReportModal .countpanel .col-md-10 label{float:right;}*/
.adminsetting-benefits .benefit-page .header-section-inner-div {text-align: center;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; padding: 5px 5px;border-radius: 11px;height: 125px;cursor: pointer;}
.adminsetting-benefits .benefit-page .header-section-inner-text {font-size: 16px;font-weight: 500;margin-top: 7px;}
.adminsetting-benefits .benefit-page .circle-badge-big {margin-top: 7px;height: 50px;width: 50px;line-height: 51px;text-align: center;font-size: 17px;font-weight: 600;border-radius: 34px;color: white;margin-left: auto;margin-right: auto;}
.modal.right .modal-body{padding: 0 30px; height: 90%; overflow-y: auto;}
#addressview.modal.right .modal-body{padding: 0 0px;height: 90% !important;overflow-y: auto;overflow-x: hidden;}
#addressview .modal-header .bwt-cancel {background-color: #fff; color: #03256C !important}
#addressview .modal-header .bwt-cancel:nth-child(1) {padding: 5px 11px; margin-right: 10px;}
#addressview .modal-body .header { font-size: 16px; font-weight: 500; color: #1c1c1e; margin-bottom: 8px; }
.addressview-checkbox .plans {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.addressview-checkbox .plans .plan input[type="radio"] { position: absolute; opacity: 0;}
.addressview-checkbox .plans .plan { cursor: pointer; }
.addressview-checkbox .plans .plan .plan-content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 2px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #e1e2e7; border-radius: 10px; -webkit-transition: -webkit-box-shadow 0.4s; transition: -webkit-box-shadow 0.4s; -o-transition: box-shadow 0.4s; transition: box-shadow 0.4s; transition: box-shadow 0.4s, -webkit-box-shadow 0.4s; position: relative;}
.addressview-checkbox .plans .plan .plan-details span { margin-top: 1px; display: block; font-size: 15px; line-height: 24px; color: #fff; font-weight: 500;}
.addressview-checkbox .container .title {font-size: 16px; font-weight: 500; -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #252f42; margin-bottom: 20px;}
.addressview-checkbox .plans .plan .plan-content:hover { -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8; box-shadow: 0px 3px 5px 0px #e8e8e8;}
.addressview-checkbox .plans .plan input[type="radio"]:checked + .plan-content:after { content: ""; position: absolute; height: 8px; width: 8px; background: #ffffff; right: 10px; top: 20px; border-radius: 100%; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 0px 2px #0066ff; box-shadow: 0px 0px 0px 2px #0066ff;}
.addressview-checkbox .plans .plan input[type="radio"]:checked + .plan-content { border: 2px solid #216ee0; background: #eaf1fe; -webkit-transition: ease-in 0.3s; -o-transition: ease-in 0.3s; transition: ease-in 0.3s;}
#addressview #editaddressmap,#addressview #addAddressdiv{margin: 0px -7px 0px -15px;}
#addressview .addressview-checkbox .plans .plan .plan-content {padding: 4px 6px 4px 10px;border-radius: 50px;}
#addressview .addressview-checkbox .plans .plan .plan-content.bg-green{border-color:#2ca01c;}
#addressview .addressview-checkbox .plans .plan .plan-content.bg-green:after{display:none;}
#addressview .addressview-checkbox .plans {display: flex !important;justify-content: inherit;flex-wrap: inherit;margin-top: 15px;}
#addressview .addressview-checkbox .col-md-3{padding-left:5px;}
#addressview .addressview-checkbox .plans .plan input[type="radio"]:checked + .plan-content:after {top: 12px;right: 10px;}
#addressview .col-md-6{margin-top:0px !important;border-bottom: 1px solid #eee !important;padding-bottom:10px;margin-bottom:5px;}
#addressview #addAddressdiv .col-md-6.active{margin-top: 32px !important;}
#addressview #addAddressdiv .col-md-6.active .check-box-cover{margin-top: 10px !important;margin-bottom: 7px !important;}
#addressview #addAddressdiv  .emergency .col-md-6.active{margin-top: 0px !important;border-bottom: 1px solid #eee !important;width: 100%;margin-bottom: 10px;}
#addressview .editaddr .col-md-6.active{width: 100%;padding-bottom: 0px;margin-bottom: 15px;}
#addressview .editaddr.emergency .col-md-6.active{width: 50%;padding-bottom: 8px;margin-bottom: 0px;margin-top: 20px !important;}
#addressview .editaddr .col-md-6.active .check-box-cover{margin-top:20px !important}
#addressview .modal-header .mt-30.pl-10.pt-10 {float: left;width: 65%;margin-top: 1px !important;}
#addressview .form-control{border-radius: 5px;border: 1px solid #eee !important;min-height: 40px;}
#addressview.taskmanagement-rightprv .modal-dialog {width: 40% !important;}
#addressview .MicrosoftMap .as_container_search {width: 260px;}
#mymapAddress.taskmanagement-rightprv.right .modal-body {height: 90vh !important;}
#mymapAddress .modal-header h4{width: calc(100% - 40px);}
/*Recruitment*/
.recbody{background-color: #fff; padding: 5px; margin: 8px 5px;} 
.recSearchBoxpanel { margin-left: auto; margin-right: auto; margin-bottom: 5px; z-index: 9} 
.recSearchBox{box-shadow:0px 1px 5px 3px rgb(226 226 226); border-radius: 50px; align-items: center; display: flex; padding: 10px; align-items: center;}
.recSearchBox:hover{box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.recSearchBox .fa-search { color: #0095f6 !important; padding: 0px 12px 0 8px; font-size: 20px; padding-left: 0px; line-height: 25px;}
.recSearchBox .inpOne { border-right: 2px solid #cbcbcb; display: flex; }
.recSearchBox input { border: none !important; outline: none !important; font-size:18px; color: #48484a; }
.recSearchBox .inpOne input { width: 733px; }
.recSearchBox .inpTwo input{ width: 360px; padding-left : 10px; }
.recSearchBox .fa-times-circle { float: right; cursor: pointer; padding: 0px 12px 0 8px; font-size: 20px; padding-left: 0px; line-height: 25px;}
.Req-dashboard .recSearchBox .fa-times-circle{position:absolute;right:0px;}
.recSearchBox .fa-times-circle:hover { color: #0095f6 !important}
.recSearchBox button { background-color: #0095f6 !important; padding: 5px 17px;}
.recSearchBoxDash { box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 50px; padding: 6px; }
.recSearchBoxCarr .inpOne{border: none !important;}
.recSearchBoxCarr .fa-times-circle{padding-right: 0px !important;}
.recSearchBoxData{position: absolute; background-color: #fff; top: 38px; z-index: 8; width: 85%; left: 40px; border-radius: 0; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important;border-radius: 2px 2px 16px 16px;}
.Req-dashboard .recSearchBoxData{ width: 52% !important; }
.Req-dashboard .recSearchBoxData .tabsPanel,.chatbox-box .recSearchBox .tabsPanel{ background-color: #f5f5f5; border-radius: 4px; padding: 16px 8px;}
.Req-dashboard .recSearchBoxData .tabsPanel .taBs,.chatbox-box .recSearchBox .tabsPanel .taBs { background-color: #fff; color: #1c1c1e; padding: 6px 10px; margin-right: 5px; border-radius: 4px; cursor: pointer; border-radius: 50px; }
.Req-dashboard .recSearchBoxData .tabsPanel .taBSelect,.chatbox-box .recSearchBox .tabsPanel .taBSelect { background-color: #2cA01C !important; color: #fff; }
.Req-dashboard .recSearchBoxData .single { padding: 8px; margin: 2px 2px 10px 2px; border-radius: 10px; border: 1px solid #eee; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; }
.Req-dashboard .recSearchBoxData .single h2{ margin: 5px 0 15px 0; font-weight: 500;}
.Req-dashboard .recSearchBoxData .single h2 .titleName{ font-size: 20px; text-transform: capitalize; color: #48484a; font-weight: 600}
.Req-dashboard .recSearchBoxData .single h2 .titleBadge{ background-color: #ddd; font-weight: 500; padding: 4px 12px; border-radius: 50px; margin: 0px; color: #1c1c1e; font-size: 13px; position: relative; top: -2px; }
.Req-dashboard .recSearchBoxData .single h3 {clear:both;}
.Req-dashboard .recSearchBoxData .single h3 span {display: inline-block;white-space: nowrap;}
.recSearchBoxData .result{padding: 3px;max-height: 300px; overflow-y:  auto; background-color: #f2f2f2; }
.recSearchBoxData .single{ padding: 13px 0 7px 15px; border-bottom:1.5px solid #ddd; border-radius: 3px; cursor: pointer; transition: 0.1s;background-color: #fff; }
.recSearchBoxData .single:hover{ background-color: #f2f2f2; }
.recSearchBoxData .single .icon { height: 50px; width: 50px; background-color: #ddd; border-radius: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #48484a; float: left;display:none !important;}
.recSearchBoxData .seeAll{padding: 14px; background-color: #f2f2f2; color: #0095f6 !important; text-align: center;border-radius: 0 0 16px 16px; font-weight: 500; font-size: 16px; cursor: pointer;}
.recSearchBoxData .seeAll:hover{ background-color: #eee;}
.recSearchBoxData img{object-fit: cover;border-radius: 50px;float: left;}
.selectBoxpanel{margin-top: 0px; margin-bottom: 0px; }
.selectBox{border: 1px solid #eaf1f5; -webkit-box-shadow: 0px 4px 10px rgb(0 77 255 / 4%); box-shadow: 0px 4px 10px rgb(0 77 255 / 4%); border-radius: 16px 6px; padding:10px; cursor: pointer;}
.selectBoxP1{background-color: #fc6621;}
.selectBoxP2{background-color: #de7407;}
.selectBoxP3{background-color: #2CA01C;}
.selectBoxP4{background-color: #1094EA;}
.selectBox:hover{box-shadow: 0px 8px 20px rgb(0 73 203 / 12%) !important;}
.selectBox .text{color: #fff !important;}
.selectBoxpanel .selectBox .icon { height: 35px; width: 35px; line-height: 35px; text-align: center; border-radius: 215px; font-size: 16px; margin-top: 0px;}
.selectBoxpanel .ic-1{ background-color: #fff !important; color: #2CA01C; }
.selectBoxpanel .ic-2 { background-color: #fff !important; color: #1094EA; }
.selectBoxpanel .ic-3 { background-color: #fff !important; color: #FC6621; }
.selectBoxpanel .ic-4 { background-color: #fff !important; color: #de7407; }
.list-Flt{height: 600px; background-color: #f5f5f5; border-radius: 15px;}
.list-Flt .icon{color: #fff; border-radius: 5px; text-align: center; width: 37px; height: 37px; line-height: 37px;}
.selectBoxpanel .text { color: #1c1c1e; font-size: 16px; margin-top: 15px; margin-bottom: 0px; font-weight: 500;}
.rec-filter-panel {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border: none;border-radius: 15px;margin: 0px 0px 0 4px;}
.rec-filter-panel .head { background-color: #eee; border-radius: 15px 15px 0 0; padding: 7px 10px; }
.rec-filter-panel .text{float: left;font-size: 20px; font-weight: 400; color: #48484a; margin-top: 4px;}
.rec-filter-panel .item {max-height: 1100px;display: inline-block; overflow-y: auto;}
.candiStages .arrow-steps {  margin: 10px auto !important; width: 65%;}
.candiStages .arrow-steps .step {width: 24%; height: 42px; }
.candiStages .arrow-steps .step.done dateFormate{color: #2ca01c;}
.candiStages .arrow-steps .step.current {color: #fff !important;background-color: #0095f6 !important;}
.candiStages .arrow-steps .step.current:after {border-left: 17px solid #0095f6 !important;}
.candiStages .arrow-steps .step.done {color: #fff;background-color: #2ca01c;}
.candiStages .arrow-steps .step.done dateFormate{color: #fff !important;}
.candiStages .arrow-steps .step.done:after {border-left: 17px solid #2ca01c;}
.candiStages .arrow-steps .step2, .candiStages .arrow-steps .step3 { background-color: #b4b1b1; width: 80px; height: 7px; display: inline-block; border-radius: 0; }
.candiStages .arrow-steps .step4 { background-color: #b4b1b1; width: 80px; height: 7px; display: inline-block; border-radius: 0 5px 5px 0; }
.candiStages .arrow-steps .stepComplete { background-color: #2ca01c !important; }
.rec-box{background-color: #f6f6f6;padding: 6px 8px;border-radius:5px;cursor:pointer; margin-top: 10px;transition: 0.4s;}
.rec-box:hover{background-color: #ddd;}
.rec-box .round{float: left; padding: 5px 8px; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.rec-box .yellow{background-color: #FFCB00 !important;}
.rec-box .green{background-color: #2CA01C !important;}
.rec-box .red{background-color: #CD113B !important;}
.rec-box .blue{background-color: #1EA2FE !important;}
.rec-box .orange{background-color: #FEA201 !important;}
.rec-box .count{float: right; color: #1c1c1e; font-size: 22px; font-weight:600;}
.rec-box .box-label{margin-top: 42px; font-weight: 500; font-size: 14px;}
.rec-rgt .detl-viw{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) ; border-radius: 15px; margin: 0 !important;}
.rec-rgt .filter-clk {padding: 0; display: inline-flex; margin: 0px 0px 0px 0px;}
.rec-rgt .filter-clk .box { width: 20%; background-color: #f6f6f6; border-radius: 5px; height: 70px; padding: 8px; margin-right: 15px; margin-left: 15px; cursor: pointer; overflow: hidden; transition: 0.4s;}
.rec-rgt .filter-clk .box:nth-child(1) {margin-left: 0px;}
.rec-rgt .filter-clk .box:hover { background-color: #ddd; }
.rec-rgt .filter-clk .box .round{float: left; padding: 5px 8px; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.rec-rgt .filter-clk .box .yellow{background-color: #FF9801 !important;}
.rec-rgt .filter-clk .box .green{background-color: #2CA01C !important;}
.rec-rgt .filter-clk .box .red{background-color: #CD113B !important;}
.rec-rgt .filter-clk .box .blue{background-color: #1EA2FE !important;}
.rec-rgt .filter-clk .box .grey{background-color: #868686 !important;}
.rec-rgt .filter-clk .box .count{float: right; color: #1c1c1e; font-size: 22px; font-weight:600;}
.rec-rgt .filter-clk .box .box-label{margin-top: 40px;font-weight: 500; font-size: 15px; color: #48484a;}
.rec-rgt .filter-clk .box:hover .box-label { color: #48484a; }
.rec-rgt .ass-tags .tag-list li a {font-size: 14px; background-color: #fff; padding: 5px 12px; color: inherit; border-radius: 6px;  margin-right: 12px; margin-top: 8px; margin-bottom: 8px; display: block;}
.rec-rgt .detl-viw .top-hd{ background-color: #fff; border-radius: 15px 15px 0 0; padding: 6px 10px; margin-top: 6px; margin-bottom: 6px;}
.rec-rgt .detl-viw .top-hd span{font-size: 20px; font-weight: 500; color: #48484a; margin-top: 1px;}
.rec-rgt .detl-viw .top-hd .pull-right>.dropdown-menu{ right: 124px; left: auto;}
.rec-rgt .ass-table {padding-bottom: 20px; margin-top: 10px;}
.rec-rgt .ass-table .table > thead > tr:nth-of-type(odd) { background-color: #f9f9f9;}
.rec-rgt .ass-table .table > thead > tr > th { background-color: #f2f2f2; text-transform: capitalize; }
.rec-rgt .ass-table .table > thead > tr > th:nth-child(1) { border-left: none !important; }
.rec-rgt .ass-table .table > tbody > tr > td:nth-child(1) {border-right: none !important;border-top: none !important;border-bottom: none !important;vertical-align: middle;padding: 5px 6px; border-left: 3px solid #fff !important; }
.rec-rgt .ass-table .table > tbody > tr > td { border-top: none; border-bottom: 1px solid #e7eaec !important;  vertical-align: middle; padding: 5px 6px; font-size: 15px !important; }
.rec-rgt .ass-table .table > tbody > tr > td {  }
.rec-rgt .ass-table .circle-badge { height: 26px; width: 26px; line-height: 27px; text-align: center; border-radius: 215px; margin-left: auto; margin-right: auto; font-size: 14px; background: #1ea2fe !important; color: #fff !important;}
.rec-rgt .ass-table .bwt-chev { background: none !important;}
.rec-rgt .ass-table .bwt-clone { background: #12B296 !important; padding: 5.5px 9px !important;}
.rec-rgt .ass-table .assimg { background: none !important; border-radius: 50%;object-fit: cover; width:25px; height:25px;}
.rec-rgt .ass-table .table .no-hover-table { border-bottom : 1px solid #e7eaec !important}
.rec-rgt .search {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;border-radius: 50px;display: flex;align-items: center; background-color: #fff;}
.rec-rgt .search:hover { box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6; font-weight: 500; background-color: #fff;}
.rec-rgt .form-control {border-radius: 50px;outline: none;border: none;background: none;font-size: 18px;font-weight: 400;color: #1c1c1e;}
.rec-rgt .top-hd .close{font-size: 20px; font-weight: 500; color: #676a6c; padding: 0px 15px;cursor: pointer; }
.rec-rgt .top-hd .fa-search{ font-size: 18px; padding: 0px 0px; color: #0095f6 !important; cursor: pointer; }
.rec-rightprv{}
.rec-filter-panel .circle-badge { height: 26px; width: 26px; line-height: 27px; text-align: center; border-radius: 215px; margin-left: auto; margin-right: auto; font-size: 14px; background: #1ea2fe !important; color: #fff !important;}
.rec-scroll { max-height: 610px; overflow-y: auto; }
.cate-box input + label {display: block; margin: 0.2em; cursor: pointer; padding: 0.2em;}
.cate-box input { display: none;}
.cate-box input + label:before { content: "\2713"; border: 2px solid #ddd; border-radius: 50px; display: inline-block; width: 20px; height: 20px; padding-left: 5px; padding-bottom: 5px; margin-right: 8px; vertical-align: bottom; color: transparent; transition: .2s; font-size: 13px; position: relative; top: -2px;}
.cate-box input + label:active:before { transform: scale(0);}
.cate-box input:checked + label:before { background-color: #1094EA; border-color: #1094EA; color: #fff;}
.skill-tag {padding: 0; margin-top: 10px; margin-bottom: 15px; height: 200px; overflow-y: hidden;}
.skill-tag:hover {overflow-y: auto;}
.skill-tag .tag-list li a {font-size: 13px; background-color: #E1F1FC; padding: 5px 12px; color: #1C84C6; border-radius: 6px; border: none; margin-right: 12px; margin-top: 5px; margin-bottom: 8px; display: block;font-size: 14px;}
.skill-tag .tag-list li a span{color: #1C84C6; cursor: pointer; font-size: 20px; position: relative; top: 2px; padding-left: 5px;}
.rec-ans { margin-left: 4px !important; margin-right: -4px !important; margin-bottom: 9px !important; margin-top: 0px !important; background: #f6f6f6 !important; text-align: left; border-radius: 0px !important; padding: 14px 14px 7px 14px !important; -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); border-left: 3px solid #676a6c !important; box-shadow: none !important; border: none; color: #48484a;}
.rec-bwt-apply {background-color: rgba(0, 149, 246, 1) !important; border:none !important;color: #fff !important; font-weight:500; padding: 5px 20px; border-radius:50px; font-size:16px; margin-left:5px; transition: .2s}
.rec-bwt-apply:hover {background-color: #fff !important; border: 2px solid #0095f6 !important; color: #0095f6 !important;}
.rec-bwt-withdraw { background-color: #ed5565 !important; border: 2px solid #ed5565 !important; color: #fff !important; font-weight: 500; padding: 5px 20px; border-radius: 50px; font-size: 16px; margin-left: 5px; transition: .2s}
.rec-bwt-withdraw:hover { background-color: #fff !important; border: 2px solid #ed5565 !important; color: #ed5565 !important;}
.rct-lg-btn{ border: 1px solid #ccc; width: 50%; margin: auto; margin-top:20px; padding: 8px; border-radius: 50px; box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px #00000003, 0 1px 5px 0 rgb(0 0 0 / 12%) !important; cursor: pointer; transition: .2s; background-color: #fff;}
.rct-lg-btn-ln:hover{ background-color: #0073b1; color: #fff !important; box-shadow: none; border: none;}
.rct-lg-btn-Em:hover{ background-color: #0095f6; color: #fff !important; box-shadow: none; border: none;}
.rct-lg-btn-Ab:hover{ background-color: #ff7c74; color: #fff !important; box-shadow: none; border: none;}
.rct-lg-btn .text{ font-weight: 600; color: #48484a; }
.rct-lg-btn:hover .text{ font-weight: 600; color: #fff; }
.rct-lg-btn .fa-linkedin-square { float: left; position: relative; top: 3px; left: 10px; font-size: 18px; color: #0073b1; }
.rct-lg-btn .fa-envelope { float: left; position: relative; top: 3px; left: 10px; font-size: 18px; color: #0095f6; }
.rct-lg-btn:hover .fa-linkedin-square, .rct-lg-btn:hover .fa-envelope{ color: #fff; }
.req-candidate #cab-rightsession .payroll-table .bwt-tr-hrv td .bwt-hrv-2{display:block !important; visibility:hidden;position: absolute;white-space: nowrap;}
.req-candidate #cab-rightsession .payroll-table .bwt-tr-hrv:hover td .bwt-hrv-2 {visibility:visible;}
.req-candidate #cab-rightsession .payroll-table .bwt-tr-hrv .bwt-hrv-hid{visibility:visible;} 
.req-candidate #cab-rightsession .payroll-table .bwt-tr-hrv:hover .bwt-hrv-hid{visibility:hidden;}
.req-candidate #cab-rightsession.col-lg-12.col-lg-10 .payroll-table td{white-space:nowrap;}
#CandiBulkEditModal .table th:first-child{border-radius:10px 0px 0px 0px;}
#CandiBulkEditModal .table th:last-child{border-radius:0px 10px 0px 0px;}
#CandiBulkEditModal .table tbody tr:hover{background-color: #ffffff;}
#CandiBulkEditModal .table tbody tr td{background-color:#fff;}
.req-candidate .sticky6, .Recru-Task .jb-Top.sticky6 {top: 106px;}
.stickyCrr {position: fixed; width:100%; background-color: #f4f4f4 !important; z-index: 9; top: 0; left: 0;}
.dateLabelDiv .dateLabel {position: absolute; font-size: 12px; font-weight: 600; color: #1c84c6; background-color: #fff; top: 2px; left: 6px; display: none; padding: 0px 5px; border-radius: 4px;}
.dateLabelDiv:hover .dateLabel {display: block;z-index: 9;}
.req-candidate #cab-rightsession .payroll-table td{vertical-align:top; padding: 12px 5px; }
.candidate-mbllst{border-radius: 4px;padding: 6px 7px;margin-bottom: 15px;border-bottom: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 17%), 0 1px 5px 0 rgb(0 0 0 / 18%);display:none;}
.candidate-mbllst .top{background-color: #efefef;margin: -7px -7px 10px -7px;padding: 4px 5px 0px !important;position: relative;border-radius: 5px;color: #1c84c6;}
.candidate-mbllst .top .bwt-hrv-2{visibility:hidden;}
.candidate-mbllst:hover .top .bwt-hrv-2{visibility:visible;}
.candidate-mbllst span.circle-badge {position: relative;color: #fff !important;z-index: 7;top: 3px;background-color: #2ca01c !important;float: left;}
.candidate-mbllst .mbl-head h3{float:left;margin-bottom: 5px;padding-left: 10px;font-size:18px;}
.candidate-mbllst ul{padding-left:0px;}
.candidate-mbllst ul li{list-style:none;}
.candidate-mbllst ul li{border-bottom: 1px solid #e1dede;padding: 4px 0px;}
.candidate-mbllst ul li p{margin-bottom:0px;display: inline-block;width: 100%;}
.candidate-mbllst ul li p span,.candidate-mbllst ul li p span a{font-size:16px !important;}
.candidate-mbllst ul li p span:first-child {font-weight: 400;width: 150px;display: inline-block;float:left}
.candidate-mbllst ul li p span:last-child {float:left;width: 69%;}
.candidate-mbllst ul li p span:last-child span{min-width:auto;width: auto;}
.candidate-mbllst li:last-child{border-bottom:0px;padding-bottom: 0;}
.req-jobs .candidate-mbllst span.circle-badge {background-color: #1ea2fe !important;}
.req-candidate .mbl-pagina{    border-bottom: 1px solid #e7e2e2;padding-bottom: 7px;margin-bottom: 10px;}
.req-candidate .mbl-pagina .col-xs-6{padding:0px 0px;}
.req-candidate .mbl-pagina .text-align-right {margin-top: 0px;}
.req-candidate .mbl-pagina .box-shadow-one{border-radius:25px;padding: 2px 10px !important;}
.recbtm-mnu.mblbtm-mnu .mnu-expand{top: 4px;left: 11px;}
.recbtm-mnu.mblbtm-mnu{left: 100px;width: calc(100% - 220px);}
.recbtm-mnu.mblbtm-mnu.show{margin-left: calc(-100% - -155px);}
.recbtm-mnu.mblbtm-mnu.show .mnu-expand{left:auto;top: 11px;}
.recbtm-mnu.mblbtm-mnu .dropdown-menu{right: -350px;width: 540px;box-shadow: inherit;} 
.recbtm-mnu.mblbtm-mnu .dropdown-menu:before{display:none;}
.recbtm-mnu.mblbtm-mnu .item .dropdown-toggle,.task-queuemgmt .mblbtm-mnu .middle .dropdown-toggle{background-color:transparent;width:100%;}
.recbtm-mnu.mblbtm-mnu .item .dropdown-menu{top: 35px;width: 100%;right: 0;}
.recbtm-mnu.mblbtm-mnu .item #btmMnucountry .dropdown-menu{left:0px;right:auto !important;}
.recbtm-mnu.mblbtm-mnu .item #btmMnuState .dropdown-menu,.recbtm-mnu.mblbtm-mnu .item #btmMnuCustomer .dropdown-menu{right: 118px;left: auto;}
.recbtm-mnu.mblbtm-mnu .item .mulSelctdrpdwnInput i {font-size: 17px;color: #000;float: right;top: 5px;}
.recbtm-mnu.mblbtm-mnu .item .resultBox {left: 0;}
.recbtm-mnu.mblbtm-mnu .dropup .caret {border-bottom: 0px;border-top: 4px dashed;}
.jobs-rescode .joblist{border-radius: 5px;margin-bottom: 15px;clear: both;}
.jobs-rescode .joblist h3{background-color: #f1f1f1;padding: 9px 5px;font-size: 18px;margin-top: 0px;}
.jobs-rescode .joblist h3 .un-circle-badge-gr{float:left;margin-top: -6px;margin-right: 10px;}
.jobs-rescode .joblist ul{padding: 2px 10px;}
.jobs-rescode .joblist ul li{list-style:none;float: left;width: 50%;}
.jobs-rescode .joblist ul li p{float:left;width:50%;margin-bottom: 5px;}
.jobs-rescode .joblist ul li p:first-child{font-weight:700;}
.jobs-rescode .joblist .col-xs-12 {padding: 0px 0px 10px !important;}
.jobs-rescode .joblist .cusTabs{padding:0px;}
.jobs-rescode .joblist .cusTabs li#tabMenu{padding: 4px 2px !important;width: auto;}
.jobs-rescode .joblist .cusTabs li#tabMenu a{padding: 4px 8px !important;}
.jobs-rescode .joblist #Details .col-md-6{min-height: 72px;}
.bttsPanel{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; padding: 5px; border-radius: 50px; margin-top: 10px; display: flex;}
.bttsPanel button{ margin : 0 !important; margin-left : 6px !important   }
.bttsPanel .label {margin-left: 10px; font-size: 16px; color: #1c84c6 !important}
.bttsPanel .dd-dept-mobileinfo .dropdown-toggle { text-align: center;}
.bttsPanel .dd-dept-mobileinfo { display: inline-block !important; position: unset; float: left; margin-top: 0;}
#myTask-rightsession .bttsPanel .dropdown-menu{left: 0;right: auto;}
#myTask-rightsession .bttsPanel .dropdown-menu:before{left:-15px;right:auto;}
.shadow-topFilter .rec-rgt .col-md-1{padding: 0 !important}
.shadow-topFilter .rec-rgt .col-md-1 a{margin: 0 !important; width: 100%;}
.shadow-topFilter .rec-rgt .mulSelctdrpdwnInput{height: 40px;}
.shadow-topFilter .mulSelctdrpdwnInput .text{font-weight: 400;}
.shadow-topFilter .fitList {overflow-y: auto; height: 228px;}
.shadow-topFilter .fitList .category-list input[type=checkbox]{ zoom: 1.4; position: relative; top: 2px; margin-top: 0; }
.shadow-topFilter .fitList .category-list label{ font-size: 15px; font-weight: 500; margin-bottom: 0px;}
.shadow-topFilter .fitList .category-list li .item { color: #666666; display: block; padding: 4px 3px; border-bottom: 2px solid #eee; font-size: 17px; border-radius: 4px;}
.shadow-topFilter .fitList .category-list li:last-child .item{border-bottom:0px;}
.shadow-topFilter .pullupBtn {position: absolute; top: -9px; right: -5px; border-radius: 0 0 0 6px !important; z-index: 99; padding: 0px 11px;}
.shadow-topFilter .inputshadowBorder, .shadow-topFilter .inputshadowBorder{height: 40px !important;}
.req-hme .shadow-topFilter.fixed .tooltip{display:none;}
/*.ppl-profile-blk .profileTab-J6 .profilecardHead.fixed {-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.15s ease;animation: smoothScroll 1s forwards;}*/
.req-hme .shadow-topFilter.fixed{position:fixed;z-index: 9;background-color: #fff;animation: smoothScroll 1s forwards;-webkit-transition: all 0.10s ease;-moz-transition: position 10s; -ms-transition: position 10s;-o-transition: position 10s;transition: all 0.10s ease;}
.req-hme .clients-list,.req-hme .shadow-topFilter{-webkit-transition: all 0.10s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.10s ease;}
@keyframes smoothScroll {0% {transform: translateY(-5px);}100% {transform: translateY(0px);}}
.req-hme .showfltr-full.fixed{display:none;}
.req-hme.wrapper .wrapper-content {margin-top: 12px;}
.req-hme .clients-list .nav-tabs li#tabMenu a {padding: 4px 15px 4px 15px !important;}
.req-hme .clients-list #tabMenu:nth-of-type(1n+8){display:none;}
.req-hme .clients-list .nav-tabs li.myhr-dotmenus li {display:none;}
.req-hme .clients-list .nav-tabs li.myhr-dotmenus li:nth-of-type(1n+8){display:block;}
.req-hme .clients-list .navBtn .bwt-new{ font-size: 14px; margin-left: 2px !important; width: 115px; background-color: #fff !important; color: #1c84c6 ; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;  }
.req-hme .clients-list .navBtn .bwt-new:hover{ background-color: #dcf1ff !important;   }
.req-hme .clients-list .navBtn .bttn-edit { margin-left: 26px;position:relative; }
.req-hme .clients-list .navBtn .bttn-edit:nth-child(1){ padding: 5px 8px 3px 9px; }
.req-hme .clients-list .navBtn .bttn-edit:nth-child(2){ padding: 5px 6px 3px 7px; }
.req-hme .clients-list .navBtn .footnote{position: absolute;font-size: 12px;padding: 0px 3px;border-radius: 21px;color: #676a6c;font-weight: 500;bottom: -19px;left: -5px;}
.req-hme .clients-list .navBtn .recDashbtnHelpLinkPanel .footnote{left: -13px;}
.req-hme .clients-list .navBtn .recDashbtnHelpLinkPanel i{display: inherit;}
.req-hme .clients-list .navBtn .footnote1,.req-hme .clients-list .navBtn .footnote4{left: 0;}
.req-hme .clients-list .navBtn .footnote2{left: -9px;}
.req-hme .clients-list .navBtn .footnote5{left: -18px;} 
.req-hme .clients-list .navBtn .footnote6{ left: -16px;}
.req-hme .clients-list .navBtn .bttn-edit:nth-child(3){ padding: 5px 8.5px 3px 8.5px; }
.req-hme .clients-list .navBtn .bttn-edit:nth-child(4){ padding: 5px 9px 3px 9px; }
.req-hme .clients-list .myhr-dotmenus .dropdown-menu {left: auto;right: 18px !important; margin-top: 0px;width: 240px;padding: 5px; top: 42px;}
.req-hme .clients-list .dropdown-menu:before {right: 0px; }
.req-hme .clients-list .nav-tabs li.myhr-dotmenus li a {font-size: 17px;border-bottom: 1px solid #dfdfdf !important;border-radius: 0px;padding: 3px 10px !important;}
.req-hme .clients-list .nav-tabs li.myhr-dotmenus li:last-child a {border-bottom: 0px !important;}
.req-hme .clients-list .nav-tabs li#tabMenu a { padding: 4px 12px 4px 12px !important;}
.req-hme .clients-list#REtab .nav-tabs li.myhr-dotmenus >a {padding: 0px 5px 1px 5px !important;font-size: 21px !important;margin-top: 0px;background-color: transparent !important;border: 0px;}
.req-hme .clients-list .nav-tabs li.myhr-dotmenus li.active a,.req-hme .clients-list .nav-tabs li.tabs-desktop-plus li.active a{color:#0095f6;}
.req-hme .clients-list .nav-tabs li.tabs-desktop-plus.dropup a[data-toggle="dropdown"]{padding: 5px 7px !important;}
.req-hme .clients-list .nav-tabs li.tabs-desktop-plus.dropup .dropdown-menu a,.req-hme .clients-list .nav-tabs li.tabs-desktop-plus .ben-Unlocktext{color: #676a6c !important;font-weight: 400;}
.req-jobs #rec-rightsession.col-lg-10 .payroll-checkbox{top:10px;left: 1px;}
.req-jobs #rec-rightsession.col-lg-10 td .payroll-checkbox{left: -1px;}
.req-hme .req-jobs .payroll-table tr th{white-space:nowrap;}
.req-hme .req-jobs .payroll-table tr:last-child td .bwt-hrv-2{position: absolute;left: -10px;}
.req-hme .req-jobs .payroll-table tr td:nth-child(1) .bwt-hrv-2{left:0px !important;position:inherit;}
.req-jobs .payroll-checkbox {left: -6px;top: 0px;}
.req-jobs th .payroll-checkbox {top: 1px;left: 1px;}
.req-jobs #rec-rightsession.col-lg-10 .top .col-md-4:nth-child(2){display:none;} 
.req-jobs #rec-rightsession.col-lg-10 .top .col-md-4:nth-child(1),.req-jobs #rec-rightsession.col-lg-10 .top .col-md-4.text-align-right{width:50%;}
.req-jobs #rec-rightsession.col-lg-10 .payroll-table .bwt-hrv-2{white-space: nowrap;}
.req-hme #Home .recSearchBox .inpOne,.req-hme #Home .recSearchBox .inpOne #jobSearch{width:100% !important;}
.req-hme .table tr:hover td,.req-hme .table tr:hover,.payroll-table tr:hover td{background-color: #f5f5f57d;}
.req-jobs .table .borderLeftStyle5{border-left: 0px !important;position:relative;}
.req-jobs .table .borderLeftStyle5:after{content:'';position: absolute;background-color:#ed5565;width: 3px;height: 33px;top: 10px;left: 0px;}
.rtrList .table .borderLeftStyle45{border-left: 0px !important;position:relative;}
.rtrList .table .borderLeftStyle45:after{content:'';position: absolute;background-color:#2ca01c;width: 3px;height: 33px;top: 10px;left: 0px;}
.rtrStatusS1{padding: 3px 12px; border-radius: 50px; color: #fff; font-size: 14px; text-align: center; font-weight: 400 !important; width: 65%; margin: auto;}
.req-jobs .attach-info-task .ben-Unlockbtn{width: auto !important;max-width: 100% !important;}
.req-jobs .attach-info-task  .ben-Unlockicon,.req-jobs .attach-info-task  .ben-Unlocktext{color:#fff !important;}
.req-jobs .attach-info-task .ben-Unlockbtn.bg-blue .ben-Unlocktext,.req-jobs .attach-info-task .ben-Unlockbtn.bg-blue .ben-Unlockicon{color:#1c84c6 !Important}
.req-jobs .tophd-btm .pull-left,.req-candidate .tophd-btm .col-md-10 {width:80%;float:left;}
.req-jobs .tophd-btm .pull-left.no-padding,.req-candidate .tophd-btm .col-md-2{width:20%;}
.shadow-topFilter{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);border-radius: 4px;margin: 7px; margin-top: 5px;padding: 5px 1px 2px;border: 1px solid #eee;}
.showfltr-full.shadow-topFilter{padding-bottom:6px;}
.showfltr-full.shadow-topFilter .pullupBtn {top: -6px;}
.shadow-topFilter .rec-rgt .col-md-2 {padding: 0px 5px !important;margin-top: 6px;}
.shadow-topFilter .filterText { color: #000; text-transform: uppercase; opacity: 0.2 !important; font-size: 35px; text-align: left; font-weight: bold; cursor: pointer; height: 0; position: relative; top: -10px;  left: 10px; }
.shadow-topFilter .rec-rgt .col-md-1{}
.shadow-topFilter .ben-Unlockbtn{width: 133px;}
.myteam-timeapprove .shadow-topFilter .ben-Unlockbtn{width: 122px;}
.shadow-topFilter .recfilt-tp2 ul li{width: 192px;padding: 4px 10px;}
.shadow-topFilter .moreInfo { left: -127px; padding: 5px 0px; height: 350px; overflow-y: auto;}
.shadow-topFilter .moreInfo a{padding: 5px;}
.shadow-topFilter .moreInfoTask{ left: -100px; width: 210px; padding: 5px 0px; height: 350px; overflow-y: auto}
.shadow-topFilter .moreInfoTask a{padding: 5px;}
.req-hme .jb-Top.rec-rgt.sticky6 .filterText{display:none;}
.req-hme .jb-Top.rec-rgt.sticky6 .top-hd{width:91%;}
.req-hme .jb-Top.rec-rgt .shadow-topFilter{background-color:#fff;}
.req-hme .jb-Top.rec-rgt.sticky6 .showfltr-full .box-shadow-two.col-md-2 {display:none;}
.req-hme .jb-Top.rec-rgt.sticky6 .showfltr-full .col-md-10{width:100%;}
.req-hme .jb-Top.rec-rgt.sticky6 .showfltr-full .top-hd {width: calc(100% - 89px);}
.req-hme .jb-Top.rec-rgt .col-md-1 .dropdown-menu{left:auto;right:0px;width: 230px;}
.req-hme .jb-Top.rec-rgt .showfltr-full .form-group-2{margin-bottom:5px;}
.reqlinked-loader div._2iwy {left: calc(100% - 335px) !important;}
.reqlinked-loader div._2iw- {left: calc(100% - 265px) !important;}
.reqlinked-loader div._2ix0 {left: calc(100% - 180px) !important;}
.shadow-top{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border: 1px solid #fff;margin: 7px;border-radius: 5px;padding: 4px 0px;}
.req-candidate #cab-rightsession .table td:nth-child(4){white-space:nowrap;} 
.req-candidate .shadow-topFilter .dropdown-menu{width:247px;}
.req-hme .category-list a,.req-hme  .category-list a:hover {margin-left: 0px !important;}
.req-candidate .shadow-topFilter .fitList {height: 265px;}
.req-candidate .shadow-topFilter .dropdown-menu .resultBox {left: 0;}
.req-candidate .shadow-topFilter .dropdown-menu:before {right: -30%; }
.req-candidate #candidateRtrFormModal #modWidthtw{width:98% !important;}
.viewCandidate-page #Resume .table .bwt-hrv-2{display:block !important;visibility:hidden;}
.viewCandidate-page #Resume .table .bwt-tr-hrv:hover .bwt-hrv-2{visibility:visible;}
#skipSignApplyModal .modal-dialog {width: 40% !important;} 
#sendReportModal .modal-dialog {width: 70% !important;}   
#sendReportModal .note-editable {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}  
#sendReportModal .txtarea {width: 78%;margin-left: 19%;}  
#sendReportModal .modal-body{padding:30px 10px !important; border-radius: 0 0 15px 15px !important;}
#skipSignApplyModal .docup {width: 80% !important;}
#skipSignApplyModal .docup h1 {word-break: break-word;font-size: 23px;}
#profileTextModal .modal-dialog{width: 60% !important;}
#profileattachmentModal .modal-dialog {width: 45% !important;}
.viewCandidate-page #Details .top .col-md-6 .text-black-1c{float: left;}
.viewCandidate-page #Details .top .col-md-6 .text-black-1c:nth-child(1){margin-right:5px;width:20%;}
.viewCandidate-page #Details .top .col-md-6 .selectContainer{float:left;width: 79%;}
.viewCandidate-page .right-sub-box .location .form-control.h-35 {height: 23px;}
.viewCandidate-page .drop-box,.QuickCandi-mdl .drop-box {padding: 10px;border-radius: 9px;}
.viewCandidate-page .drop-box h1,.QuickCandi-mdl #attachmentModal .drop-box h1,.QuickCandi-mdl .drop-box h1,.candiuploadmodal .drop-box h1,#attachmentModal .drop-box h1{margin: 10px 0px;font-size: 18px;text-align: left;word-break: break-word;}
.viewCandidate-page .drop-box div,.QuickCandi-mdl .drop-box div{padding-top:0px !important;}
.viewCandidate-page .full-loc .col-md-4:nth-child(1) input{height:35px !important;}
.viewCandiAug28 .uploadPrfle .candidate-mbllst .mbl-head h3 {display: inline-block;width: 85%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.viewCandiAug28 .uploadPrfle .candidate-mbllst .mbl-head .dropdown-toggle{background-color: #9dd8ff !important;color: #046bae !important;padding: 5px 9px;}
.viewCandiAug28 .uploadPrfle .candidate-mbllst .mbl-head .circle-badge {padding: 5px 11px;border-radius: 25px;background-color: #0095f6 !important;top: -1px;}
.viewCandiAug28 .uploadPrfle .candidate-mbllst .mbl-head .dropdown-menu{width:190px;}
.viewCandiAug28 .noDataM5 .text p,.viewCandiAug28 .noDataM5 td {white-space:inherit;word-break:break-all;}
#candiApplied-modal .modal-header h3{float:left;margin:0px;}
#candiApplied-modal .modal-header h3 span{display:block;color: #747272;padding-top: 5px;}
.candidateappliedModal .table td:nth-child(4) span{white-space:nowrap;}
.viewJobs-page #Company .col-md-6.brd-b .col-md-8[ng-show="jobsEditnew"] {min-height: 50px;}
.viewJobs-page #REhead{background-color:#eee;}
.req-candidate .detl-viw .top .col-md-2 select {width: 100% !important;}
.ViewCandiMnu.recbtm-mnu{left: 125px;width: calc(100% - 325px);padding-top: 6px;}
.ViewCandiMnu.recbtm-mnu.show{margin-left: calc(-100% - -232px);}
.ViewCandiMnu.recbtm-mnu .mnu-expand {top: 1px}
.ViewCandiMnu.recbtm-mnu.show .mnu-expand {top: 6px;}
.tstHgt{max-height: 500px; overflow-y: auto;}
#recfulldet #Candidates .payroll-table td .open, .req-hme #dashrecfulldet #Candidates .payroll-table td.text-align-center div,#recfulldet #Candidates .payroll-table td.text-align-center{position:relative;/*float: right;*/}
.viewJobs-page #Candidates .payroll-table td.text-align-center div{position:relative;}
.viewJobs-page #Candidates .payroll-table td.text-align-center div .dropdown-menu{margin-top:15px;right: 40px;}
#recfulldet #Candidates .payroll-table td .open .dropdown-menu{right: 20px;margin-top: -10px;}
#recfulldet #assignRecruiter .modal-dialog,#recfulldet #applyCandidate .modal-dialog,.req-hme #dashrecfulldet #assignRecruiter .modal-dialog,.req-hme #dashrecfulldet #applyCandidate .modal-dialog{height: auto !important;right: 50%;top: 10%;}
#recfulldet #rtrFormModal .modal-dialog,.req-hme #dashrecfulldet #rtrFormModal .modal-dialog {width: 100% !important;height: auto !important;right: 33%;top: 10%;}
#recfulldet .viewJobs-page .tab-content,.req-hme #dashrecfulldet .viewJobs-page .tab-content{height:75vh;overflow-y: auto;overflow-x:hidden;}
#rtrFormModal .es-wrapper-color P {float:none;}
#recfulldet  #Candidates .payroll-table td .fa-cogs, .req-hme #dashrecfulldet  #Candidates .payroll-table td .fa-cogs {position: relative !important;float:left !important;margin-left: 0px !important;}
#recfulldet  #Candidates .payroll-table td button.bwt-arrow, .req-hme #dashrecfulldet  #Candidates .payroll-table td button.bwt-arrow {float:left !important;margin: 0px 5px 0px !important;}
#recfulldet .viewJobs-page #Candidates .payroll-table .table-responsive{width: 93%;}
#recfulldet .viewJobs-page #Company .col-md-12 .lft .p-5.col-md-6:nth-child(4) {min-height: 115px;}
#candjobfulldetails .modal-body{height: 68vh !important;}
#candjobfulldetails #Overview .right-sub-box {border-radius: 15px 15px 0px 0px;}
.req-hme #dashrecfulldet .viewJobs-page #Company .col-md-12 .lft .p-5.col-md-6:nth-child(4) {min-height: 150px;}
.req-hme #dashrecfulldet .viewJobs-page #Candidates .payroll-table .table-responsive {width: 98%;}
.req-hme .clients-list{display: flow-root; padding: 15px 5px 5px; padding-bottom: 0 !important; margin-top: 0px; background-color: #fff !important; margin-bottom: 5px;right: -3px;box-shadow: none !important; border-bottom: 2px solid #ddd;}
.req-hme .clients-list .nav{float: left; padding-top: 8px;}
.req-hme .clients-list .navBtn{float: right; padding-right: 20px; display: flex; margin-top: -8px; margin-bottom: 12px;padding-bottom:5px; position: relative;}
.req-hme .navBtn .ben-Unlockbtn { background-color: #fff !important; color: #2ca01c !important; text-decoration: none; border-radius: 60px; height: 32px; display: inline-flex; align-items: center; overflow: hidden; width: auto; max-width: 32px; /** I'm animating max-width because width needs to be auto, and auto can't be animated **/ -webkit-transition: max-width 0.5s; transition: max-width 0.5s; margin-right: 12px !important; font-size: 17px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.req-hme .navBtn .ben-Unlockbtn:hover{background-color: #f5fbff !important;}
.req-hme .navBtn .ben-Unlockbtn a { display: inherit; }
.req-hme .navBtn .ben-Unlockbtn span { color: #1c84c6 !important;}
.req-hme .msgcenter-blk .clients-list, .req-hme .msgcenter-blk .un-tab {padding-top: 0px;}
.mrOptin-J21{ top: 62px; right: 58px !important;}
.req-hme .navBtn .ben-Unlockbtn span[title="Create Job"], .req-hme .navBtn .ben-Unlockbtn span[title="Create Task"]  { color: #1c84c6 !important; padding: 0 5px; }
.req-hme .navBtn .ben-Unlockbtn span[title="Create Quick Profile"], .req-hme .navBtn .ben-Unlockbtn span[title="Create Full Profile"] { color: #1c84c6 !important; padding: 0 7.5px; }
.req-hme .navBtn .ben-Unlockbtn:hover { max-width: 300px; }
.req-hme .showfltr-full  .ben-Unlockbtn{max-width:100%;box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;background-color: #fff !important;} 
.req-hme  .ben-Unlockbtn{max-width:100%;box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;} 
.req-hme  .showfltr-full .ben-Unlockbtn .ben-Unlockicon,.req-hme .showfltr-full .ben-Unlockbtn .ben-Unlocktext,.Req-dashboard .ben-Unlockbtn .ben-Unlocktext,.Req-dashboard .ben-Unlockbtn,.Req-dashboard .ben-Unlockbtn .ben-Unlockicon{color: #2ca01c !important; background-color: #fff !important;}
.req-hme .showfltr-full .ben-Unlockbtn-Select {background-color: #2ca01c !important; color: #fff !important;}
.req-hme .showfltr-full .ben-Unlockbtn-Select .ben-Unlockicon{ background-color: #2ca01c !important; color: #fff !important;}
.req-hme .showfltr-full .ben-Unlockbtn-Select .ben-Unlockicon, .req-hme .showfltr-full .ben-Unlockbtn-Select .ben-Unlocktext{ background-color: #2ca01c !important; color: #fff !important;}
.Req-dashboard #Dashsearch.sticky2 {top:115px;margin-left: -5px; z-index: 9; background-color: #fff !important;}
.mini-navbar .req-hme .clients-list.sticky1,.mini-navbar .req-hme #Dashsearch.sticky2{width: 95% !important;} 
.mini-navbar .req-hme #DashNavi.sticky3{width: 94% !important;}
.req-sendmail .modal-dialog{width:75% !important;}
.req-sendmail .modal-dialog .es-header-body{width:100% !important;}
.req-sendmail .modal-dialog .col-md-12:nth-child(1) span input{width: 87% !important;}
.req-sendmail .candi_temp .hidden-xs {display: inline-block !important;}
.req-sendmail .es-wrapper{ border-bottom: #ddd 2px solid;}
#recfulldet .modal-dialog.recfullwidth1 {width: 85% !important;}
.reqDsh-mbl .mblbtm-mnu .selectBox{box-shadow: inherit !important;border: 0px;padding: 0px;text-align: center;}
.reqDsh-mbl .mblbtm-mnu .selectBox .icon {font-size: 23px;height: 40px;width: 40px;line-height: 40px;margin: 0 auto;} 
.reqDsh-mbl .mblbtm-mnu .mnu-expand{top: 5px;left: 15px;}
.Req-dashboard .reqDsh-mbl .mblbtm-mnu.show{display:block !important;}
.Req-dashboard .reqDsh-mbl .selectBoxpanel{padding-top: 3px;padding-bottom: 7px;}
.Req-dashboard .reqDsh-mbl button{    padding: 5px 10px !important;}
.Req-dashboard .ben-Unlockicon,.Req-dashboard .ben-Unlocktext{color:#fff !important;}
.Req-dashboard .nav-pills{margin-bottom: 8px;}
.Req-dashboard .col-md-12[style="margin-bottom: 10%;"]{margin-bottom:0% !important;}
.Req-dashboard .shadow-topFilter .pullupBtn {z-index: 3;}
.Req-dashboard .pagina-sec{padding-bottom:25px;}
.dshjobs .shadow-topFilter.fixed,.dshcandidate .shadow-topFilter.fixed,.Req-dashboard .Recru-Task .shadow-topFilter.fixed{position: relative !important;width: 100% !important;top: 0px !important;z-index:1;}
.req-hme .Req-dashboard .showfltr-full.fixed {z-index:1;display:block;}
.req-hme .Req-dashboard .showfltr-full {z-index:1;display:block;}
.dshjobs .recbtm-mnu,.dshcandidate .recbtm-mnu,.Req-dashboard .Recru-Task .recbtm-mnu{display: none !important;}
.reqDsh-mbl .mblbtm-mnu.show .mnu-expand{top:11px;right: 15px;left: auto;}
.Req-dashboard .dshmblCollapse{padding:5px;border-radius: 5px;margin-bottom:10px;}
.Req-dashboard .dshmblCollapse > h3{background-color:#eee;padding:15px 5px;border-radius: 5px;font-size: 19px;color: #000;margin:0px;}
#Candidates #candfulldet .modal-body{height:73vh !important;}
#Candidates #candfulldet #Overview .right-sub-box,.viewCandidate-page #Overview .right-sub-box{border-radius:15px !important;}
#candfulldet #Overview .right-title .text-blue-f6,.viewCandidate-page #Overview .right-title .text-blue-f6{color:#000 !important;}
#candfulldet .modal-header .un-circular-chart {height: 65px;margin-top: 0px;}
.viewCandidate-page .tab-content{padding-bottom: 35px;clear: both;}
#candfulldet #Overview .right-sub-box .right-sub-box  .text-blue-f6,.viewCandidate-page #Overview .right-sub-box .right-sub-box  .text-blue-f6{color: #0095f6 !important;}
.viewCandidate-page .heading-top.sticky{position: fixed;top:60px;width: calc(100% - 227px) !important;background-color: #fff;z-index: 999;margin-left: -10px;}
.mini-navbar .viewCandidate-page .heading-top.sticky {width: calc(100% - 85px) !important;}
.viewCandidate-page .heading-top.sticky .mr-5.row{padding: 5px 0px 0px !important;}
.viewCandidate-page .heading-top .box-shadow{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;padding: 4px 5px 0px;}
#dashcandfulldet .modal-body{height:75% !important;}
.candidate-preview .applied-badge{box-shadow: rgb(0 0 0 / 18%) 0px 1px 5px 0px;padding: 5px 9px;border-radius: 25px;color: #fff !important;margin-top: 10px;background-color: #2cA01C !important;}
.candidate-preview .applied-badge a .label{color:#2cA01C;font-size: 14px;margin-left: 10px;background-color: #fff;}
.candidateDetJ12{ position: absolute; background-color: #ECF2FF; width: 300px; z-index: 9;  border-radius: 10px; box-shadow: 0 3px 6px #00000029; padding: 7px; transition: 0.5s;}
.candidateDetJ12 .viewstages{ background-color: #fff; border-radius: 8px; }
.candidateDetJ12 .viewstages ul{ padding: 10px; margin: 0; }
.candidateDetJ12 .viewstages ul li{ list-style-type: none; display: flex; padding: 7px 0; margin: 0; border-bottom: 1px solid #ddd; font-size: 18px; cursor: pointer; }
.candidate-preview .modal-dialog {width: 75% !important;}
.candidate-preview #Tasks .reqCreate-task .mobile-bread{display:none !important;} 
.candidate-preview #Tasks .reqCreate-task .dataPlane {margin: 0px !important;}
.jobfullpreview .cusTabs .myhr-dotmenus a[data-toggle="dropdown"],.candidate-preview  .cusTabs .myhr-dotmenus a[data-toggle="dropdown"],.candi-fullDtl .cusTabs .myhr-dotmenus a[data-toggle="dropdown"]{display:none;padding: 1px 0px 5px 0px;font-size: 19px !important;}
.jobfullpreview .cusTabs #tabMenu:nth-of-type(1n+10){display:none }
.viewJobs-page .cusTabs #tabMenu{display:block !important }
.viewJobs-page .cusTabs .myhr-dotmenus{display:none;}
.viewJobs-page .stickyj3 {top: 208px;}
.feed-RecruDetails #vertical-timeline::before{left: 75px !important;}
.viewJobs-page .stickyj2 {top: 285px;margin-left: -13px !important;width: calc(100% - 245px) !important;}
.viewJobs-page .stickyj1 .modal-header {margin-left: -12px;width: calc(100% - -23px) !important;}
.viewJobs-page .stickyj2.tabsfix {top: 179px;margin-left: -15px !important;}
.viewJobs-page .headerportion .labelPlane h3 .text-25px {}
.viewJobs-page .headerportion .minhght{min-height:130px;}
.viewJobs-page .headerportion .labelPlane .limitWord {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc( 100% - 290px );}
.viewJobs-page .headerportion .rounded-action{position:absolute;right: -17px;top: 4px;}
.viewJobs-page .headerportion .rounded-action .dropdown-menu,.viewJobs-page .headerportion .info .dropdown-menu,#jobfulldet .info.dropdown .dropdown-menu,#jobfulldet .rounded-action .dropdown-menu {left: auto; right: -10px;width: calc(250px - 2px);margin-top: 27px;}
.viewJobs-page .headerportion .info,#jobfulldet .info.dropdown{float:right;margin-top: 5px;}
.viewJobs-page .headerportion .info a.dropdown-toggle,#jobfulldet .info.dropdown a.dropdown-toggle{font-size: 19px;padding: 3px 13px;}
.viewJobs-page .top .bwt-hrv-2 {visibility: visible;}
.viewJobs-page  .vwcandilist.candidate-mbllst span.circle-badge {position: absolute !important;left: 8px;top:4px;}
.viewJobs-page .vwcandilist.candidate-mbllst:hover span.circle-badge,.viewJobs-page .candidate-mbllst .bwt-hrv-show span.circle-badge {display: none !important;}
.viewJobs-page .vwcandilist.candidate-mbllst ul li {padding: 2px 0px;}
.viewJobs-page .attach-info-task .ppl-resinfo {position: relative;right: 0px;}
.viewJobs-page .candidate-mbllst ul li p span:first-child{width:130px;font-size: 16px !important;}
.viewJobs-page .candidate-mbllst ul li p span:last-child span {float: none;width:auto !important;font-size:16px !important;}
.viewJobs-page .candidate-mbllst .top .pull-right button {padding: 3px 7px !important;font-size: 14px;margin-left: 0px !important;}
.viewJobs-page .candidate-mbllst .top .pull-right button.dropdown-toggle {padding: 2px 10px !important;z-index:1;}
.viewJobs-page .candidate-mbllst .top .pull-right .dropdown-menu{left:auto;right: 23px;margin-top: -7px;}
.viewJobs-page .candidate-mbllst .top .pull-right .dropdown-menu li,.viewJobs-page .candidate-mbllst .top .pull-right .dropdown-menu li a{padding:0px;}
.viewJobs-page .headerportion .info .dropdown-menu,#jobfulldet .info.dropdown .dropdown-menu{width: calc(100% - -500px);margin-top: 33px;right: -87px;}
.viewJobs-page .headerportion .info .dropdown-menu:before,#jobfulldet .info.dropdown .dropdown-menu:before {right: 97px;}
.viewJobs-page #Skills .candidate-mbllst ul li {padding: 3px 0px;}
.viewJobs-page #Skills .candidate-mbllst ul li p span:first-child{width:100px;} 
.viewJobs-page #Assigned .candidate-mbllst ul li p span:first-child {width: 124px;}
.viewJobs-page #Skills .candidate-mbllst ul li p span:last-child span{width:auto !important;float: none;}
.viewJobs-page .jobfullpreview{margin-bottom: 40px !important;padding-bottom: 0px !important;}
.viewJobs-page .jobfullpreview .modFooterj18{margin: -30px -10px 0px;border-radius: 0px 0px 15px 15px;    z-index: 1;}
.viewJobs-page #Activity .vertical-container .timelineInn{overflow: hidden !important;}
.viewJobs-page #Activity .vertical-container:hover .timelineInn{overflow-y: scroll !important;}
.viewJobs-page #InterviewDetails .apldCandiEditPanel{margin: 15px 0px 50px;}
.jobfullpreview .cusTabs .myhr-dotmenus > a,#candfulldetails .myhr-dotmenus a{display:none !important;padding: 6px 5px;border-bottom: 1px solid #eee;border-radius: 0px;margin: 0px !important;font-size: 16px !important;}
.jobfullpreview .cusTabs .dropdown-menu,.candidate-preview .myhr-dotmenus .dropdown-menu{right:0px;left:auto;padding:5px !important;width:235px;}
.candi-fullDtl .cusTabs #tabMenu:nth-child(9), .candi-fullDtl .cusTabs #tabMenu:nth-child(10){display:none;}
.jobfullpreview .appcan .table-striped td,.jobfullpreview .appcan .table-striped th{white-space:nowrap;}
.jobfullpreview #Candidates .rtrList .text-red{position:relative;}
.jobfullpreview #Candidates td:last-child .dropdown-menu:before{display:none;}
.jobfullpreview .recfullwidth1 {width: 80% !important;}
.jobfullpreview .reqCreate-task .headerportion.headsticky,.candidate-preview .reqCreate-task .headerportion.headsticky {position: inherit !important;top: 0px;width: calc(100% - 0px);}
.jobfullpreview #Tasks .right-title .bwt-cancel,.candidate-preview  #Tasks .right-title .bwt-cancel  {position: absolute;top: 70px;z-index: 9;right: 11.5%;}
.viewJobs-page #Tasks .right-title .bwt-cancel{position:relative !important;right:0px !important;top:0px !important;}
.jobfullpreview #Tasks div[ng-show="!showPanelfiltertsk"], .candidate-preview #Tasks div[ng-show="!showPanelfiltertsk"] {padding-top: 0px !important;}
.jobfullpreview #Tasks .reqCreate-task,.candidate-preview #Tasks .reqCreate-task{margin-top:-6px}
.jobfullpreview #Tasks .table-responsive.box-shadow-two,.candidate-preview #Tasks .table-responsive.box-shadow-two{margin-top:10px;}
.jobfullpreview #Tasks .reqCreate-task .associated.p-15{padding:0px !important;}
.jobfullpreview .rtrStatusS1 {  width: 80px !important;}
.jobfullpreview .un-circular-chart { height: 67px; margin-left: 0;}
.jobfullpreview .un-circular-chart .circle-bg{stroke: #fff;}
.jobfullpreview .lft1{width: 30%;display:flex;position:relative;}
.jobfullpreview .applicantJ12{width: 70%;}
.jobfullpreview .ht-65per {height: 60% !important;}
.jobsInstantMoreDets { position: absolute; width: 100px; top: 70px; right: 32px; background-color: #0095f6; text-align: center; color: #fff; font-weight: 600; padding: 6px 5px; border-radius: 8px; animation: jumpInfinite 1.5s infinite; box-shadow: 0 3px 6px #00000029;}
.jobsInstantMoreDets:after { content: " "; position: absolute;  right: 34px; top: -10px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #0095f6; }
@keyframes jumpInfinite { 0% { margin-top: 0; } 50% { margin-top: 15px; } 100% { margin-top: 0; } }
#Candidates .top-button{float:right;margin-top: -5px;}
#Candidates .top-button button{margin-bottom:5px;}
#Candidates .top-button .tooltip.top {margin-top: 12px !important;}
#Candidates .top-button button.bwt-new{color:#2ca01c !important;box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #2ca01c6e !important;}
#Candidates .top-button button.bwt-new:hover{background-color:#2ca01c !important;color:#fff !important;}
#Candidates .top-button .document-blk{float: left; position: relative; right: 50px;}
/*#Candidates .top-button .document-blk{ text-align: right; margin-right: 55px; margin-bottom: 0 !important; }*/
#Candidates .top-button .document-blk strong{ position: relative; top: -11px; left: 3px; }
#Candidates .top-button .document-blk .docs-nw-fltr{ box-shadow: none !important; border: none !important; background: none !important; margin: 0; padding: 5px;}
#Candidates .top-button .document-blk .docs-nw-fltr .onoffswitch-inner:before { display: flex; }
#Candidates .top-button .document-blk .docs-nw-fltr .onoffswitch-inner:after { font-weight: 800 !important; color: #1c84c6; font-size: 13px; position: relative; top: -2px; height: auto; }
#candfulldetails .modal-dialog {width: 80% !important;}
#candfulldetails .modal-dialog .modal-body {height: 60%;}
#candfulldetails .myhr-dotmenus .dropdown-menu{width:220px;}
#candfulldetails .modal.right .modal-body {height: 55%;}
#candfulldetails li.myhr-dotmenus a{display:block !important;padding: 7px 5px;}
#candfulldetails li.myhr-dotmenus a:hover{background-color:transparent !important;}
#candfulldetails .cusTabs #tabMenu:nth-of-type(1n+9),#candfulldetails .myhr-dotmenus li,#candfulldetails li.myhr-dotmenus li:last-child {display: none !important;}
#candfulldetails .myhr-dotmenus li:nth-of-type(1n+9),#candfulldetails .myhr-dotmenus,#candfulldetails .cusTabs #tabMenu.appliedjobs{display:block !important;}
#candfulldetails .myhr-dotmenus .dropdown-menu{left:auto;right:0px;margin-top: 0px;}
#candfulldetails .insideDiv .myhr-dotmenus li:nth-of-type(1n+9){display:block !Important;}
#candfulldetails .modal-header .top h4 span{white-space:nowrap;}
#candfulldetails .arrow-steps .step::after, #candfulldetails .arrow-steps .step::before {border-top: 35px solid transparent;}
.MilestoneDetails.candiStages .arrow-steps {width: 97%;display: block;overflow-x:hidden;-webkit-overflow-scrolling: touch;overflow-y: hidden;padding-bottom:3px;padding-top: 5px;}
.MilestoneDetails.candiStages .arrow-steps:hover{overflow-x: auto !important;}
.MilestoneDetails.candiStages .arrow-steps .stepslist {display:table-cell;white-space: nowrap;display:table-cell}
.MilestoneDetails.candiStages .arrow-steps .step{height:55px;width: 95%;}
.MilestoneDetails.candiStages .arrow-steps .step span:first-child{display: block;font-size: 12px;white-space: nowrap;}
.MilestoneDetails.candiStages .arrow-steps .step.current .text-green{color:#fff;}
.MilestoneDetails.candiStages .arrow-steps .step.done .text-green{color:#fff;}
.carrier-alljobs .MilestoneDetails .arrow-steps .step:after,.carrier-alljobs .MilestoneDetails .arrow-steps .step:before {border-top: 28px solid transparent;border-bottom: 25px solid transparent;}
.candidateappliedModal .MilestoneDetails .step:after,.candidateappliedModal .MilestoneDetails .step:before{border-top: 32px solid transparent;}
.candidateappliedModal .insideDiv .nav-tabs li.myhr-dotmenus .dropdown-menu{left:auto;right:0px;padding: 0px;}
.candidateappliedModal .insideDiv .nav-tabs li.myhr-dotmenus li,.candidateappliedModal .insideDiv .cusTabs #tabMenu:nth-of-type(1n+9) {display: none;}
.candidateappliedModal .insideDiv .nav-tabs li.myhr-dotmenus a[data-toggle="dropdown"]{padding: 5px 2px 5px 5px;}
.candidateappliedModal .insideDiv .nav-tabs li.myhr-dotmenus li:nth-of-type(1n+9){display:block;}
.candidateappliedModal .insideDiv .nav-tabs li.myhr-dotmenus li a{padding: 3px 5px;}
.candidateappliedModal .candidate-mbllst .mbl-head h3{width: 80%;}
.candidateappliedModal .candidate-mbllst .mbl-head .dropdown-toggle{background-color: #9dd8ff !important;color: #046bae !important;padding: 5px 9px;display: block;}
.candidateappliedModal .candidate-mbllst .mbl-head .dropdown-menu{width: 105px;min-width: 105px;padding: 7px;}
.candidateappliedModal .candidate-mbllst .mbl-head h3 span{display:block;font-size:15px;color: rgb(18, 17, 17);padding-top: 5px;}
.candidateappliedModal .candidate-mbllst .mbl-head li{padding: 2px 0px;}
.candidateappliedModal .insideDiv #Profile .candidate-mbllst h3{width:88%;}
.candidateappliedModal .insideDiv #Profile .candidate-mbllst h3 a{word-break:break-word;}
.candidateappliedModal .insideDiv #Profile .candidate-mbllst li span:first-child{width: 85%;}
.candidateappliedModal .insideDiv #Profile .candidate-mbllst li span:last-child{width: 15% !important;}
.candi-table button{margin-bottom: 0px !important;}
.candi-table tr td{padding: 10px 5px !important; vertical-align: middle;}
.carrier-alljobs #MyJobs .myhr-dotmenus li:nth-of-type(1n+8) {display:block;}
#candfulldetails .right-sub-box{clear:both;} 
#Jobs #candidateRtrFormModal .modal-dialog {width: 95% !important;}
.DashNavigation{margin: 9px auto !important;background-color: #eee;padding: 10px;border-radius: 5px;width: 100%;position: relative;}
.DashNavigation ul{margin-bottom:0px;padding-left: 0px;float: left;}
.DashNavigation li{list-style:none;float:left; padding-top: 5px;}
.DashNavigation li a{font-size: 17px;margin-right: 10px;color: #000;border-radius: 10px;padding: 6px 25px;background-color: #fff;}
.DashNavigation li a:hover{background-color: #fff;}
.DashNavigation li a.bg-green{color:#fff;}
.DashNavigation li a.bg-green i{background-color:#fff !important;color:#2ca01c}
.DashNavigation li a i{background-color: #ccc;border-radius: 50%;padding: 5px 5px;font-size: 13px;margin-right: 5px;color: #fff;}
.DashNavigation li:nth-child(1) a i{background-color:#1ea2fe;}
.DashNavigation li:nth-child(2) a i{background-color: #ff9800;}
.DashNavigation li:nth-child(3) a i{background-color:#2ca01cfe;}
.DashNavigation li:nth-child(4) a i{background-color:#1ab394;}
.DashNavigation li:nth-child(5) a i{background-color:#e7a822;}
.DashNavigation .pull-right .pr-40 {padding-right: 30px !important; position: relative;}
.reqtop-btn {display: flex;}
.reqtop-btn .dataNoti{cursor: pointer; background-color: #fff !important; margin: 2px 4px 2px 28px; border-radius: 50px; padding: 5px 8px 8px 8px !important; position: relative; top: 0px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.reqtop-btn .dataNoti:hover{background-color: #0095f6 !important;}
.reqtop-btn .dataNoti:hover i{color: #fff !important;}
.reqtop-btn .mailNoti{ position: relative;  top: 4px; cursor: pointer; margin-left: 28px;  margin-right: 0px; background-color: #fff !important; padding: 6px 8px 8px 8px; border-radius: 50px; box-shadow: 9px 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.reqtop-btn .mailNoti:hover{ background-color: #0095f6 !important}
.reqtop-btn .mailNoti:hover i{ color: #fff !important}
.reqtop-btn button {padding: 5px 14px !important;min-width: 90px !important;float: left;margin-left: 6px;}
.reqtop-btn button:focus{color:#fff;}
.reqtop-btn .dropdown{float:left;}
.reqtop-btn .dropdown-menu{width: 450px;}
.reqtop-btn .dropdown:nth-child(1) .dropdown-menu {right: 22px !important; z-index: 99;}
.reqtop-btn .dropdown:nth-child(2) .dropdown-menu{right: 22px !important; height: 450px; z-index: 99;}
.reqtop-btn .faa-ring{font-size: 17px; margin-top: 5px; color: #0095f6 !important; position: relative; top: 3px;}
.reqtop-btn .fa-envelope{font-size: 16px; color: #0095f6 !important; width: 0; margin-top: 4px !important; position: relative; top: 2px; display: unset;}
.reqtop-btn .dataNoti .recru-noti{ position: absolute; top: -10px; right: -8px; }
.reqtop-btn .mailNoti .recru-noti{ position: absolute; top: -9px; right: -6px; }
.reqtop-btn .moreOptions { width: 400px; border-radius: 5px 5px 10px 10px; border-bottom: 4px solid #1ea2fe; padding: 5px; left: auto !important; right: 0 !important; font-family: 'Poppins', sans-serif;}
.reqtop-btn .moreOptions .header{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px; background-color: #eee; border-radius: 4px;}
.reqtop-btn .moreOptions .header h1{ margin: 0; font-size: 18px; font-weight: 600; color: #48484a;}
.reqtop-btn .moreOptions .header label{ font-size: 15px; padding: 5px 9px; border-radius: 5px; background-color: #fff; margin: 0; color: #1c84c6; font-weight: 600 }
.reqtop-btn .moreOptions .header span{ font-size: 15px; color: #1c84c6; cursor: pointer }
.reqtop-btn .moreOptions .header span:hover{ font-weight: 600; }
.reqtop-btn .moreOptions .tabPanel{ border-bottom: 1px solid #ddd; }
.reqtop-btn .moreOptions .NotiList{width:100%; padding: 1px;height:350px;overflow-y: auto;overflow-x: hidden;}
.reqtop-btn .moreOptions .NotiList li{border-bottom: 1px solid #eee; width: 100%; list-style: none;}
.reqtop-btn .moreOptions .NotiList .borderred{border-left: 4px solid #f86161 !important;}
.reqtop-btn .moreOptions .NotiList .ml{ display: flex; flex-direction: row; font-size: 18px; padding: 15px 5px; cursor: pointer; transition: .3s; border-left: 3px solid #fff; }
.reqtop-btn .moreOptions .NotiList .sl{ }
.reqtop-btn .moreOptions .NotiList .ml:hover{ background-color: #f4f4f4; }
.reqtop-btn .moreOptions .NotiList .ml .fa-share-square-o{ display: none; transition: .4s }
.reqtop-btn .moreOptions .NotiList .ml:hover .fa-share-square-o{ display: contents !important; }
.reqtop-btn .moreOptions .NotiList .ml .icon{ margin-right: 15px; width: 20px; text-align: center; }
.reqtop-btn .moreOptions .NotiList .ml .text{ width: 100%; }
.reqtop-btn .moreOptions .NotiList .ml .text h1{ margin: 0; font-size: 18px !important;font-weight: 600; color: #48484a; }
.reqtop-btn .moreOptions .NotiList .pl .text h1{  font-size: 15px !important; }
.reqtop-btn .moreOptions .NotiList .ml .text h1 .main{ position: relative; top: 2px; font-weight: 500; color: #1c84c6; }
.reqtop-btn .moreOptions .NotiList .ml .text h1 .count{ float: right; width: 25px; background-color: #eee; height: 25px; border-radius: 5px; text-align: center; line-height: 25px; font-size: 16px !important; font-weight: 400; }
.reqtop-btn .moreOptions .NotiList .ml .text h1 i{ float: right; margin-left: 15px; margin-top: 4px; margin-right: 5px; }
.reqtop-btn .moreOptions .NotiList .ml .text .textred{ color: #f65959 !important; }
.reqtop-btn .moreOptions .NotiList .ml .text h2{font-weight: 400;color: rgb(131, 134, 137);float: left;font-size: 14px !important;text-align: left !important;margin: 8px 0px 0px;}
.reqtop-btn .moreOptions .NotiList .pl .text h2{ font-size: 13px; }
.reqtop-btn .moreOptions .NotiList .ml .text h3{ margin: 0; margin-top: 8px;font-size: 14px;font-weight: 400;color: #12B296 !important; float: right; }
.reqtop-btn .moreOptions .NotiList #history-vertical-timeline::before{left: 72px;}
.moreOptionsJ22 { top: 55px; right: 54px !important;}
.reqtop-btn .recru-noti{ line-height: 12px; padding: 2px 5px; position: absolute; right: 33px; top: 5px; background-color: #f3685b; border-radius: 4px; font-size: 10px; z-index: 999; color: #fff; }
.helplinks-btn{ width: 10%; text-align : center !important; background-color: blue !important;}
.req-hme .clients-list.sticky1 .navBtn .recru-noti {top: 0px;}
.req-hme #Home .headser .desktop-serch{float: left;width: 90%;margin-bottom: 0px;}
.req-hme #Home .headser .desktop-serch .vj-search-pan{float:left;width: 80%;}
.req-hme #Home .headser .desktop-serch .vj-search-pan input {font-size: 18px !important;height:35px !important;padding-left: 10px !important;}
.req-hme #Home .headser{width: 65%;}
.req-hme #Home .lft-sec .category-list li a span{float:left;width: 80%;white-space: inherit;}
.req-hme #Home .lft-sec .category-list li a{display:inline-block;width:100%;}
.req-hme .clients-list.sticky1 .navBtn  .tooltip{display:none;}
.candidateJbStageListMenu ul{padding: 0 !important; width: 205px !important; height: 250px; overflow-y: auto;}
.candidateJbStageListMenu ul .li-bg-hr{ border-bottom: 1px solid #ddd;}
.candidateJbStageListMenu ul .li-bg-hr a{font-size: 15px !important; color : #48484a; padding: 8px 5px;}
.candidateJbStageListMenu ul .li-bg-hr .fa-circle{font-size: 12px; color : #1ea2fe;}
.reqDaash-wel div[ng-show="showPanOneCol"] .col-md-4 span.text-white {padding: 2px 10px !important;}
.rtrTab .document-blk{ text-align: right; margin-right: 55px; margin-bottom: 0 !important; }
.rtrTab .document-blk strong{ position: relative; top: -11px; left: 11px; }
.rtrTab .document-blk .docs-nw-fltr{ box-shadow: none !important; border: none !important; background: none !important; }
.rtrTab .document-blk .docs-nw-fltr .onoffswitch-inner:before { display: flex; }
.rtrTab .document-blk .docs-nw-fltr .onoffswitch-inner:after { font-weight: 800 !important; color: #1c84c6; font-size: 13px; position: relative; top: -2px; }
.job-Nwmblist.candidate-mbllst .top{background-color:#fff;} 
.job-Nwmblist.candidate-mbllst span.circle-badge.lftCir,.pplcen-blk .candidate-mbllst span.lftCir{position: absolute !important;left: 0px;top: -2px;height: 30px;width: 35px;border-radius: 5px 0px 10px 0px;}
.job-Nwmblist.candidate-mbllst:hover span.lftCir, .job-Nwmblist.candidate-mbllst span.circle-badge.lftCir.bwt-hrv-show,.pplcen-blk .candidate-mbllst span.lftCir.bwt-hrv-show,.pplcen-blk .candidate-mbllst:hover span.lftCir {display: none !important;}
.job-Nwmblist .top .payroll-checkbox {left: -10px;top: -5px;}
.job-Nwmblist .top h4{margin: -2px 0px 0px;float: left;}
.req-jobs .job-Nwmblist .top h4 {margin-left: 33px;}
.job-Nwmblist .top h4 span,.job-Nwmblist.candidate-mbllst .mbl-head h3 .text-14px{padding:1px 8px;background-color:#eee;border-radius:25px;color:#000;font-weight:500;}
.job-Nwmblist .top h4 span{color: #fff !important;font-size: 11px;margin-right:.4px;}
.req-candidate .job-Nwmblist .top h4 span{background-color: #2ca01c;padding: 2px 8px;line-height: 11px;}
.req-candidate .job-Nwmblist .top h4 span strong{background-color: #fff;color: #000;padding: 5px;height: 15px;display: inline-block;top: 0px;position: relative;line-height: 6px;border-radius: 5px;}
.req-candidate .job-Nwmblist .top h4 {margin-left: 33px;}
.job-Nwmblist.candidate-mbllst .mbl-head h3 .text-14px.location {margin-bottom: 0px;}
.job-Nwmblist .top h4 span.active{background-color:#2ca01c;}
.job-Nwmblist .top h4 span.inactive{background-color:#f17028;;}
.job-Nwmblist .top h4 span.text-orange-2{background-color:#f17028;;}
.job-Nwmblist .top h4 span.hotjob{background-color:#f17028;;}
.job-Nwmblist.candidate-mbllst .mbl-head h2 {width: calc(100% - 70px);float: left; margin: -6px 0px 0px;}
.job-Nwmblist.candidate-mbllst .mbl-head h2 .head{font-size: 22px;color: #000;width: 100% !important;padding-left: 0px !important;display: block;margin-bottom: 10px;font-weight:500;}
.job-Nwmblist.candidate-mbllst .mbl-head h3 {width: 100% !important;padding: 5px 0px 0px;margin: 7px 0px 0px;border-top: 1px solid #ccc;}
.job-Nwmblist.candidate-mbllst .mbl-head h3 .text-14px {display: inline-block;margin-bottom: 5px;padding: 3px 12px;}
.job-Nwmblist.candidate-mbllst .mbl-head h5{clear:both;background-color:#ddd;padding:5px 10px;border-radius:25px;color: #494646;font-size: 13px;font-weight: 500;float:left;}
.job-Nwmblist.candidate-mbllst .mbl-head .right{margin-top: -25px;}
.req-candidate .job-Nwmblist.candidate-mbllst .mbl-head .right .upload-file{z-index:1;}
.job-Nwmblist.candidate-mbllst .Hbtm{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 17%), 0 1px 5px 0 rgb(0 0 0 / 18%);clear: both;padding: 0px;border-radius: 10px 10px 0px 0px !important;display: inline-block;width: 100%;margin-top:10px;}
.job-Nwmblist.candidate-mbllst .Hbtm .topone{background-color:#eee;margin: 0px 0px 0px 0px;clear: both;padding: 5px 5px;}
.job-Nwmblist.candidate-mbllst .Hbtm .expand li:last-child{border-bottom:0px !important;margin-bottom: 0px;}
.job-Nwmblist.candidate-mbllst .Hbtm .expand li:last-child p{width:100px;}
.job-Nwmblist.candidate-mbllst .Hbtm.br-radius .topone,.job-Nwmblist.candidate-mbllst .Hbtm.br-radius{border-radius: 0px 0px 10px 10px !important;}
.job-Nwmblist.candidate-mbllst .Hbtm.br-radi-10-10-0-0 .topone {border-radius: 10px 10px 0px 0px;}
.job-Nwmblist.candidate-mbllst .Hbtm p{float:left;color: #1c84c6;font-weight: 500;margin-bottom: 0px;}
.job-Nwmblist.candidate-mbllst .mbl-head .top {margin: 0px 0px 0px 0px !important;padding: 9px 5px 4px !important;}
.job-Nwmblist.candidate-mbllst .top .upload-file{padding: 5px 8px;position:absolute;top: 0px;right: -3px;}
.job-Nwmblist.candidate-mbllst .top .dropdown-menu{margin-top: 0px;right: 0px;}
.job-Nwmblist.candidate-mbllst .expand li {width: 100% !important;margin-bottom: 4px;padding: 0px 0px 5px;display:inline-block;}
.job-Nwmblist.candidate-mbllst .progress {height: 9px;width:65%;margin-bottom: 0px;margin-top: 10px;background-color: #cecece;float:left;}
.job-Nwmblist.candidate-mbllst .percentage {font-size: 18px !important;float: left;width: 13%;text-align: center;color: #000;}
.job-Nwmblist.candidate-mbllst .progress-bar {background-color: #FF9800;line-height: 13px;font-size: 10px;}
.job-Nwmblist.candidate-mbllst .progress-bar.completed {background-color:#2ca01c;}
.job-Nwmblist.candidate-mbllst .mbl-head.borderLeftStyle5 {border-left: 1px solid #ed5565 !important;}
.req-hme .topcunt{margin: 0px 0px 10px;border-top:1px solid #ddd;padding-top:5px;}
.req-hme .topcunt .checkmark {top: 3px;}
.req-hme .topcunt .check-box-cover{margin:0px !important;margin-top: 0px;width: 60%;}
.req-jobs .topcunt .pagina-sec {display:none;}
.req-candidate .topcunt{margin: 10px 0px 15px;padding-top:15px;}
.req-candidate .topcunt .check-box-cover{width:40%;}     
.panelInterviewDetails{padding: 0; box-shadow: 0 3px 6px #00000029; margin-bottom: 15px; border-radius: 10px;}
.panelInterviewDetails .details{background-color: #eee; padding: 13px 12px; }
.panelInterviewDetails .details .left{ float: left; font-weight: 600; color: #1c1c1e; font-size: 18px; width: 85%; display: flex; justify-content: flex-start; align-items: center; background: none; cursor: pointer;}
.panelInterviewDetails .details .left:hover{ color: #1c84c6; }
.panelInterviewDetails .details .left .un-circle-badge-gr{ margin: 0px 10px 0px 0px; }
.panelInterviewDetails .details .right{ float: right; color: #1c84c6; font-weight: 500; cursor: pointer; opacity: 0; transition: 0.5s;}
.panelInterviewDetails:hover .details .right{ opacity: 1;}
/*ReqDashboard Responsive*/
.Requserdtl{background-color:#fff;}
.Requserdtl .mbldvce{background-color: #F2F2F2;padding:5px 10px;margin-top: 5px;border-radius: 10px;}
.Requserdtl .mbldvce h4{font-size:18px;}
.Requserdtl .mbldvce h4 span.text-black-1c{font-size: 20px;}
.Requserdtl .mbldvce h4 i{color: #0095f6;font-size: 20px;top: 1px;}
.Requserdtl .mbldvce h4 a i{float: right;font-size: 30px;color: #48484a;top:-1px;}
.Reqresnavi.DashNavigation ul li a{white-space:nowrap;border-radius:25px;padding:5px 15px;margin-right: 5px;}
.Reqresnavi.DashNavigation ul li a i{display:none;}
#JobDshboardNew ul.clear{margin-bottom: 0px;padding-bottom: 5px;display: block;width: 100% !important;overflow-x: auto;-webkit-overflow-scrolling: touch;}
#JobDshboardNew ul.clear li{float: none;display: table-cell;width: auto;padding: 0px;}
#JobDshboardNew ul.clear li .box{width: 115px;margin-right: 10px;border-radius: 6px;text-align: center;}
#JobDshboardNew ul.clear li label{color:#fff;height: auto;min-height: 40px;clear: both;display:block;font-size: 15px;font-weight: 400;}
#JobDshboardNew ul.clear .iconBox{display:none;}
#JobDshboardNew ul.clear li:nth-child(1) .box{background-color: #0095F6;}
#JobDshboardNew ul.clear li:nth-child(2) .box{background-color: #A84448;}
#JobDshboardNew ul.clear li:nth-child(3) .box{background-color: #F17028;}
#JobDshboardNew ul.clear li:nth-child(4) .box{background-color: #2CA01C;}
#JobDshboardNew ul.clear li:nth-child(5) .box{background-color: #4E6E81;}
#JobDshboardNew ul.clear li:nth-child(6) .box{background-color: #5D9C59;}
#JobDshboardNew ul.clear li:nth-child(7) .box{background-color: #1AB394;}
#JobDshboardNew ul.clear li:nth-child(8) .box{background-color: #19A7CE;margin-right: 0px;}
#JobDshboardNew ul.clear li .count{background-color:#fff;border-radius: 50px 50px 0px 0px;width: 65px;margin: 0;float: none;display:inline-block;padding: 5px 0px 0px;font-size: 18px;}
#JobDshboardNew ul.clear::-webkit-scrollbar-track {background: #fff;  }
#JobDshboardNew ul.clear::-webkit-scrollbar {width: 0px !important; background-color: #fff;}
#JobDshboardNew ul.clear::-webkit-scrollbar-thumb {background-color: #fff; visibility: hidden; opacity: 0; transition: 0.5s; -webkit-transition: all 5s; }
#JobDshboardNew ul.clear:hover::-webkit-scrollbar-thumb {visibility: visible; opacity: 1; -webkit-transition: all .5s; }
#JobDshboardNew ul.clear::-webkit-scrollbar-button { display: none !important; }
#JobDshboardNew ul.clear::-webkit-scrollbar-button:single-button { display: none !important; }
#JobDshboardNew .viewMore ul.clear li{display:block;float:left;margin-bottom:10px;width: 25%;}
#JobDshboardNew .viewMore ul.clear li .box {width: 99%;}
#JobDshboardNew .viewAll{text-align:center;margin:0 auto;display: block;font-size: 17px;color: #1c84c6;font-weight:500;}
#JobDshboardNew .viewAll .Vless,#JobDshboardNew .viewMore .viewAll .Vwall{display:none;}
#JobDshboardNew .viewMore .viewAll .Vless{display:block;}
.Req-dashboard .RecDashA7 .mblTas .candidate-mbllst h3{width: 100% !important;clear:both;padding-left: 0px;}
.Req-dashboard .RecDashA7 .mblTas .candidate-mbllst h3 .text-16px{font-size:18px !important;}
.Req-dashboard .RecDashA7 .mblTas .candidate-mbllst h3 span.text-14px{display:block;font-size: 17px !important;color:#000;padding-left: 0px;padding-top: 5px;}
.Req-dashboard .RecDashA7 .mblTas .candidate-mbllst h4{float:left;width: 15%;font-size:16px;margin: 0px;}
.Req-dashboard .RecDashA7 .mblTas .candidate-mbllst h4:last-child{width:40% !important;margin: 0px;}
.Req-dashboard .RecDashA7 .mblTas .candidate-mbllst h4 .un-circle-badge-gr{height: 40px !important;width: 40px !important;padding: 5px 10px !important;}
/*-Edit-*/
.apldCandiEditPanel{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; border: none; padding: 5px;}
.apldCandiEditPanel .panel1{ }
.apldCandiEditPanel .panel1 .heading{ background-color: #eee; border-radius: 10px 10px 0 0; padding: 8px; }
.apldCandiEditPanel .panel1 .heading .left{ display: flex; align-items: center; float: left; margin-left: 20px; margin-bottom: 3px; }
.apldCandiEditPanel .panel1 .heading .left .indexCount{ width: 40px; height: 40px; background-color: #1c84c6; border-radius: 50px; text-align: center; color: #fff; font-weight: 500; font-size: 22px; line-height: 40px; margin-right: 10px}
.apldCandiEditPanel .panel1 .heading .left .indexCount2{ background-color: #1c84c6; border-radius: 10px 0; color: #fff; font-weight: 500; font-size: 17px; position: absolute; padding: 1px 9px; top: 10px; left: 10px; }
.apldCandiEditPanel .panel1 .heading .left h2{ margin: 0; margin-bottom: 3px; font-size: 24px; font-weight: 500; color: #1c1c1e; text-transform: capitalize;}
.apldCandiEditPanel .panel1 .heading .left .w2-badge{ background-color: #0095f6; padding: 3px 10px; border-radius: 50px; color: rgb(255, 255, 255); display: inline-block; margin-bottom: 0px !important; font-size: 12px; font-weight: 500; }
.apldCandiEditPanel .panel1 .heading .left .stage-badge{ background-color: #2cA01C; padding: 3px 10px; border-radius: 50px; color: rgb(255, 255, 255); display: inline-block; margin-bottom: 0px !important; font-size: 12px; font-weight: 500; }
.apldCandiEditPanel .panel1 .heading .right{ float: right; text-align: right; }
.editInterView .sec1{padding: 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.editInterView .sec1:nth-child(1){margin-top: 10px;}
.editInterView .sec2{padding: 0;}
.editInterView .labelName{ padding-right: 5px; padding-left: 5px; font-size: 18px; font-weight: 500; color: #48484a; padding-top: 5px;}
.editInterView .selectContainer { padding: 0;}
.editInterView .sec1[ng-if="!isnotedit"] .col-md-3 {width: 17% !important;}
.table-Interviewer{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; padding: 0; margin-top: 10px;}
.table-Interviewer table{margin-bottom: 0px;}
.table-Interviewer table td{padding: 15px 10px !important;}
.table-Interviewer table .input-group{width: 100%;}
.table-Interviewer table .inputshadowBorder { border-radius: 50px !important; font-size: 18px; box-shadow: 0px 1px 5px 3px rgb(240, 240, 240) !important; }
.statuschangepop { background-color: rgb(0 0 0 / 35%); }
.statuschangepop .modal-header {padding-bottom: 0px !important;}
.statuschangepop .modal-body{padding: 30px 15px 30px;}
.statuschangepop .modal-body h2{color: #575757;font-size: 21px;text-align: center;font-weight: 400;text-transform: none;position: relative;margin: 2px 0 0px;padding: 0;line-height: 30px;}
.statuschangepop .modal-dialog{width: 437px;margin-top: 200px;} 
.statuschangepop .sweet-alert{display: block;width: 30%;position: inherit;background-color: transparent;margin: 0 auto;padding: 0p;}
.statuschangepop .sa-icon{margin:0px}
/*-carrier-alljobs-*/
.carrier-alljobs .top-mid{padding:0px;margin: 0px 0px 10px 15px;}
.carrier-alljobs .top-mid .li-bg-hr{float:left;}
.carrier-alljobs .top-mid .li-bg-hr a{font-size: 20px !important;margin-bottom: 10px;}
.carrier-alljobs .top-mid .hotJobs a{margin-bottom: 20px;border: 0px;}
.carrier-alljobs .top-mid .text-align-left{float:right;}
.carrier-alljobs .carjoblist{border-bottom: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 17%), 0 1px 5px 0 rgb(0 0 0 / 18%);margin-left: -4px;width: 101%;margin-bottom: 15px;border-radius: 5px;}
.carrier-alljobs .carjoblist .top{padding: 7px 5px 3px;margin: 0px;font-size: 20px;}
.carrier-alljobs .carjoblist .top h3{padding: 0;margin: 0px;font-size: 20px;float:left;}
.carrier-alljobs .carjoblist .circle-badge{float:left;margin-right: 5px;margin-top: -1px;}
.carrier-alljobs .carjoblist h3 .tooltiptext {width: 150px;}
.carrier-alljobs .carjoblist h3 .jbcde{display: block;color: #000;font-size: 19px;margin-top: 8px;margin-left: 25px;}
.carrier-alljobs .carjoblist ul{padding-left:10px;margin-top: 5px;}
.carrier-alljobs .carjoblist li{list-style:none;width: 50%;float:left;}
.carrier-alljobs .carjoblist li p{font-size: 19px;}
.carrier-alljobs .carjoblist li:nth-child(1){width:100%;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.careerbtm-mnu.mblbtm-mnu {z-index:999;left: 155px;width: calc(100% - 310px);}
.careerbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -194px);}
.carbtm-slct .careerbtm-mnu.mblbtm-mnu {left: 70px;width: calc(100% - 145px);}
.carbtm-slct .careerbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -110px);}
.carrier-alljobs .hotJobs a{font-size: 17px;border: 1px solid #f17028;padding:2px 5px;border-radius: 25px;position: relative;     top: -4px;}
 .carrier-alljobs .hotJobs.bg-grey-ee{background-color:transparent !important;}
.carrier-alljobs .hotJobs.bg-grey-ee a{background-color: #f17028;color: #fff;}
.carrier-alljobs .hotJobs.bg-grey-ee a .fa-circle{color:#fff !important;}
.portalStats{padding: 3px 3px; border-radius: 50px; color: #676a6c; font-size: 16px; text-align: left; font-weight: 500}
.recru-J15-Filter{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 5px; padding: 10px 0; margin-top: 5px; margin-bottom: 5px;}
.recru-J15-Filter .filter-tiles{border-radius: 50px; margin-right: 10px; border: none; width: 13% !important;}
.recru-J15-Filter .recru-J15-Filtertxt{float: left; width: 20%; text-align: left;font-size: 25px; padding-left: 15px; font-weight: bold; opacity: .5; letter-spacing: 2px; height: 0;}
.recru-J15-Filter .recru-J15-FilterBtn{float: right; width: 100%; text-align: center;}
.recru-J15-Filter .advanBox{ height: auto; width: 250px; position: absolute; background-color: #fff; z-index: 9; right: 10px; top: 40px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important}
.recru-J15-Filter .advanBox .fitList .category-list input[type=checkbox]{ zoom: 1.4; position: relative; top: 2px; margin-top: 0; }
.recru-J15-Filter .advanBox .fitList .category-list label{ font-size: 15px; font-weight: 500; margin-bottom: 0px;}
.recru-J15-Filter .advanBox .fitList .category-list li .item { color: #666666; display: block; padding: 4px 3px; border-bottom: 2px solid #eee; font-size: 17px}
.recru-J15-Filter .advanBox .fitList .header{ background-color: #eee; padding: 5px; font-size: 16px; margin: 5px; border-radius: 5px; }
.recru-J15-Filter .advanBox .fitList .header .text{ font-weight: 500; padding-top: 3px; color: #1c1c1e; float: left; }
.recru-J15-Filter .advanBox .fitList .header .butn{ float: right; }
.recru-J15-Filter .advanBox .fitList .header .butn{ float: right; }
.recru-J15-Filter .advanBox .fitList .header .butn button{ margin-bottom:0px !important }
.recru-J15-Filter .notSelectedBox { background-color: #fff !important; color: #1c1c1e !important; }
.recru-J15-Filter .notSelectedBox .filter-tiles-count{ color: #fff !important; }
.recru-J15-Filter .selectedBox { background-color: #2cA01C !important; color: #fff !important; }
.recru-J15-Filter .selectedBox .filter-tiles-count{ background-color: #fff !important; color: #2cA01C !important; }
.recru-cs9-Filter .filter-tiles{width: 18% !important;}
.recru-Top-Filter { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 5px; padding: 8px; margin-top: 5px;  margin-bottom: 5px;}
.recru-Top-Filter .recru-Top-Filtertxt{font-size: 22px; font-weight: 500;}
.recru-Top-Filter ul{margin: 0;padding: 0;list-style: none;display: table;flex-wrap: nowrap;width: 100%;}
.recru-Top-Filter ul li{display: table-cell; padding : 0px 10px 0px 0px; width: 15%;}
.recru-Top-Filter ul li .count-badge{ background-color: #1EA2FE; color: #fff; padding: 2px 5px; border-radius: 3px; font-size: 14px;}
.recru-Top-Filter ul .line{height: 5px;margin: 0;padding: 0;list-style: none;display: block;background-color: #eee; margin-bottom: 5px}
.recru-Top-Filter ul .lineTXT{margin: 0; padding: 0; list-style: none;}
.recr-Plus li a{font-weight: 500; color: #1c1c1e; transition: 0.5s;}
.recr-Plus li:hover a{color: #1ea2fe !important}
.recr-Plus li a i{box-shadow: none !important; font-size: 20px !important; padding: 0 !important; margin: 0 !important; color: #1ea2fe !important; background: none;}
.recr-Plus li a i:hover{background-color: #eee !important; color: #1ea2fe !important}
.IntSTS{position: absolute; padding: 7px; border-radius: 4px; border: none; box-shadow: rgba(0, 0, 0, 0) 0px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px !important;left:auto;right:0px;}
.IntSTS ul{list-style: none; margin: 0; padding: 0;}
.IntSTS ul li{padding: 4px; border-bottom: 1px solid #ddd; font-size: 16px;}
.rec-timelines #vertical-timeline::before{left: 75px;}
#candjobfulldetails .modal-header .top{clear:both;}
#candjobfulldetails .modal-header .top p{margin-bottom:0px;text-align:left;}
#candjobfulldetails .modal-header .top p span:nth-child(1){font-weight:500;color: #000 !important;font-size: 17px !important;}
#candjobfulldetails .modal-header .top p:last-child span:last-child{background-color: #2cA01C !important;color: #fff;padding: 0px 6px;border-radius: 25px;}
.carrier-alljobs .top-cntnt{margin-top:60px;padding-bottom: 25px;} 
.carrier-alljobs .vj-searchsec.sticky2 {position: fixed;z-index: 9;padding-bottom: 2px;}
.carrier-alljobs #MyJobs .bg-grey-f5{    padding: 5px 7px 5px;border-radius: 10px;width: 100%;margin: 0px auto;float: none;background-color: #fff !important;}
.carrier-alljobs #MyJobs .bg-grey-f5 .recDh-fst-btns{background-color: #e1dfdf;padding: 0px 2px 0px 0px;display: block !important;}
.carrier-alljobs #MyJobs .bg-grey-f5 .hrv-detailsbox{padding-right:25px;}
.carrier-alljobs .recSearchBoxCarr {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.carrier-alljobs .recSearchBoxCarr .fa-search.mbl{display:none;}
.profile-sum span {background-color: #b4b1b1;width: 80px;height: 7px;display: inline-block;border-radius:0px;}
.profile-sum span:nth-child(1) {border-radius: 5px 0 0 5px;}
.profile-sum span:nth-child(4){border-radius: 0 5px 5px 0;}
.profile-sum span.stepComplete{background-color: #2ca01c;}
.req-jobs .bwt-hrv-2.hvr-btn div[ng-show="showsharebtnsRow==x.Id"]{right: calc(100% - 200px) !important;}
.req-jobs .bwt-hrv-2.hvr-btn div[ng-show="showMorebtnsRow==x.Id"]{right: calc(100% - 200px) !important;}
.Recru-Task .payroll-checkbox {top: 2px;}
.Recru-Task .payroll-table td{white-space:nowrap;}
.Recru-Task td .payroll-checkbox {float: none !important;top: 10px;left: 1px;}
.Recru-Task .shadow-topFilter .fitList {height: 210px;}
.Recru-Task .astTsk-table td:last-child {width: 210px;}
.Recru-Task .candidate-mbllst .mbl-head h3{padding-left:0px;margin: 5px 0px;}
.Recru-Task .candidate-mbllst .mbl-head h3 span.clear {display: block;color: #fff;border-radius: 8px 0px 15px 0px;font-size: 15px;position: absolute;top: 1px;left: -1px;min-width: 51px;text-align: center;display: inline-block;white-space:nowrap;margin-top:0px;}
.Recru-Task .candidate-mbllst .ppl-resinfo{right:29px;margin-top:3px;}
.Recru-Task .candidate-mbllst .ppl-resinfo .dropdown-toggle {width: 35px;height: 35px;font-size: 24px;}
.Recru-Task .candidate-mbllst ul li p span:last-child span {width: auto !important;}
.Recru-Task .candidate-mbllst .dropdown-menu{width:225px;padding:5px 0px;}
.Recru-Task .candidate-mbllst .expand li:nth-child(1){border-top: 1px solid #e1dede;}
.Recru-Task .candidate-mbllst .payroll-checkbox {top:8px;left: 0px;}
.Recru-Task .candidate-mbllst ul li {padding: 5px 0px;}
.Recru-Task .candidate-mbllst .top a.pull-right{padding-right: 0px;font-size: 22px;margin-top: -1px;margin-right: -4px;}
.Recru-Task #InterviewDshBoard .showfltr-full .fltr .col-md-4 .resultBox{width:300px;}
.Recru-Task #InterviewDshBoard .recbtm-mnu.mblbtm-mnu {left: 190px;width: calc(100% - 350px);}
.Recru-Task #InterviewDshBoard .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -195px);}
.Recru-Task #InterviewDshBoard  .dropdown-menu.dropdown-alerts {right: -280px;}
.Recru-Task #InterviewDshBoard .col-xs-6:nth-child(even) .dropdown-menu {left: 0;right: auto !important;}                                          
.Recru-Task #InterviewDshBoard .col-xs-6:nth-child(even) .dropdown-menu .resultBox {right:0px;left:auto;}
.Recru-Task #InterviewDshBoard .col-xs-12 .dateLabelDiv .dateLabel {top: -11px;}
.Recru-Task #InterviewDshBoard .candidate-mbllst span.circle-badge {    background-color: #1ea2fe !important;margin-right:5px !important;}
.Recru-Task #InterviewDshBoard .candidate-mbllst .top {padding: 6px 5px 6px !important;}
.Recru-Task #InterviewDshBoard .candidate-mbllst .expand li:nth-child(1) {border-top: 1px solid #e1dede;}
.Recru-Task #interviewdetailsnew .modal-body{height: 65vh !important;}
.Recru-Task #interviewdetailsnew .right-sub-title {padding: 6px 1px 6px 6px !important;}
.Recru-Task .taskmanagement-rightprv #Details .border-bottom  {padding-bottom: 4px;margin-bottom:10px;}
.Recru-Task .taskmanagement-rightprv #Details .header{margin-bottom: 0px !important;}
.Recru-Task .recruBulk-update .candidate-mbllst .mbl-head h3 {font-size: 26px;width: 100%;margin: 0px 0px 5px;}
.Recru-Task .recruBulk-update .candidate-mbllst .mbl-head h3 span{padding-left:0px;font-size:16px;padding-top: 5px;}
.Recru-Task .recruBulk-update .candidate-mbllst ul li p span:first-child {width: 135px;}
.Recru-Task .showfltr-full .dateLabelDiv .dropdown-menu{left:auto;right:0px;}
.Recru-Task .showfltr-full .dateLabelDiv .dropdown-menu .resultBox{left: auto;right: 0px;}
.Recru-Task .recbtm-mnu.mblbtm-mnu .item .resultBox{width:300px;}
.Recru-Task .recbtm-mnu.mblbtm-mnu .item .mulSelctdrpdwn .dropdown-menu {right: 0px;}
.Recru-Task .mblbtm-mnu .fltr .dateLabelDiv:nth-child(odd) .resultBox{left:auto;right:0px;}
.Recru-Task .mblbtm-mnu .resultBox .list {max-height: 110px;}
.Recru-Task .recbtm-mnu.mblbtm-mnu .dropdown-menu {right: -365px;}
#bulkEditForm .candidate-mbllst ul li p span:first-child {width: 145px;}
#bulkEditForm .candidate-mbllst ul li p span:last-child {width: 67%;}
#bulkEditForm .candidate-mbllst ul li p span:last-child span,.bulkEditJobs .candidate-mbllst ul li p span:last-child span {width:auto !important;}
#bulkEditForm .candidate-mbllst ul li .input-group-btn{float:left;}
#bulkEditForm .candidate-mbllst ul li .input-group input{float:left;width: 88%;}
.bulkEditJobs .modal-dialog{width:85% !important;}
.bulkEditJobs .form-control,.bulkEditJobs .inputshadowBorder{ color: #1c1c1e !important;font-size: 16px !important;height: 30px !important;border: 1px solid #ddd !important;}
.bulkEditJobs .form-control{border-radius: 25px !important;padding: 4px 12px;}
.bulkEditJobs button.inputshadowBorder{font-size: 14px !important}
.bulkEditJobs .updateTAB .uib-datepicker-popup td {padding: 0px 0px;}
.bulkEditJobs .updateTAB .uib-datepicker-popup{left: auto !important;right:0px;}
.uib-daypicker button[type="button"] {border-radius: 0px !important;}
.uib-daypicker .dropdown-menu {width: auto !important;}
.sendmail-modal .col-md-6.col-sm-6:nth-child(1){margin-right:10px;width:48%;}
.sendmail-modal .col-md-12.brd-b-1 .col-md-2,.sendmail-modal .tem-sub .col-md-2 {width: 9%}
.sendmail-modal .col-md-12.brd-b-1 .col-md-10,.sendmail-modal .tem-sub .col-md-10 {width: 88%;}
.sendmail-modal .mtb-10 .col-md-12.col-sm-12  label.col-md-2{margin-top: 5px;}
.sendmail-modal .tem-sub .col-md-2{width:8%;}
.sendmail-modal .ccopy .col-md-12 .col-md-2{width: 16% !important;}
.sendmail-modal .ccopy .col-md-12 .col-md-10{width: 73% !important;}
.candiCreate{border: 0px;width: 180px;left:auto !important;right:0px !important;padding: 0px !important;border-top: 2px solid #2ca01c;margin-top: 3px;}
.candiCreate:before{border-bottom-color: #2ca01c !important;top: -13px;right: 53px;}
.candiCreate .modal-dialog {width: 450px;}
.candiCreate .modal-content { border-radius: 15px; }
.candiCreate .modal-body { padding: 10px; text-align: center; }
.candiCreate  img{width: 65%;margin: 0 auto;}
.candiCreate  h1{font-weight: 500;color: #19253b !important;margin-top: 0px;text-align: center;font-size: 20px;background-color:#ccdcf6;padding: 7px 0px;}
.candiCreate  p{width: 86%;margin: auto;margin-bottom: 20px;color: #243e65;font-size: 16px;}
.candiCreate .bwt-candi{width: 100%; margin: 10px 1px !important; float: none;  }
.candiCreate .line2{ border: 1px solid #ddd }
.candiCreate .bwt-cancel{position: absolute;right: 5px;top: -15px;}
.candiCreate .line{ border: 1px solid #ddd; margin: 15px 23px; }
.candiCreate .linetxt{ position: relative; top: -25px; background-color: #fff; width: 10%; margin: auto; }
.candiCreate .grey-panel{background-color: #ffff;border-radius: 10px 10px 10px 10px;padding: 0px 0px 9px;margin-top: 0px;text-align:center; display: grid; padding: 10px;}
.QuickCandi-mdl #attachmentModal .modal-dialog,.QuickCandi-mdl #candidatePreviewsfile .modal-dialog,.QuickCandi-mdl #resumeLinkModal .modal-dialog,.QuickCandi-mdl #resumeTextModal .modal-dialog {width: 98% !important;margin-top: 78px;}
.QuickCandi-mdl #attachmentModal .modal-title,.QuickCandi-mdl #candidatePreviewsfile .modal-title,.QuickCandi-mdl #resumeLinkModal .modal-title,.QuickCandi-mdl #resumeTextModal .modal-title{color:#fff !important;}
.QuickCandi-mdl #attachmentModal  .drop-box{padding:10px;}
.QuickCandi-mdl #attachmentModal  .drop-box .docup{width:80% !important}
.QuickCandi-mdl #attachmentModal .modal-body,.QuickCandi-mdl #candidatePreviewsfile .modal-body,.QuickCandi-mdl #resumeLinkModal .modal-body,.QuickCandi-mdl #resumeTextModal .modal-body {top: 6px;padding: 15px;height: auto !important;}
.QuickCandi-mdl #attachmentModal .modal-content,.QuickCandi-mdl #candidatePreviewsfile .modal-content,.QuickCandi-mdl #resumeLinkModal .modal-content,.QuickCandi-mdl #resumeTextModal .modal-content {height: auto !important;}
.QuickCandi-mdl #attachmentModal .modal-header,.QuickCandi-mdl #candidatePreviewsfile .modal-header,.QuickCandi-mdl #resumeLinkModal .modal-header,.QuickCandi-mdl #resumeTextModal .modal-header {padding-bottom:5px !important}
.QuickCandi-mdl #candidatePreviewsfile .modal-header .text-black-1c i,.QuickCandi-mdl #candidatePreviewsfile .modal-header .text-black-1c{color:#fff !important;}
.QuickCandi-mdl #candidatePreviewsfile .modal-header{padding:5px 5px !important;}
.QuickCandi-mdl #candidatePreviewsfile .modal-dialog{margin-right:8px;}
.QuickCandi-mdl #candidatePreviewsfile .modal-body{height: 75vh !important;overflow: scroll !important;position: fixed !important;top: 60px;}
#candidatePreviewsfile .modal-dialog{transition: width 0.5s ease;}
#candidatePreviewsfile .modal-dialog.wdNormal{width: auto;}
#candidatePreviewsfile .modal-dialog.wdExpand{width: 70% !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .modal-header,.candiuploadmodal .modal-header{background-color: #2ca01c !important;padding-bottom: 26px !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .modal-header .pull-left.text-22px,.candiuploadmodal .modal-header h4 {color:#fff !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .modal-body {position: relative;top: -21px;overflow: hidden;overflow-y: hidden !important;border-radius: 19px;background-color: #fff;width: 98%;margin: 0 auto; height: 100% !important;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .viewCandidate-page {padding: 0 8px;height: 87%;overflow-y: scroll;border-radius: 15px;position: fixed;}
.QuickCandi-mdl .profile-arrow-step .un-step {width: 40.8% !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .heading-top .mt-10{margin-top:6px !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .heading-top.sticky {position: relative;top: 1px;width: 100% !important;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .heading-top h3{font-size:23px;}
.QuickCandi-mdl .modal-dialog.recfullwidth1 .heading-top .bwt-save{padding:5px 15px !important;}
.QuickCandi-mdl .full-basic .col-md-4{width:50%;}
.QuickCandi-mdl .full-basic .col-md-4:nth-child(3){width:100%;}
.QuickCandi-mdl .full-details .mdle .col-md-4{width:100%;border-bottom: 1px solid #e7eaec !important;padding-bottom: 5px;}
.QuickCandi-mdl .full-details .mdle .col-md-4:last-child{border-bottom:0px !important;}
.QuickCandi-mdl .full-details .mdle .col-md-4 .recSearchBoxData {top: 69px;left: 25px;}
.QuickCandi-mdl .viewCandidate-page .drop-box .docup,.QuickCandi-mdl .drop-box .docup{width:100% !important; cursor: pointer;}
.QuickCandi-mdl .pull-left .bwt-cancel{display:none;}
.candifullprofile.QuickCandi-mdl .pull-left .bwt-cancel{display:inline-block;}
.QuickCandi-mdl #candidateQuickProfId .right-title{display:none;}
.QuickCandi-mdl #candidateQuickProfId .right-sub-box {box-shadow:inherit;}
.QuickCandi-mdl #candidateQuickProfId div[ng-if="!showPanelBasic"] .col-md-6{padding:0px 5px;width: 100%;}
.QuickCandi-mdl #candidateQuickProfId div[ng-if="!showPanelBasic"] .col-md-6:nth-child(1),.QuickCandi-mdl #candidateQuickProfId div[ng-if="!showPanelBasic"] .col-md-6:nth-child(2){width:50%;}
.QuickCandi-mdl .header{font-weight:400 !important;}
.QuickCandi-mdl #candidateQuickProfId .col-lg-12[style="margin-bottom: 5%;"]{margin-bottom:0px !important;}
.QuickCandi-mdl #candidateQuickProfId div[ng-if="!showPanelBasic"] .col-md-6:nth-child(odd){padding-left:0px;}
.QuickCandi-mdl .full-details .col-md-12:nth-child(3) .col-md-4,.QuickCandi-mdl .full-details .col-md-12:last-child .col-md-4{width:50%;} 
.QuickCandi-mdl .full-details .col-md-12:nth-child(3){border-bottom: 1px solid #e7eaec !important;}
.QuickCandi-mdl .full-loc .col-md-4:nth-child(1) input{height:35px !Important;}
.QuickCandi-mdl #candidateprofilefullId .profile-edit .col-md-8,.QuickCandi-mdl #candidateprofilefullId .profile-edit .col-md-4{width:100%;}
.QuickCandi-mdl #candidateprofilefullId .profile-edit .table th,.QuickCandi-mdl #candidateprofilefullId .profile-edit .table td{white-space:nowrap;}
.QuickCandi-mdl #candidateprofilefullId .tsk-msge{height:150px !important;}
#createAppointmentModal .modal-dialog{padding: 0 !important; width: 50%;}
#createAppointmentModal .modal-dialog .header-Block .bwt-cancel{top: 0;}
#createAppointmentModal .modal-header .header-Block .nameBlock{color: #1c1c1e !important;}
#createAppointmentModal .viewCandiA17 .dataPlane .mainBox .sec2{margin: 15px 0;}
#createAppointmentModal .modal-content .input-group{ margin-bottom: 0px; }
#createAppointmentModal .viewCandiA17 .dataPlane .mainBox .sec2 .labelName{ font-size: 16px; padding: 5px 0 0 5px; }
#createAppointmentModal .selectContainer { padding: 0 7px; }
#createAppointmentModal .selectContainer2 { padding: 0 7px; }
#createAppointmentModal .selectContainer .inputshadowBorder{ font-size: 14px; padding: 8px; font-weight: 500; border: 1.5px solid #ddd !important; border-radius: 50px;}
#createAppointmentModal .mulSelctdrpdwnInput { border: 1.5px solid #ddd !important;}
#createAppointmentModal .interViewTime .selectContainer { padding: 0px }
#createAppointmentModal .interViewTime .selectContainer:nth-child(1) .inputshadowBorder { border-radius: 50px 0 0 50px; padding: 0px;}
#createAppointmentModal .interViewTime .selectContainer:nth-child(2) .inputshadowBorder { border-radius: 0 0 0 0; padding: 0px;}
#createAppointmentModal .interViewTime .selectContainer:nth-child(3) .inputshadowBorder { border-radius: 0 50px 50px 0; padding: 0px;}
#createAppointmentModal .resultBox { left: 5px; width: 500px; }
#createAppointmentModal .searchbox { display: flex; }
#createAppointmentModal .searchbox .fa-times-circle{ position: absolute; right: 18px; font-size: 20px; top: 14px; }
#createAppointmentModal .singleInF14{ padding: 8px; margin: 2px 2px 10px 2px; border-radius: 10px; border: 1px solid #eee; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; background-color: #fff; transition: .5s}
#createAppointmentModal .singleInF14:hover{ background-color: #f2f2f2; }
#createAppointmentModal .resultBox .list{ border: none !important; max-height: 350px; }
.QuickCandi-A28 .width1 {width: 70% !important;}
.QuickCandi-A28 .width1 .ResumeSec{width: 55%; float: left; }
.QuickCandi-A28 .width1 .formSec{width: 45%; float: right; border-left: 2px solid #ccc; }
.QuickCandi-A28 .width2{width: 35% !important;}
.QuickCandi-A28 .width2 .ResumeSec{width: 60%; display: none; }
.QuickCandi-A28 .width2 .formSec{width: 100%;}
.QuickCandi-A28 .dataPanel{padding: 0 !important; padding-top: 18px !important; max-height: 553px;}
.QuickCandi-A28 .dataPanel ::-webkit-scrollbar{width: 1px !important;}
.QuickCandi-A28 .modlPad{padding: 10px !important;}
.QuickCandi-A28 .modal-header{background-color: #eee; border-radius: 8px; border: none !important; border-bottom: 2px solid #fff !important;padding: 10px;}
.QuickCandi-A28 .modal-header .header-Block{ display: flex; align-items: center; }
.QuickCandi-A28 .modal-header .header-Block .bwt-cancel{ position: absolute; top: 15px; right: 15px; }
.QuickCandi-A28 .modal-header .header-Block .bttn-savePos{ position: absolute; top: 15px; right: 60px; }
.QuickCandi-A28 .modal-header .resume-Block .bwt-cancel{ position: relative; float: right; top: -16px; right: 0px; }
.QuickCandi-A28 .modal-header .header-Block .bwt-new{ position: absolute; top: 15px; right: 60px; }
.QuickCandi-A28 .modal-header .header-Block img{ width: 55px; height: 55px; border-radius: 50px; margin-right: 8px; }
.QuickCandi-A28 .modal-header .header-Block .nameBlock{ font-size: 25px; font-weight: 500; color: #0095f6; text-transform: capitalize; }
.QuickCandi-A28 .modal-header .header-Block .jobTitleBlock{ font-size: 16px; font-weight: 400; color: #676a6c; }
.QuickCandi-A28 .modal-content .form-session{ margin-bottom: 12px; padding: 3px;}
.QuickCandi-A28 .modal-content .drop-box{ padding-left: 0; padding-right: 0; }
.QuickCandi-A28 .modal-content .drop-box h1{ text-align: center !important; font-size: 16px; font-weight: 500; margin-top: 0; }
.QuickCandi-A28 .modal-content .header{ font-size: 18px; font-weight: 500; color: #48484a;  }
.QuickCandi-A28 .modal-content .input-group{ display: flex; margin-bottom: 15px; }
.QuickCandi-A28 .modal-content .inputshadowBorder{ border-radius: 50px; cursor: text !important; }
.tags{ background: #cdebff !important; color: #1c84c6 !important; font-size: 16px; padding: 5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 9px; display: inline-block; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; }
.QuickCandi-A28 .modal-content .tags{ background: #cdebff !important; color: #1c84c6 !important; font-size: 16px; padding: 5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 9px; display: inline-block; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; }
.QuickCandi-A28 .modal-content .skillContainer{ border: 1px solid #ccc; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 6px; padding: 10px !important; margin-top: 5px; }
.QuickCandi-A28 .modal-content .recSearchBoxData{ top: 49px; left: 5px; width: 99%; }
.QuickCandi-A28 input{box-sizing: inherit !important;}

.QuickCandi-A28 .dataPanel.modal-body{padding-top: 0 !important}
.QuickCandi-A28 .modal-footer{padding-top: 10px !important; margin-top: 0;}

.fixedBottomPanel { position: fixed; bottom: 0; right: 0; width: 100%; right: 0; background-color: #fff; padding: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.reqCreate-task .headerportion{}
.reqCreate-task .headerportion.headsticky {position: fixed;top: 61px;z-index: 9;width: calc(100% - 240px);border-bottom: 1px solid #cecaca;}
.mini-navbar .reqCreate-task .headerportion.headsticky {width: calc(100% - 88px);} 
.reqCreate-task .uploadPrfle h1{word-break:break-word;}
.reqCreate-task .jobCrt-note .note-editor .note-editable {height: 175px;}
.reqCreate-task div[ng-if="TaskAttachmentList.length == 0"] table{text-align:center;margin:0 auto;}
.reqCreate-task .mblbtm-mnu.recbtm-mnu{left: 165px;width: calc(100% - 384px);padding-bottom: 3px;}
.reqCreate-task .mblbtm-mnu.recbtm-mnu.show{margin-left: calc(-100% - -257px);}
.reqHired .recbtm-mnu.mblbtm-mnu > ul {padding: 2px 35px;}
.reqHired .recbtm-mnu.mblbtm-mnu li:nth-child(1) .dropdown-menu.clearfix {right: -265px;}
.reqHired  .recbtm-mnu div[ng-class="{'open' : btmMnuState}"] .resultBox,.reqHired .recbtm-mnu div[ng-class="{'open' : btmMnuCustomer}"] .resultBox {left:auto;right:0px;;}
.reqHired .jb-Top.rec-rgt .shadow-topFilter {background-color: #fff;padding: 7px 1px 4px;}
.reqHired .shadow-topFilter .rec-rgt .col-md-2 {margin-top: 0px;}
.reqHired .jb-Top.rec-rgt .showfltr-full .top .col-md-8{width: 74%;}
.reqHired .jb-Top.rec-rgt .showfltr-full .top .col-md-4{width: 26%;padding-right: 0px;}
.reqHired .showfltr-full .top .col-md-4:hover .dateLabel {top: -10px;}
.reqHired .jb-Top.rec-rgt .showfltr-full .resultBox {left:auto;right:0px;width: 300px;}
.reqHired .jb-Top.rec-rgt .showfltr-full .dropdown-menu{right:0px;left:auto}
.reqHired .jb-Top.rec-rgt .showfltr-full .dropdown-menu:before {right: 10px;}
.reqHired .jb-Top.rec-rgt .showfltr-full .mulSelctdrpdwnInput{height:35px}
.reqHired .showfltr-full .top .col-md-4 .dateLabelDiv .dateLabel {top: -5px;}
.reqHired .document-blk{margin-bottom: 0px;margin-top: 7px;}
.reqHired .document-blk strong{position:relative;top:-7px;left:1px;}
.reqHired .document-blk .docs-nw-fltr,.appliedJobs-pge .docs-nw-fltr{width: 85px;display: inline-block;height: 35px;border-radius: 26px;box-shadow: inherit !important;border: 0px !important;}
.reqHired .document-blk .docs-nw-fltr .onoffswitch {left:0px;}
.reqHired .ass-table {padding: 0px 7px !important;}
.reqHired .nodata img{width: 20%;}
.reqHired .nodata p{font-size:30px;}
#hiredCandiShow .modal-header .pull-left .bwt-cancel{float:left;margin-left: 0 !important;position: relative;margin-right:8px !important;}
#hiredCandiShow .modal-header .pull-left h3{float: left;margin: 0px;    width: calc(100% - 50px);display: inline-block;}
#hiredCandiShow .modal-header .pull-left.lft{width: 90%;}
#hiredCandiShow .modal-header .pull-left.lft .btm{margin-left:50px;}
#hiredCandiShow .modal-header h4{ border-top: 1px solid #ccc;}
#hiredCandiShow .modal-header .btm h5{font-size: 14px;margin-bottom: 8px;}
#hiredCandiShow .modal-header .btm h5 b {width: 120px;display: inline-block;}
#hiredCandiShow .modal-header .btm h5 span{color:#1c84c6;}
/*#hiredCandiShow .modal-body {height: 60% !important;}*/
#hiredCandiShow #Resume .inspinia-timeline  .bwt-hrv-2 {display:block !important;visibility:hidden;}
#hiredCandiShow #Resume .bwt-tr-hrv:hover .bwt-hrv-2 {visibility:visible;}
#hiredCandiShow #RTR .hired-rtr{display: inline-block; width: 100%;}
#hiredCandiShow .candiStages .arrow-steps {width: 100%;}
#hiredCandiDashShow .candiStages .arrow-steps {width: 100%;}
#hiredCandiShow .arrow-steps p{margin-top:-10px;}
#hiredCandiShow .arrow-steps p span{display:block;font-size:12px;}
.updateTAB tbody > tr > td{padding: 14px 5px}
/*#hiredconverttoemployee .modal-header{background-color: #0095f6 !important;}*/
#hiredconverttoemployee .modal-header h2{color:#1c1c1e}
#hiredConvertToEmployee .mobile-bread {display: none !important;}
#hiredConvertToEmployee .Candistage .wrapper_progress {width: 100%;}
#hiredConvertToEmployee #uspsmodal .modal-body{height:80% !important;}
#hiredConvertToEmployee .modal-dialog{/* width:85% !important; */}                                   
#hiredConvertToEmployee .ppl-user-edit .wrapper-content{margin-top: 0px;}
#hiredConvertToEmployee .ppl-user-edit .ibox-content{margin-left: 0px;margin-right: -10px;}
#hiredConvertToEmployee .new-wizrd .right .dde-row-panels .row {padding: 9px 0;}
#hiredConvertToEmployee .new-wizrd .right .dde-row-panels .row:last-child .col-md-6{border-bottom:0px}
#hiredConvertToEmployee .modal-body{overflow-x:hidden;}
#hiredConvertToEmployee .ppl-user-edit .wrapper-content .rght-dtl[ng-show="hide7"] .desc .inputGroupContainer{border: 1px solid #ccc;padding: 0px;}
#hiredConvertToEmployee .headingTopPanel .bwt-cancel{display: none;}
#attachmentPreviewModalhired .modal-body {overflow: hidden !important;max-height: 600px;}
.req-TAS .shadow-topFilter{margin:0px;}
.req-hme .req-TAS .shadow-topFilte.fixed {margin-left: -11px;}
.req-TAS .shadow-topFilter .col-md-10{width:90%;}
.req-TAS .shadow-topFilter .col-md-2{width:10%;}
.req-TAS  .payroll-table .img-circle{width:30px !important;}
.req-TAS #recruiterdetails .modal-dialog{width:60% !important;} 
.req-TAS .candidate-mbllst .mbl-head h3 {width: calc(100% - 140px);font-size: 20px;}
.req-TAS .candidate-mbllst .mbl-head .img-circle{float:left;margin-right: 5px;}
.req-TAS .candidate-mbllst .mbl-head h3 span {display:block;font-size: 16px;padding-top: 5px;}
.req-TAS .candidate-mbllst .expand li:nth-child(1),.req-TAS .candidate-mbllst .expand li:nth-child(2){width:48%;float:left;border-top:1px solid #ddd;}
.req-TAS .candidate-mbllst .expand li .circle-badge{width: 40px !important;height: 40px;top: 0px;line-height: 40px;font-weight: 500;}
.req-TAS .candidate-mbllst ul li p span:last-child span { width: auto !important;}
.req-TAS #Jobs .associated,.req-TAS #Applicants .associated{margin-top:0px !important;padding: 0px !important;}
.req-TAS #Jobs .associated .right-sub-box,.req-TAS #Applicants .associated .right-sub-box{padding:5px !important}
.req-TAS #Jobs .mbl-head h3,.req-TAS #Applicants .mbl-head h3{width: calc(100% - 73px);font-size: 20px;}
.req-TAS #Jobs .mbl-head h3 span{padding:0px;color: #0095f6 !important;}
.req-TAS #recruiterdetails .myhr-dotmenus{display:none;}
.req-TAS #recruiterdetails .cusTabs #tabMenu.myhr-dotmenus > a {font-size: 18px !important;}
.req-TAS #recruiterdetails .cusTabs li.myhr-dotmenus li{display:none;}
.req-TAS #recruiterdetails .cusTabs li.myhr-dotmenus li:nth-of-type(1n+3) {display: block;}
.req-TAS #recruiterdetails .cusTabs .dropdown-menu{left:auto;right:0px;width:250px;}
.req-TAS #recruiterdetails .cusTabs .dropdown-menu a{padding:5px !important;}
.req-TAS #recruiterdetails .mbl-head  .circle-badge,.req-TAS .candidate-mbllst span.circle-badge{background-color: #1ea2fe !important;}
.req-templates .filter-panel .col-lg-2 {width: 11%;padding: 0px;}
.req-templates .shadow-topFilter.fixed {top: 105px !important;margin-left: 0px !important;}
.req-templates .recbtm-mnu.mblbtm-mnu {left: 160px;width: calc(100% - 320px);}
.req-templates .recbtm-mnu.mblbtm-mnu.show {margin-left: calc(-100% - -195px);}
.req-templates .mblbtm-mnu .timecardFilter{position: relative;top: -1px;left: 0px;text-align: left;width: 13%;font-size: 25px;}
.req-templates .mblbtm-mnu .dropdown-toggle,.req-templates .mblbtm-mnu .bwt-new{top:-5px;position:relative}
.req-templates .mblbtm-mnu .mnu-expand{top:5px;}
.req-templates .mblbtm-mnu .dropdown-menu{right: -228px !important;margin-bottom: 16px !important;}
.req-templates .mblbtm-mnu .item .col-lg-1{margin-left:20px;}
.req-templates .mblbtm-mnu .item .col-lg-2{float:right;}
.req-templates .candidate-mbllst .top {padding: 5px 5px 3px !important;}
.req-templates .candidate-mbllst span.circle-badge {top: 0px;height: 28px !important;width: 28px !important;line-height: 28px !important;}
.req-templates .candidate-mbllst span.circle-badge.un-circle-badge-ge {color: #48484a !important;background-color: #dddddd !important;}
.req-templates .candidate-mbllst .top .bwt-edit,.req-templates .candidate-mbllst .top .bwt-delete{padding: 8px 3px 5px 9px !important;width: 35px;height: 35px;display: inline-block;}
.req-templates td a.text-black-1c{font-weight:400 !important;}
.req-hme .auditpage-blk .goToTop.myteam-upbtn{display:none !important;}
/*Location box width*/
#quickviewMenusearchBox, #candidatesearchBox1, #candidatesearchBox5, input{box-sizing: inherit !important;}
/*un-loader-new*/
.un-spinner-loading {border: 8px solid #1c84c6;border-right-color: transparent;border-radius: 50%;width: 60px;height: 60px;margin: 100px auto;transform: translate(-50%, -50%);animation: spin 3s linear infinite;}
.apply-head { background-image: url('../Images/Recruitment/rec-top2.png'); background-repeat: no-repeat; height: 185px; background-size: cover; }
.apply-head .text {color: #fff;padding: 10px;padding-top: 0px !important;font-size: 27px;width: 50%;padding-left: 15px;margin-top: 10px; }
.apply-head .fw-6.pl-15[ng-if="!applyJobMode"]{max-width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@keyframes spin { 0% { opacity: 0.5 }50% { opacity: 0.6; }100% { opacity: 0.7; transform: translate(-50%, -50%) rotate(1turn); }} 
.animateTextBox {background: none; position: fixed; left: 0px; width: 100%; height: 75%; z-index: 10000; }
.loaderBox { width: 100%; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
.clpImg { margin: auto; text-align: center; }
.spinnerDots { width: 70px; text-align: center; margin: 35px auto 0px auto; }
.spinnerDots > div { background-color: #0065ff; border-radius: 100%; display: inline-block; width: 14px; height: 14px; -webkit-animation: rk-bouncedelay 1.4s infinite ease-in-out both; animation: rk-bouncedelay 1.4s infinite ease-in-out both; } .spinnerDots .dots1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinnerDots .dots2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes rk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes rk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .animateText div { opacity: 0; width: 100%; position: absolute; font-weight: 600; font-size: 15px; overflow: hidden; color: #333333; text-align: center; -webkit-animation: animateLines 10s linear infinite 0s; -ms-animation: animateLines 10s linear infinite 0s; animation: animateLines 10s linear infinite 0s; } .animateText div:nth-child(2) { -webkit-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; color: #333333; } .animateText div:nth-child(3) { -webkit-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; color: #333333; } .animateText div:nth-child(4) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: #333333; } .animateText div:nth-child(5) { -webkit-animation-delay: 8s; -ms-animation-delay: 8s; animation-delay: 8s; color: #333333; } .animateText div:nth-child(6) { -webkit-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s; color: #333333; } @-webkit-keyframes animateLines { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px); } 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } .clpImg { margin: auto; text-align: center; } .spinnerDots { width: 70px; text-align: center; margin: 35px auto 0px auto; }
.rectxt-loading { left: 11%; margin-top: 18px; font-size: 25px; font-weight: bold; letter-spacing: 4.4px; text-transform: capitalize; position: absolute; overflow: hidden; transform: translate(-50%, -60%);}
.rectxt-loading:before{color: #aaa; content: attr(data-loading-text);}
.rectxt-loading:after { top: 0; left: 0; width: 0; opacity: 1; color: #444; overflow: hidden; position: absolute; content: attr(data-loading-text); animation: rectxt-loading 5s infinite;}
@keyframes rectxt-loading { 0% { width: 0; }100% { width: 100%; }}
.rec-ann-box{padding:8px;border-radius:10px;height:95px;cursor:pointer;width: 22%; margin-right: 5px; margin-left: 5px;}
.rec-ann-box:nth-child(1){background-color: #1c84c6;}
.rec-ann-box:nth-child(2){background-color: #A84448;}
.rec-ann-box:nth-child(3){background-color: #f17028;}
.rec-ann-box:nth-child(4){background-color: #2ca01c;}
.rec-ann-box:nth-child(5){background-color: #4e6e81;}
.rec-ann-box:nth-child(6){background-color: #5D9C59;}
.rec-ann-box:nth-child(7){background-color: #1ab394;}
.rec-ann-box:nth-child(8){background-color: #19A7CE;}
.rec-ann-box:hover{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important;}
.rec-ann-box .round{float: left; padding: 5px 8px; border-radius: 50px; color: #fff; font-size: 16px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;}
.rec-ann-box .white{background-color: #fff !important;}
.rec-ann-box:nth-child(1) .white i{color: #1c84c6;}
.rec-ann-box:nth-child(2) .white i{color: #A84448;}
.rec-ann-box:nth-child(3) .white i{color: #f17028;}
.rec-ann-box:nth-child(4) .white i{color: #2ca01c;}
.rec-ann-box:nth-child(5) .white i{color: #4e6e81;}
.rec-ann-box:nth-child(6) .white i{color: #5D9C59;}
.rec-ann-box:nth-child(7) .white i{color: #1ab394;}
.rec-ann-box:nth-child(8) .white i{color: #19A7CE;}
.rec-ann-box .count{float: right; color: #1c1c1e; font-size: 22px; font-weight:600;}
.rec-ann-box .box-label{margin-top: 40px; font-weight: 500; font-size: 14px;}
.recds-cnt{padding: 15px; text-align: right; padding-top: 20px;}
.recds-cnt .box{margin: 0 0px; text-align: center; display: inline-block; margin-bottom: 25px; width: 20%; cursor: pointer;}
.recds-cnt .num{padding: 10px; font-size: 22px; color: #fff; border-radius: 4px}
.recds-cnt .txt{color: #1c1c1e; font-weight: 500; margin-top: 12px;}
.recds-cnt .box:hover .txt{color: #1c84c6; font-weight: 600;  }
.recDh-fst-btns{display: none;background-color: #eee;position: absolute;right: 0;padding: 4px 8px 5px 6px;border-radius: 0 10px 0 10px;top: 0px;z-index:9;}
.recr-table > thead > tr > th, .recr-table > tbody > tr > th, .recr-table > tfoot > tr > th, .recr-table > thead > tr > td, .recr-table > tbody > tr > td, .recr-table > tfoot > tr > td{white-space: nowrap;}
.recr-table button{margin-bottom: 0px !important;}
.rtr-box{ width: 60%; margin: auto; font-size:16px; margin-top: 50px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; border: none; padding: 30px; padding-top: 0; background-color: #fff;}
.rtr-box .headingPrt1{ background-color: #0095f6 ; margin-right: -26px; margin-left: -26px; margin-top:4px; text-align: center; border-radius: 10px 10px 0 0; padding: 15px; }
.rtr-box .headingPrt2{ background-color: #def3ff; margin-bottom: 30px; margin-right: -26px; margin-left: -26px; padding: 10px; font-size: 20px; font-weight: 600; text-align: center; color: #0095f6; }
.rtr-box h1{ font-weight: 600; padding:0; color: #fff; margin: 0;}
.rtr-box .subh1{ font-weight: 400; padding:0; color: #fff; margin: 0; font-size: 22px;}
.rtr-box .line{ border: 1px solid #fff; width: 80%; margin: auto; margin-top: 15px; margin-bottom: 12px;}
.rtr-box p{text-align: justify; line-height: 25px; margin-top: 20px}
.rtr-box .mainHead{ font-size: 28px; color: #0095f6; font-weight: 600; border-bottom: 5px solid #0095f6; padding-bottom: 6px; }
.rtr-box table{ margin: 0 !important;width: 100% !important; }
.rtr-box table tr{ }
.rtr-box table td{ border:1px solid #eee; padding: 5px;color: #000;}
.rtr-box table tr td:nth-child(1){}
.rtr-box table tr td:nth-child(2){font-weight: 400; }
.tabledata h3 {text-align: center;border: 1px solid #eee;padding: 11px;border-bottom: 0px;margin-bottom: 0px;color: #0095f6;font-size:20px;}
.tabledata td b{font-weight:400;}
.tabledata .top{padding-left:0px;margin-bottom: 0px;}
.tabledata .top  li{width:50%;float:left;list-style:none;border: 1px solid #eee;padding: 5px;}
.tabledata .top  li p:first-child{float:left;width: 38%;border-right: 1px solid #ccc;}
.tabledata .top  li p:last-child{float:left;width: 62%;padding-left: 5px;color: #000;}
.tabledata .top  li p{float:left;margin: 0px 0px 0px !important;color:#000;}
.snd-RTR-OptionSelect{background-color: #fff; margin: 20px 0px}
.snd-RTR-OptionSelect .Op-box{padding: 5px;}
.snd-RTR-OptionSelect .Op-box:nth-child(4) .form-group-2{display: flex;align-items: stretch;}
.snd-RTR-OptionSelect .Op-box:nth-child(4) .form-group-2 input[type="checkbox"]{ width: 27px; height: 18px; position: relative; top: 3px; margin-right: 10px; }
.snd-RTR-OptionSelect .Op-box:nth-child(4) .form-group-2 input[type="text"]{ border-radius: 5px; height: 35px; width: 100%; padding: 7px; }
.snd-RTR-OptionSelect .Op-box .form-group-2{box-shadow: 0 3px 6px #00000029; margin-bottom: 0 !important; padding: 10px; border-radius: 4px;}
.snd-RTR-OptionSelect .Op-box .form-group-2:nth-child(1){background-color: rgb(222, 243, 255);}
.snd-RTR-OptionSelect .Op-box .form-group-2:nth-child(2){background-color: rgb(222, 243, 255);}
.snd-RTR-OptionSelect .Op-box .form-group-2:nth-child(3){background-color: rgb(222, 243, 255);}
.snd-RTR-OptionSelect .Op-box .form-group-2:nth-child(4){background-color: rgb(222, 243, 255);}
.snd-RTR-OptionSelect .itemTable{background-color: #fff; border-radius: 6px;height: 105px;}
.snd-RTR-OptionSelect .itemTable table{width: 100%;}
.snd-RTR-OptionSelect .itemTable table tr{border-bottom: 2px solid #eee;}
.snd-RTR-OptionSelect .itemTable table tr td{vertical-align: middle; font-weight: 500; padding: 10px 5px;}
.snd-RTR-OptionSelect .itemTable table tr td input[type="text"]{ padding: 5px; font-size: 14px; border: 1px solid #ddd !important;}
.expRTRtable{max-width: 200%; width: 200%;}
.table-NewRTR{border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none;}
.table-NewRTR input[type="text"], .table-NewRTR select{width: auto; padding: 5px 10px; height: 30px; font-size: 14px !important; border-radius: 4px !important; border: 1px solid #ddd !important;}
.table-NewRTR input[type="text"]{width: 100px;}
.table-NewRTR .err-msge{font-weight: 500; font-size: 13px; white-space: nowrap; color: #f86161 !important;}
.sendmail-modal .modal-dialog .modal-body{ padding-top: 0px;overflow-x: scroll; }
.expandFullScreenModal{ width: 100% !important; padding: 0 !important; margin: 0;}
/*.sendmail-modal .modal-dialog{width: 90% !important;}*/
.sendmail-modal .mainA{ border-bottom: 1px solid #e7eaec !important; padding: 10px 0; }
.sendmail-modal .mainA .srb-1{ padding: 0; }
.sendmail-modal .mainA .candilist{ height: 85px; overflow-y: scroll; padding: 10px; width: 89.3%; float: right; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important}
.labelNameCvD{ font-size: 20px; font-weight: 400; color: #48484a; padding-right: 0; padding-top: 10px;}
.bwt-rtr{width : 24%; font-size: 18px;}
.bwt-rtr2{width : 28%; font-size: 18px;}
.recruNavi {background-color: #eee; padding: 12px; border-radius: 5px; margin-bottom: 10px;z-index: 9}
.recruNavi ul{padding: 0; list-style: none; display: table; margin: 0; width: 100%;}
.recruNavi ul li{display: table-cell;}
.recruNavi ul li a{padding: 8px 12px; border-radius: 8px; color: #48484a; font-weight: 600; font-size: 14px; transition: 0.4s; background-color: #fff;}
.recruNavi ul li a:hover{background-color: #fff; color: #0095f6; }
.recruNavi ul li i { border-radius: 50%; padding: 5px 5px; font-size: 13px; margin-right: 5px; color: #fff; background-color: #1ea2fe; }
.recruNavi ul li:nth-child(1) i { background-color: #1ea2fe; }
.recruNavi ul li:nth-child(2) i { background-color: #ff9800; }
.recruNavi ul li:nth-child(3) i { background-color: #2ca01cfe; }
.recruNavi ul li:nth-child(4) i { background-color: #7286D3; }
.recruNavi ul li:nth-child(5) i { background-color: #FF7B54; }
.recruNavi ul li:nth-child(6) i { background-color: #472183; }
.recruNavi ul li:nth-child(7) i { background-color: #C58940; }
.recruNavi ul li:nth-child(8) i { background-color: #54B435; }
.recruNavi ul li .selectBTN{background-color: #fff; color: #0095f6; background-color: #f3f3f3; border: 2px solid #ffffff; }
.recruuibTab .nav-pills { margin-top: 0px; margin-left: 0px; margin-right: 0px; background-color: #fff !important; border-bottom: 1px solid #ddd;}
.recruuibTab .nav > li > a { padding: 0px; border-bottom: 4px solid #ddd; border-radius: 0;}
.recruuibTab .nav > li.active > a { color: #5b5d5f; font-weight: 700; background-color: #eee; border-bottom: 4px solid #0095f6 !important; padding: 0px  !important; }
.recruuibTab .nav > li > a uib-tab-heading{ padding: 8px 14px;display:block !important; }
.recruuibTab .nav > li > a:hover, .EsigntabsetOne .nav > li > a:active, .EsigntabsetOne .nav > li > a:focus {background-color: #e3e3e3 !important; border-radius: 4px;}
.recruuibTab .nav-tabs { margin-bottom: 0px; background-color: #fff; }
.recruuibTab .nav-tabs { margin-right: 10px; margin-left: 5px; }
.Rec-dashRadio .checkmark{border-radius: 50px;}
.Rec-dashRadio .checkmark::after { cursor: pointer; display: inline-block; position: absolute; content: "&#x2022"; width: 11px; height: 11px; left: 3px; top: 5px;  margin-left: -20px; border-radius: 50%; background-color: #495057; transform: scale(0, 0);  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.candiViewHeader { border-bottom: 1px solid #ddd; padding: 7px 5px 12px !important;}
.candiViewHeader .imgPanel{float: left; margin-right: 10px;}
.candiViewHeader .imgPanel .img{border-radius: 50px; width: 65px; height: 65px;}
.candiViewHeader h3 {margin-top: 5px; margin: 0; padding: 0; font-weight: 500; font-size: 30px; text-transform: capitalize; color: #1c1c1e;}
.candiViewHeader .badge-block .badge{ background-color: #eee;cursor:pointer; font-size: 14px; padding: 6px 12px; border-radius: 4px; color: #1c84c6; margin-right: 5px; margin-top: 10px;}
.candiViewHeader .hrv-detailsbox:hover .detailsbox { right: 0px; top: 35px;}
.applicantJ12 {float: right; display: flex; justify-content: flex-end;}
.applicantJ12 .box{ height: 70px; width: 100px; background-color: #fff; border: none; border-radius: 5px; text-align: center; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; padding: 7px; margin-left: 12px;}
.applicantJ12 .boxSelected{ background-color: #2cA01C !important; }
.applicantJ12 .circle{ margin: auto;height: 35px;width: 35px; line-height: 35px; color: #fff }
.applicantJ12 .boxSelected .circle{ background-color: #fff !important; color: #2cA01C !important; font-weight: 500;}
.applicantJ12 .text{ margin-top: 5px; font-weight: 500; color: #1c1c1e;font-size: 14px;}
.applicantJ12 .boxSelected .text{ color: #fff; }
/*recruitment task*/
.recruBulk-update {}
.recruBulk-update .modal-body{ padding: 12px; }
.recruBulk-update .tabHeader{ background-color: #eee; margin: 0; padding: 4px 0; border-radius: 15px 15px 0 0; }
.recruBulk-update .tabrow{  margin: 0; padding: 3px 0; font-size: 16px; border-bottom: 1px solid #ddd; }
.recruBulk-update .tabrow:nth-last-child(1){ border-bottom: none; }
.uploadPanelJ2 { border: 3px dashed #ccc; border-radius: 4px; background-color: #fff; text-align: center; padding: 10px; cursor: pointer;}
.RecInterview-Filt .grid-list-sec{float: left; margin: 0 6px; float: left; position: relative; top: -2px;}
.RecInterview-Filt .dropdown{float: left;}
/*appoinmentcalender*/
.appoinmentcalender { margin-top: 10px; padding: 0px 30px !important}
.appoinmentcalender .fc-event-time, .appoinmentcalender .fc-event-title {color: #fff !important; background: none; padding: 0;}
.appoinmentcalender .fc-day-header ,.appoinmentcalender .fc-content .fc-widget-header{ font-weight: 600 !important; color: #1c1c1e; background-color: #eee; padding: 7px; font-size: 18px; border: 1px solid #ddd;}
.appoinmentcalender .fc-header-title h2 { font-size: 25px; font-weight: 600; margin-bottom: 0; color: #1c1c1e; padding-top: 3px; }
.appoinmentcalender .fc-button-prev { background-color: #0095f6; color: #fff; }
.appoinmentcalender .fc-button-next { background-color: #0095f6; color: #fff; }
.appoinmentcalender .fc-button-month, .appoinmentcalender .fc-button-agendaWeek , .appoinmentcalender .fc-button-agendaDay { background-color: #fff; color: #48484a; font-size: 16px; text-transform: capitalize; font-weight: 600;}
.appoinmentcalender .fc-state-active { background-color: #0095f6; color: #fff; }
.appoinmentcalender .fc-content .fc-widget-content { border-color: #dddddd; background-color: #fff; padding: 10px; font-weight: 600; color: #48484a; }
.career-appoinment .fc-header{margin-bottom: 10px;}
.career-appoinment .fc-header .fc-header-left{width: 30% !important;}
.career-appoinment .fc-header .fc-header-center{width: 40% !important;text-align: center;}
.career-appoinment .fc-header .fc-header-left .fc-text-arrow{font-size: 30px; width: 15px; font-weight: 600;}
.career-appoinment .fc-header .fc-header-right{text-align: right;}
.career-appoinment .fc-day{border: 1px solid #ddd;}
.career-appoinment .fc-day-header, .career-appoinment .fc-content .fc-widget-header{    background-color: #fff;}
/*recruitment profile*/
.rct-pr-left{box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; }
.rct-pr-left .headerblue{ background-color: #1C84C6; height: 70px; border-radius: 10px 10px 0 0;}
.rct-pr-left .headerblue .bwt-cancel{ float: right; margin: 5px; z-index: 1; position: relative; }
#career-rightsession .expandBtn{ position: absolute; z-index: 9; left: -5px; border-radius: 10px 0 !important;}
.rct-pr-left .dett{ padding: 10px;}
.rct-pr-left .pr-step{ border: 3px solid #ddd; width: 73px; margin-right: 10px; border-radius: 50px; margin-top: 20px; cursor: pointer; transition: .2s}
.rct-pr-left .pr-step:hover{ border: 3px solid #bababa; }
.rct-pr-left .pr-step-green{ border: 3px solid #2cA01C !important; background-color: #2cA01C !important}
.rct-pr-left .pr-step-blue{ border: 3px solid #0095f6 !important; background-color: #0095f6 !important}
.rct-pr-right{box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; padding: 10px;  background-color: #fff; border-radius: 10px;}
.profile-edit {padding: 5px;box-shadow: none !important;}
.profile-arrow-step{margin-top:15px;position:relative;z-index: 9;}
.profile-arrow-step .un-step.current{background-color: transparent !important;}
.profile-arrow-step .un-step{background-color:transparent;width: 14% !important;height: auto;margin-bottom: 15px;position:relative;}
.profile-arrow-step .un-step:last-child{width: auto !important;}
.profile-arrow-step .bgtxt{width:23%}
.profile-arrow-step .bgquestion{width:23%}
.profile-arrow-step .bgsubb{width: auto;}
.profile-arrow-step .un-step p{margin-bottom:0px;background-color:#fff;padding: 0px 10px;}
.profile-arrow-step .un-step p:hover{color: #0095f6; font-weight: 600}
.profile-arrow-step span {font-size: 16px;margin-top: 0;font-weight: 600;cursor: pointer;width:30px;height:30px;background-color:#eee;border-radius:25px;display:inline-block;line-height: 30px;margin-right: 5px;text-align: center;}
.profile-arrow-step .un-step.current span{background-color:#0095f6;color:#fff !important;}
.profile-arrow-step .un-step.current p{color:#0095f6; font-weight: 600;}
.profile-arrow-step .un-step:after{content:'';height: 5px;width: 85%;position: absolute;background-color: #ddd;left: 50px;z-index: -9;top: 14px;}
.profile-arrow-step .un-step:last-child:after{display:none;}
.profile-arrow-step span:hover {color: #757575 !important;text-decoration:none;;}
.profile-edit .icon-Sskill {margin-right: 5px;font-size: 16px !important;position: relative;top: 3px;background-color: #0095f6;display: inline-block;width:30px;height:30px;line-height: 19px; text-align: center;}
.profile-edit .right-title p{float:left;margin-bottom:6px;}
.profile-edit .right-title {margin-bottom: 15px;}
.profile-edit .job-checkbox .form-group-2{    margin-right: 33px;}
.profile-edit .expand{border: none;border-radius: 0px;box-shadow: none !important;}
.profileSkills .expand {clear: both;}
.profileSkills .table td{position:relative;}
.profileSkills .table .un-circle-badge-bl{position: absolute;top: -16px;left: 0;border-radius: 17px 0px 8px 0px;}
.profileSkills .table label{margin-top:5px;width:100%;}  
.profileSkills .table td:first-child input[type="checkbox"]{float:left;}
.profileSkills .table td:first-child input[type="text"]{float:left;width: 90%;}
.profileSkills .table td:last-child .bwt-delete{position: absolute;right: 10px;top: -11px;}
.profileSkills .numberCircle{ position: relative; top: -15px; left: 0; margin: 0; border-radius: 15px 0 10px 0; float: left; }
.profileSkills .bwt-times{ float: right; top: -15px; position: relative; border-radius: 0px 15px 0 10px !important; }
.profileQuestion .que-row{clear:both;}
.profileQuestion .que-row h3{padding-left:15px;}
.profileQuestion .Questionans{background-color: #ccebfd;padding: 10px;}
.profileInformation .sub-title{padding: 8px;clear: both;margin-bottom: 10px;background-color: #2196f3 !important;color: #fff;border-radius:20px;}
.profileInformation .expand{clear:both;padding:15px;}
#recfulldet #Candidates .col-md-2{white-space: nowrap;padding: 0px !important;}
#recfulldet #Candidates .col-md-2 span.text-14px{font-size: 12px !important;}
#SignedInApplyModal .p-5[ng-show="jobshowsummary"] .expand .col-md-4, #SignedInApplyModal .p-5[ng-show="jobshowsummary"] .expand .col-md-6 {min-height: 85px;}
#SignedInApplyModal .profileSkills .right-title{margin-bottom:0px;} 
#SignedInApplyModal .profileSkills{border-radius: 15px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;padding: 0px !important;margin: 5px;}
#SignedInApplyModal .profileSkills .expand{border-radius:0px 0px 15px 15px;}
.apply-skills .expand {padding: 10px;}
.apply-skills .expand .table-responsive{max-height: 440px;}
.apply-skills .expand .table-responsive:hover{overflow-y: scroll;}
.apply-skills .expand .shadowBorder{padding: 0px 0px 10px;margin: 0px 5px 15px;border-radius: 25px 25px 10px 10px;}
.apply-skills .expand .shadowBorder .top{font-size: 18px;background-color: #1ea2fe;border-radius: 10px 10px 0px 0px;padding: 5px 10px;color: #ffffff;}
.apply-skills .expand .top .un-circle-badge-bl{background-color: rgb(255, 255, 255);color: rgb(30, 162, 254);position: absolute;left: 2px;top: 2px;height: 31px !important;width: 32px !important;border-radius: 10px 1px 11px 0px;}
.apply-skills .expand .top b{padding-left:35px;}
.apply-skills .expand .btm label{width:30%;float:left;margin-top:10px}
.apply-skills .expand .btm select{width:70%;float:left;}
.apply-skills .expand .btm .col-lg-12{border-top: 1px dotted #1ea2fe;padding: 13px 15px 0px;margin-top: 10px;}
.apply-skills .expand textarea{padding: 5px 5px 5px 9px;border-radius: 7px;resize: vertical;min-height: 35px;} 
.crecan-arwstep{}
.crecan-arwstep .un-step{width: 12% !important;}
.Actttimeline::before {left: 19px !important;}
/*recruitment dashbaord*/
.rec-Cnt {border-radius: 10px; box-shadow:0px 1px 5px 3px rgb(226 226 226) !important; color: #fff; width: 100%; cursor: pointer;}
.rec-Cnt:hover { position: relative; bottom: 7px;}
.rec-Cnt1{background-color: #1094EA;}
.rec-Cnt2{background-color: #2EBE1A;}
.rec-Cnt3{background-color: #FC6621;}
.rec-Cnt .icon { height: 35px; background-color: #fff; width: 35px; border-radius: 50px; text-align: center; line-height: 35px; margin-bottom: 20px;}
.rec-Cnt1 .icon { color: #1094EA;}
.rec-Cnt2 .icon { color: #2EBE1A;}
.rec-Cnt3 .icon { color: #FC6621;}
.rec-Tile{box-shadow:0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 10px}
.rec-Tile .heading{background-color: #00B7C2; padding: 7px 10px; color: #fff; border-radius: 10px 10px 0 0; font-size: 16px; font-weight: 500;}
.rec-Tile .box{padding: 23px 0 !important; border-right: 1px solid #ddd;}
.rec-Tile .box:last-child{padding: 23px 0 !important; border-right: none;}
.tiltble {box-shadow:0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 10px; }
.tiltble .heading{background-color: #eee; padding: 7px 10px; color: #48484a; border-radius: 10px 10px 0 0; font-size: 16px; font-weight: 500;display: flow-root;}
.nwedeets{border-radius: 10px !important;}
.nwedeets .header{ background-color: #1C84C6; height: 80px; border-radius: 10px 10px 0 0;}
.nwedeets .hrv-detailsbox:hover .detailsbox {top: -200px; left: -200px;}
.candidateSrch{box-shadow:0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 50px; display: inline-flex; padding: 2px 0 2px 15px; font-size: 20px;}
.candidateSrch:hover{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; color: #1c84c6;}
.tskAdd .recSearchBoxData{left: 30px; top: 62px;}
.canSel011 {top: 47px; width: 35%;}
.brd-lft-white {border-left: 5px solid #fff; display: block;}
.brd-lft-green {border-left: 5px solid #2ca01c !important; display: block;}
.RecDash-fixTableHead{overflow-y: hidden; height: 400px;position: relative;z-index: 1;}
.RecDash-fixTableHead:hover{overflow-y: auto; }
.RecDash-fixTableHead thead th {position: sticky; top: 0; background-color: #eee; }
.DashRec-M6 .item{width: 100%; height: 350px;overflow-y: auto;}
.recDash-jobs .recr-table .borderIndicator{border-left: 3px solid #fff;}
/*recruitment task*/
.astTsk-table .table > tbody > tr > td, .astTsk-table .table > thead:first-child > tr:first-child > th {padding: 13px 4px;}
.astTsk-table {margin-top: 10px;}
.astTsk-table .btn {margin-bottom: 0px !important;}
.tsk-gly-a{color: #2cA01C !important; background-color: #deffe0; padding: 5px; border-radius: 4px; height: 27px; display: inline-block; width: 27px; text-align: center; line-height: 0;}
.tsk-gly-b{color: #0095f6 !important;background-color: rgb(0 149 246 / 15%) !important; padding: 5px; border-radius: 4px; height: 27px; display: inline-block; width: 27px; text-align: center; line-height: 0;}
.tsk-gly-c{color: #2cA01C !important; background-color: #deffe0; padding: 5px; border-radius: 4px; height: 27px; display: inline-block; width: 27px; text-align: center; line-height: 0;}
.tsk-gly-d{color: #2cA01C !important; background-color: #deffe0; padding: 5px; border-radius: 4px; height: 27px; display: inline-block; width: 27px; text-align: center; line-height: 0;}
.tsk-gly-e{color: #27c7f5 !important; background-color: #27c7f518; padding: 5px; border-radius: 4px; height: 27px; display: inline-block; width: 27px; text-align: center; line-height: 0;}
/*recruitment candidate*/
.recfilt-tp .box{width: 125px; text-align: center;cursor: pointer;}
.recfilt-tp .scc1{border-radius: 20px 20px 0 0;  font-size: 35px; height: 70px; line-height: 70px; font-weight: 500;}
.recfilt-tp .scc2{height: 30px; line-height: 30px; border-radius: 0px 0px 15px 15px;}
.recfilt-tp .boxPen .scc1{background-color: rgb(248 97 97 / 15%); color: #f86161;}
.recfilt-tp .boxPen .scc2{background-color: #f86161; color: #fff; }
.recfilt-tp .boxCom .scc1{background-color: #deffe0; color: #2ca01c;}
.recfilt-tp .boxCom .scc2{background-color: #2ca01c; color: #fff; }
.recfilt-tp .boxCan .scc1{background-color: #e8e8e8; color: #48484a;}
.recfilt-tp .boxCan .scc2{background-color: #bbb; color: #48484a; }
.recfilt-tp .boxAll .scc1{background-color: #def3ff; color: #0095f6;}
.recfilt-tp .boxAll .scc2{background-color: #0095f6; color: #fff;}
.recfilt-tp .select{border: 3px solid #2ca01c !important; border-radius: 4px; padding: 3px}
.recfilt-tp2 ul{padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: left; margin: 0;}
.recfilt-tp2 ul li{width: 185px;padding: 3px 6px;border-radius: 5px;cursor: pointer;margin-right: 7px; margin-top: 5px; margin-bottom: 5px; background-color: #fff !important; border-radius: 50px; border: 2px solid #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important} 
.recfilt-tp2 ul li:hover{border: 1px solid #ddd; background-color: #eee !important;} 
.recfilt-tp2 ul li:hover .text{color: #000 !important;}
.recfilt-tp2 ul li:last-child{margin-right:0px;}
.recfilt-tpS2 ul li{}
.recfilt-tp2 ul li .text{float: left; font-weight: 500; font-size: 15px; padding: 4px 0px;color: #000 !important;}
.recfilt-tp2 ul li .count{float: right; color: #fff; padding: 4px 4px; border-radius: 50px; width: 32px; text-align: center;}
.recfilt-tp2 .select,.recfilt-tp2 li.select:hover{border-radius: 50px; padding: 6px;background-color:#2ca01c !important;color:#fff !important;}
.recfilt-tp2 li.select:hover .text{color:#fff !important;}
.recfilt-tp2 .select .text{color: #fff !important;}
.recfilt-tp2 .select .count{background-color:#fff !important;color: #000;font-weight: 600;}
.recfilt-tp2 .select1{border: 1px solid #1EA2FE !important; background-color:#1EA2FE !important}
.recfilt-tp2 .select1 .count{color: #1EA2FE;}
.recfilt-tp2 .select2{border: 1px solid #00bf0e !important; background-color:#00bf0e !important}
.recfilt-tp2 .select2 .count{color: #00bf0e;}
.recfilt-tp2 .select3{border: 1px solid #f17028 !important; background-color:#f17028 !important}
.recfilt-tp2 .select3 .count{color: #f17028;}
.recfilt-tp2 .select4{border: 1px solid #898121 !important; background-color:#898121 !important}
.recfilt-tp2 .select4 .count{color: #898121;}
.recfilt-tp2 .select5{border: 1px solid #FF7000 !important; background-color:#FF7000 !important}
.recfilt-tp2 .select5 .count{color: #FF7000;}
.recfilt-tp2 .select6{border: 1px solid #DF7857 !important; background-color:#DF7857 !important}
.recfilt-tp2 .select6 .count{color: #DF7857;}
.rtrWaterMark  {position: absolute;bottom: 500px;top: 600px;left: 35%;z-index: 1;font-size:100px;color: #1c1c1e;transform:rotate(-30deg);opacity: 0.1;}
.headerportion{ background-color: #f5f5f5; border-radius: 8px; padding: 2px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.headerportion .col-md-9{display:inline-block;}
.headerportion .single-chart{float:left;width:15%;}
.viewJobs-page .headerportion .single-chart{width:10%;}
.headerportion .single-chart svg{float:left;} 
.headerportion .un-circular-chart{ height: 70px; }
.headerportion .un-circular-chart .circle-bg{ stroke: #fff; }
.headerportion .un-circular-chart .percentage{ font-size: 0.7em !important; }
.headerportion .labelPlane {padding: 5px 5px;float:left;width:85%;}
.headerportion .labelPlane h3{ font-size: 28px; font-weight: 500; margin: 5px 0 3px !important; padding: 0px 0px 0px !important; color: #1c1c1e !important;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.headerportion .labelPlane h4{ font-size: 18px; font-weight: 400; margin: 0; padding: 0px !important; padding-top:3px !important; color: #1c84c6 !important; }
.headerportion .labelPlane h4 span{ font-size: 16px; }
.headerportion .labelPlane .bg-grey-label{ background-color: #fff; padding: 5px 10px; border-radius: 50px; border: 2px solid #fff !important; font-weight: 600; color: #1c84c6; margin-right: 3px; font-size: 13px;}
.headerportion .labelPlane h3 .bg-grey-label{ font-size: 14px; position: relative; top: -4px; background-color: #2cA01C; color: #fff !important; border-color: #2cA01C !important;}
.headerportion .labelPlane .bg-grey-label i{ margin-right: 5px; color: #1c84c6 !important }
.headerportion .labelPlane h3 .bg-grey-label i{ margin-right: 5px; color: #2cA01C !important }
.Candistage .form-group{ margin-block: 0; }
.Candistage .wrapper_progress{width: 100%; margin: auto; margin-top: 15px; margin-bottom: 15px;}
.Candistage .wrapper_progress .arrow-steps .step{ height: 42px; width: 11.8%; cursor: pointer; padding: 10px 0px 10px 15px;}
.viewCandidate-page .Candistage .wrapper_progress .arrow-steps .step{ width: 13.69%; }
.Candistage .wrapper_progress .arrow-steps .step:after,.Candistage .wrapper_progress .arrow-steps .step:before { right: -16px; } 
.req-createjob .Candistage .wrapper_progress .arrow-steps .step {width: 18.5%;}
.req-createjob .Candistage .wrapper_progress .arrow-steps .step span { font-size: 17px; }
.req-createjob .Candistage .wrapper_progress .arrow-steps.isClone .step {width: 16%;}

.yesNoToggleF10{display: inline; background-color: #fff; padding: 6px 5px; margin: 0 12px; font-size: 16px; cursor: pointer; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 4px; border: none;}
.yesNoToggleF10 .yes, .yesNoToggleF10 .no{margin-left: 2px; background-color: #fff; padding: 3px 7px; font-weight: 600; border-radius: 4px; color: #48484a;}
.yesNoToggleF10 .yes {margin-right: 2px;}
.yesNoToggleF10 .no {margin-left: 2px;}
.yesNoToggleF10 .yes.Isactive { background-color: #2ca01c; color: #fff }
.yesNoToggleF10 .no.Isactive { background-color: #ddd; }

.headerportion .labelPlane .bg-grey-label-2{ background-color: #0095f6; padding: 5px 10px; border-radius: 5px; border: 2px solid #0095f6 !important; font-weight: 500; margin-right: 3px; font-size: 13px;}
.headerportion .labelPlane .bg-grey-label-3{ background-color: #ddd; padding: 5px 10px; border-radius: 5px; border: 2px solid #ddd !important; font-weight: 500; margin-right: 3px; font-size: 14px; cursor: not-allowed;}
.headerportion .labelPlane .bg-grey-label-2:nth-child(1){ margin-left: 4px !important; }
.headerportion .labelPlane .bg-grey-label-2 i{ margin-right: 0px; color: #fff;}
.headerportion .labelPlane .bg-grey-label-3 i{ margin-right: 0px; color: #676a6c; cursor: not-allowed;}
.viewCandiA17 .dataPlane { margin-bottom: 30px; }
.viewCandiA17 .dataPlane .mainBox{ box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) ; border-radius: 10px; padding: 5px; display: table; width: 100%; }
.viewCandiA17 .dataPlane .mainBoxM8{ box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) ; border-radius: 10px; padding: 5px; }
.viewCandiA17 .dataPlane .mainBox .header{ background-color: #eee; border-radius: 10px 10px 0 0; padding: 5px 10px; display: table; width: 100%;}
.viewCandiA17 .dataPlane .mainBox .header2 .bttn-new {padding: 5px 9px 3px 9px !important;}
.viewCandiA17 .dataPlane .mainBox .header .bwt-edit{ padding: 5px 30px; float: right; text-align: center; width: 120px; }
.viewCandiA17 .dataPlane .mainBox .header .bttn-edit, .viewCandiA17 .dataPlane .mainBox .header .bttn-new, .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-new, .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-edit, .viewCandiA17 .dataPlane .mainBox .bottomButton .bwt-cancel, .viewCandiA17 .dataPlane .mainBox .header .bwt-cancel { padding: 5px 9px 3px 9px !important;float: right !important;text-align: center;width: 85px;margin-right: 5px;margin-left: 5px !important;}
.viewCandiA17 .dataPlane .mainBox .header .bttn-edit, .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-edit{ width: 125px !important;}
.viewCandiA17 .dataPlane .mainBox .header .bwt-new{ padding: 5px 30px; float: right; text-align: center; width: 120px; }
.viewCandiA17 .dataPlane .mainBox h3{ font-weight: 400; margin: 0; font-size: 25px; color: #1c1c1e; display: flex; align-items: center; float: left}
.viewCandiA17 .dataPlane .mainBox .applicantsPanelChange{ float: right; display: flex; }
.viewCandiA17 .dataPlane .mainBox .applicantsPanelChange .grid-list-sec #tabMenu a{ width: 30px !important; height: 30px !important; font-size: 17px !important}
.viewCandiA17 .dataPlane .mainBox .hike{ padding: 3px 6px; background-color: #c8fdcb; color: #2cA01C !important; border-radius: 5px; font-weight: 500; position: relative;     top: 1px;left: 6px;font-size: 14px; }
.viewCandiA17 .dataPlane .mainBox h4{ font-weight: 400; margin: 0; font-size: 20px; color: #48484a; display: flex; align-items: center; float: left}
.viewCandiA17 .dataPlane .mainBox h3 .number { background-color: #1c84c6 !important; height: 30px; width: 30px; line-height: 31px; border-radius: 50px; color: #fff; text-align: center; font-size: 20px; font-weight: 500; margin-right: 8px; }
.viewCandiA17 .dataPlane .mainBox.done h3 .number {background-color: #2ca01c !important;}
.viewCandiA17 .dataPlane .mainBox h3 .number2 { background-color: #1c84c6 !important; height: 25px; width: 25px; line-height: 25px; font-size: 15px; font-weight: 600; border-radius: 50px; color: #fff; text-align: center; margin-right: 8px; }
.viewCandiA17 .dataPlane .mainBox .sec1{ padding: 0; border-bottom: 2px solid #eee }
.viewCandiA17 .dataPlane .mainBox .bottomButton{ border: none; text-align: right; margin-bottom: 30px; padding-right: 10px; margin-top: 15px; }
.viewCandiA17 .dataPlane .mainBox .bottomButton .btn{ }
.viewCandiA17 .dataPlane .mainBox .sec2{ margin-top: 20px; margin-bottom: 20px; padding: 0px; }
.viewCandiA17 .dataPlane .mainBox .sec2 .labelName{ font-size: 20px; font-weight: 500; color: #48484a; padding-right: 0; padding-left: 9px;}
.viewCandiA17 .dataPlane .mainBox .sec2 .input-group{ font-size: 20px; width: 100%; }
.viewCandiA17 .dataPlane .mainBox .sec2 .shadowBorder-left{ background-color: #f6f6f6; font-size: 19px; width: 10%; padding: 0; }
.viewCandiA17 .dataPlane .mainBox .rateSec .shadowBorder-left{ width: 15%; }
.viewCandiA17 .dataPlane .mainBox .sec2 .shadowBorder-left i{ }
.viewCandiA17 .dataPlane .mainBox .sec2 .shadowBorder-right{ background-color: #f6f6f6; font-size: 20px; width: 100% }
.viewCandiA17 .dataPlane .mainBox .sec2:hover .shadowBorder-left, .viewCandiA17 .dataPlane .mainBox .sec2:focus .shadowBorder-left, .viewCandiA17 .dataPlane .mainBox .sec2:active .shadowBorder-left{ background-color: #f2f2f2; color:#1c84c6; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important }
.viewCandiA17 .dataPlane .mainBox .sec2:hover .shadowBorder-right, .viewCandiA17 .dataPlane .mainBox .sec2:focus .shadowBorder-right, .viewCandiA17 .dataPlane .mainBox .sec2:active .shadowBorder-right{ background-color: #fff !important; color: #1c84c6; }
.viewCandiA17 .dataPlane .mainBox .sec2 .panel19{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; margin-right: 15px; margin-left: 15px; padding: 5px;}
.viewCandiA17 .dataPlane .mainBox .sec2 .panel19 .header{ background-color: #eee; font-size: 20px; font-weight: 500; color: #1c1c1e; padding: 5px 10px; border-radius: 10px 10px 0 0; }
.viewCandiA17 .dataPlane .mainBox .sec2 .panel19 .body{ padding: 15px; }
.viewCandiA17 .dataPlane .mainBox .sec2 .panel19 .body .input-group{ display: flex; margin-bottom: 15px; }
.viewCandiA17 .dataPlane .mainBox .sec2 .panel19 .body .inputshadowBorder{ border-radius: 50px; }
.viewCandiA17 .dataPlane .mainBox .sec2 .panel19 .tags{ background: #cdebff !important; color: #1c84c6 !important; font-size: 16px; padding: 5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 9px; display: inline-block; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; }
.viewCandiA17 .dataPlane .mainBox .skillsetBox{ height: 150px; overflow-y: auto; }
.viewCandiA17 .dataPlane .mainBox .skillsTab{ border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;  }
.viewCandiA17 .dataPlane .mainBox .skillsTab thead th{ background-color: #eee; color: #48484a; }
.viewCandiA17 .dataPlane .mainBox .skillsTab tbody td{ vertical-align: middle; height: 55px; font-size: 17px; }
.viewCandiA17 .uploadPrfle .drop-box .docup { margin-left: auto; width: 40%; margin-right: auto; border: 1px dashed #1c84c6; padding: 35px 20px 35px 20px !important; margin-bottom: 15px; background-color: #f6f6f6; }
.viewCandiA17 .uploadPrfle .drop-box .bwt-browse{ background-color: #0095f6; color: #fff; border-radius: 25px; padding: 5px 15px; margin-bottom: 10px; font-size: 19px; display: inline-block; height: auto; text-transform: capitalize; white-space: nowrap; -webkit-animation: bubble-green 1s linear infinite; animation: bubble-green 1s linear infinite !important; animation-iteration-count: 1;}
.viewCandiA17 .uploadPrfle .prlfTable thead{ background-color: #f5f5f5; color: #1c84c6; font-weight: 500; font-size: 16px; }
.viewCandiA17 .uploadPrfle .prlfTable thead th:nth-child(1){ width: 5%; }
.viewCandiA17 .uploadPrfle .prlfTable thead th:nth-child(2){ width: 55%; }
.viewCandiA17 .uploadPrfle .prlfTable thead th:nth-child(3){ width: 20%; }
.viewCandiA17 .uploadPrfle .prlfTable thead th:nth-child(4){ width: 20%; }
.viewCandiA17 .uploadPrfle .prlfTable td{ vertical-align: middle }
.viewCandiA17 .jobs-rescode .prlfTable thead th{ width: auto !important; }
.viewCandiA17 .seclocalData{ padding: 10px 0px 0px; display: flex; }
.viewCandiA17 .seclocalData .part{ border-radius: 10px; border: none; margin-right: 15px; padding: 12px 8px; width: 20%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important }
.viewCandiA17 .seclocalData .part h1{ font-size: 20px; font-weight: 500; margin: 0; color: #0095f6; }
.viewCandiA17 .seclocalData .part h2{ font-size: 16px; margin: 8px 0px 0px; font-weight: 400 }
.viewCandiA17 .candiDetailsTab3{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 4px; border: none; overflow: hidden; }
.viewCandiA17 .candiDetailsTab3 table{ margin-bottom: 0px; }
.viewCandiA17 .candiDetailsTab3 table tr{ border-bottom: 1px solid #ccc; }
.viewCandiA17 .candiDetailsTab3 table tr td:nth-child(1){ width: 4%; text-align: center; }
.viewCandiA17 .candiDetailsTab3 table tr td:nth-child(1) i{ font-size: 25px; color: #1c1c1e; }
.viewCandiA17 .candiDetailsTab3 table tr td .h1{ margin: 0; font-size: 20px; font-weight: 500; color: #1c1c1e; text-transform: capitalize; }
.viewCandiA17 .candiDetailsTab3 table tr td .h2{ margin: 0; margin-top: 5px; font-size: 20px; color: #48484a; font-weight: 500; }
.viewCandiA17 .candiDetailsTab3 table tr td .h3{ font-size: 16px; margin-top: 5px; margin-bottom: 0px; color: #1c84c6; font-weight: 600; }
.viewCandiA17 .candiDetailsTab3 table tr td .h4{ font-size: 16px; font-weight: 400; margin-top: 5px; margin-bottom: 0; color: #898989; font-weight: 400; }
.viewCandiA17 .candiDetailsTab3 table tr td:nth-child(3){ width: 13%; text-align: center; }
.viewCandiA17 .bootstrap-tagsinput{  }
.viewCandiA17 .bootstrap-tagsinput .tag { background: #cdebff !important; color: #1c84c6 !important; font-size: 16px; padding: 5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 2px; margin-bottom: 2px; display: inline-block; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.viewCandiA17 .bootstrap-tagsinput .tag span{ padding: 0px 4px 1px 4px; background-color: #fff; border-radius: 50px; color: #676a6c; font-weight: bold; font-size: 14px; }
.apldCandiEditPanel .dataPlane{margin-bottom: 0 !important;}
.apldCandiEditPanel .dataPlane .sec2{margin-bottom: 14px !important; margin-top: 14px !important;}
.apldCandiEditPanel .dataPlane .sec2 .labelName { font-size: 18px !important; padding-top: 5px; }
.apldCandiEditPanel .dataPlane .sec2 .selectContainer { padding: 0 !important; }
.apldCandiEditPanel .dataPlane .sec2 .selectContainer .form-control { border-radius: 50px; font-size: 16px; border: 1.5px solid #dddddd;}
.formIsEmpty { border: 1.5px solid #f65959 !important; /*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #f65959 !important;*/}
.formIsEmptyMessage { position: absolute; z-index: 9; top: 40px; border: 1px solid #bbb; padding: 8px; font-size: 14px; color: #1c1c1e; font-weight: 400; border-radius: 5px; right: 0; }
.formIsEmptyMessage i{ color: #fc6621 !important; font-size: 20px;}
.formIsEmptyMessage::before{ content: ""; position: absolute; display: block; width: 0px; left: 10%; top: 4px; border: 10px solid transparent; border-top: 0; border-bottom: 10px solid #bbb; transform: translate(-50%, calc(-100% - 5px)); }
.apldCandiEditPanel .dataPlane .sec2 .mulSelctdrpdwnInput { height: 33px !important; }
.apldCandiEditPanel .dataPlane .sec2 .mulSelctdrpdwnInput .text{ font-size: 16px !important; font-weight: 400 !important }
.apldCandiEditPanel .dataPlane .sec2 .resultBox { left: 0 !important; }
.apldCandiEditPanel .dataPlane .sec2 .resultBox .searchbox i{ position: absolute; font-size: 22px; top: 13.5px; right: 18px; color: #1c84c6 !important; cursor: pointer;}
.apldCandiEditPanel .dataPlane .sec2 .resultBox .list .checkboxContainer label { font-size: 15px; padding: 2px 0px; border-bottom: 1px solid #fff; width: 100%; margin: 0; transition: 0.5s; color: #48484a; font-weight: 500;}
.apldCandiEditPanel .dataPlane .sec2 .resultBox .list .checkboxContainer label:hover { font-weight: 500; color: #1c84c6 !important; padding-left: 5px;}
.apldCandiEditPanel .dataPlane .sec2 .resultBox .list h5 { font-size: 17px; color: #1c84c6 !important; border-bottom: 2px solid #fff; margin-bottom: 2px; padding: 7px 8px; background-color: #eee; border-radius: 5px; font-weight: 500;}
.apldCandiEditPanel .dataPlane .interViewTime .selectContainer { width: 33%; }
.apldCandiEditPanel .dataPlane .interViewTimeFullView .selectContainer { width: 22%; }
.apldCandiEditPanel .dataPlane .interViewTime .selectContainer select, .apldCandiEditPanel .dataPlane .interViewTimeFullView .selectContainer select{ padding: 2px !important; }
.apldCandiEditPanel .dataPlane .interViewTime .selectContainer:nth-child(1) select{ border-radius: 50px 0px 0px 50px; }
.apldCandiEditPanel .dataPlane .interViewTime .selectContainer:nth-child(2) select{ border-radius: 0px 0px 0px 0px; }
.apldCandiEditPanel .dataPlane .interViewTime .selectContainer:nth-child(3) select{ border-radius: 0px 50px 50px 0px; }
/*.apldCandiEditPanel .dataPlane .interViewTime .selectContainer:nth-child(4) select{ border-radius: 0px 50px 50px 0px; }*/
.apldCandiEditPanel .dataPlane .interViewTimeFullView .selectContainer:nth-child(1) select{ border-radius: 50px 0px 0px 50px; }
.apldCandiEditPanel .dataPlane .interViewTimeFullView .selectContainer:nth-child(2) select{ border-radius: 50px 0px 0px 50px; }
.apldCandiEditPanel .dataPlane .interViewTimeFullView .selectContainer:nth-child(3) select{ border-radius: 0px 0px 0px 0px; }
.apldCandiEditPanel .dataPlane .interViewTimeFullView .selectContainer:nth-child(4) select{ border-radius: 0px 50px 50px 0px; }
.candidateViewA21 .rct-pr-left .headerblue { background-color: #1C84C6; height: 45px; border-radius: 10px 10px 0 0; }
.candidateViewA21 .rct-pr-left .headerblue .bwt-Expand{ float: right; margin-right: 5px; margin-top: 5px; position: relative; z-index: 99; }
.candidateViewA21 .bwt-Expand-m17{ position : absolute; z-index: 9; left: -15px; border-radius: 0 50px 50px 0 !important; top: -15px; }
.candidateViewA21 .rct-pr-left .imageBlock { position: relative; top: -45px; text-align: center; }
.candidateViewA21 .rct-pr-left .imageBlock img{ width: 20%; border: 3px solid #fff; border-radius: 50px; }
.candidateViewA21 .rct-pr-left .nameBlock{ margin-top: -35px; color: #00578f; font-size: 24px; text-align: center; font-weight: 500; text-transform: capitalize; }
.candidateViewA21 .rct-pr-left .titleBlock{ color: #676a6c; font-size: 17px; text-align: center; font-weight: 400 }
.candidateViewA21 .rct-pr-left .bwt-new{ padding: 5px 30px; font-size: 12px !important; margin-top: 10px; }
.candidateViewA21 .rct-pr-left .badgeBlock{ text-align: center; padding: 0px 0}
.candidateViewA21 .rct-pr-left .badgeBlock .bg-grey-label{ padding: 5px 10px; border-radius: 50px; color: #676a6c; font-weight: 500; margin: 7px 5px 7px; background-color: #f6f6f6; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none; display: inline-block; font-size: 14px;}
.candidateViewA21 .rct-pr-left .btnBlock{ text-align: center; padding: 0px 0}
.candidateViewA21 .rct-pr-left .prlfStatus{ background-color: #ECF2FF; padding: 7px 7px !important; border-radius: 8px; margin-top: 15px;}
.candidateViewA21 .rct-pr-left .prlfStatus .text1{ color: #0095f6 !important; font-size: 18px; font-weight: 600;}
.candidateViewA21 .rct-pr-left .prlfStatus .text2{ color: #676a6c !important; font-size: 14px; font-weight: 400; }
.candidateViewA21 .rct-pr-left .prlfStatus .text3{ color: #48484a !important; font-size: 16px; font-weight: 600; float: left; padding-bottom: 10px; padding-top:8px; }
.candidateViewA21 .rct-pr-left .prlfStatus .percentage{ float: right; font-weight: 600; font-size: 16px !important; cursor:pointer; background-color: rgba(0, 149, 246, 1) !important; padding: 5px 10px; border-radius: 50px; color: #fff; }
.candidateViewA21 .rct-pr-left .prlfStatus .step{ background-color: #b4b1b1; width: 23.7%; height: 7px; display: inline-block; margin: 0; }
.candidateViewA21 .rct-pr-left .prlfStatus .step1{ border-radius: 5px 0 0 5px; }
.candidateViewA21 .rct-pr-left .prlfStatus .step2{ border-radius: 0px; }
.candidateViewA21 .rct-pr-left .prlfStatus .step3{ border-radius: 0px; }
.candidateViewA21 .rct-pr-left .prlfStatus .step4{ border-radius: 0px 5px 5px 0px; }
.candidateViewA21 .rct-pr-left .viewstages{ background-color: #fff; border-radius: 8px; }
.candidateViewA21 .rct-pr-left .viewstages ul{ padding: 10px; margin: 0; }
.candidateViewA21 .rct-pr-left .viewstages ul li{ list-style-type: none; display: flex; padding: 7px 0; margin: 0; border-bottom: 1px solid #ddd; font-size: 18px; }
.candidateViewA21 .rct-pr-left .viewstages ul li:nth-last-child(1){ border: none; }
.candidateViewA21 .rct-pr-left .detailPanel{ padding: 0; font-size: 15px; margin-top: 10px; margin-bottom: 17px; border-radius: 8px; box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important }
.candidateViewA21 .rct-pr-left .detailPanel .header{ padding: 7px 7px; font-weight: 500; background: #eee; font-size: 20px; border-radius: 8px 8px 0 0; color: #48484a; }
.candidateViewA21 .rct-pr-left .detailPanel .detPart{ font-size: 17px; padding: 8px 5px; font-weight: 400; border-bottom: 1px solid #eee; }
.candidateViewA21 .rct-pr-left .detailPanel .detPart:nth-child(1){ padding-top: 10px; }
.candidateViewA21 .rct-pr-left .detailPanel .detPart:nth-last-child(1){ padding-bottom: 10px; }
.candidateViewA21 .rct-pr-left .detailPanel .detPart{ font-size: 17px; padding: 8px 5px; font-weight: 400; display: flex; }
.candidateViewA21 .rct-pr-left .detailPanel .detPart i{ padding: 0; font-size: 15px; color: #0095f6; width: 35px; text-align: center; float: left; top: 6px;  }
.candidateViewA21 .rct-pr-left .detailPanel .detPart span{ float: left; font-size: 16px; }
.candidateViewA21 .rct-pr-left .detailPanel .detPart .fa-copy{ float: right; }
.candidateViewA21 .right .rct-pr-right{ padding: 0; }
.candidateViewA21 .right .rct-pr-right #tabMenu > a {font-size: 14px;padding: 6px 7px 6px 6px !important; }
.candidateViewA21 .right .rct-pr-right #tabMenu > a i{ margin-right: 2px }
.candidateViewA21 .right .rct-pr-right .nav > li.active {margin-top: 0px; }
.candidateViewA21 .right .insideDiv #tabMenu > a {padding: 6px 4px 6px 4px !important;}
/*reportcenter*/
.Rec-reportCenter .repp-wrapper{margin-top: 0 !important;}
.report-table-J11 .ui-grid{ border: none; border-radius: 5px; box-shadow: 0 3px 6px #00000029; }
.report-table-J11 .report-ungrid-J11 .ui-grid-header{ border: none; }
.report-table-J11 .report-ungrid-J11 .ui-grid-filter-container{ padding: 0px 6px 4px; border: none !important; }
.report-table-J11 .report-ungrid-J11 .ui-grid-filter-input{ border-radius: 50px; outline: none !important; padding: 3px 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; font-size: 12px; font-weight: 500; }
.report-table-J11 .report-ungrid-J11 .ui-grid-menu-button{ border-radius: 0 5px 0 5px; border: none; background-color: #ddd; height: 30px; }
.report-table-J11 .report-ungrid-J11 .ui-grid-top-panel{ border-radius: 5px 5px 0 0; }
.report-table-J11 .report-ungrid-J11 .ui-grid-header-cell{ border: none; background-color: #eee; }
.report-table-J11 .report-ungrid-J11 .ui-grid-header-cell-label{color: #1c1c1e;}
.report-table-J11 .ui-grid-header-cell .ui-grid-cell-contents{height: 30px;}
.report-table-J11 .grid1720689299992 .ui-grid-row, .report-table-J11 .grid1720689299992 .ui-grid-cell, .report-table-J11 .grid1720689299992 .ui-grid-cell .ui-grid-vertical-bar { height: auto !important; }
.report-table-J11 .ui-grid-cell { border: none; height: 45px !important; } 
.report-table-J11 .ui-grid-cell-contents { padding: 10px 8px; }
.report-table-J11 .grid1720690610366 .ui-grid-coluiGrid-0257 { height: auto; }
.report-table-J11 .ui-grid-pager-panel { display: contents; }
.report-table-J11 .ui-grid-contents-wrapper { margin-bottom: 15px; }
.report-Filter-j11{  padding: 7px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; margin-bottom: 10px;}
.report-Filter-j11 .timecardFilter{ position: relative; float: left; height: 33px;}
.report-Filter-j11 .responsive-filter{ display: block !important; top: -8px !important; right: -8px !important; float: right; z-index: 999 !important; }
.report-Filter-j11 .bwt-filter{ margin: 0; float: right !important; }
.report-Filter-j11 .form-control{ margin: 8px 0;  }
/*bulk Interview Update*/
.recr-bulkinterview {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border-radius: 10px;border: none;padding: 5px;}
.recr-bulkinterview .header{ background-color: #eee; border-radius: 10px 10px 0 0; padding: 8px;}
.recr-bulkinterview .header .left{ display: flex; align-items: center; float: left; margin-left: 20px; margin-bottom: 3px; }
.recr-bulkinterview .header .left .indexCount2{ background-color: #1c84c6; border-radius: 10px 0; color: #fff; font-weight: 500; font-size: 17px; position: absolute; padding: 1px 9px; top: 10px; left: 10px;}
.recr-bulkinterview .header .left h2 { margin: 0; margin-bottom: 3px; font-size: 24px; font-weight: 500; color: #1c1c1e; }
.recr-bulkinterview .header .left .w2-badge { background-color: #0095f6; padding: 3px 10px; border-radius: 50px; color: rgb(255, 255, 255); display: inline-block; margin-bottom: 0px !important; font-size: 12px; font-weight: 500;}
.recr-bulkinterview .header .left .stage-badge { background-color: #2cA01C; padding: 3px 10px; border-radius: 50px; color: rgb(255, 255, 255); display: inline-block; margin-bottom: 0px !important; font-size: 12px; font-weight: 500; }
.recr-bulkinterview .header .right{ float: right; text-align: right; }
.recr-bulkinterview .panel{margin-bottom: 0 !important;}
.recr-bulkinterview .panel .inputshadowBorder{border-radius: 50px !important; font-size: 16px; border: 1.5px solid #dddddd !important;}
.recr-bulkinterview .panel .interViewTime .selectContainer{width: 33%; padding: 0;}
.recr-bulkinterview .panel .interViewTime .selectContainer:nth-child(1) select { border-radius: 50px 0px 0px 50px !important; }
.recr-bulkinterview .panel .interViewTime .selectContainer:nth-child(2) select { border-radius: 0px 0px 0px 0px !important; }
.recr-bulkinterview .panel .interViewTime .selectContainer:nth-child(3) select { border-radius: 0px 50px 50px 0px !important; }
.req-createTsk .heading-top{ background-color: #eee; border-radius: 8px; padding: 2px;}
.recruPrlfNewDropDown{ position: absolute; float: none; top: 35px; left: auto; right: 198px; padding: 5px; z-index: 9;}
.recruPrlfNewDropDown li{ margin-bottom: 0px; }
.recruDashbtnPanel .btn.dropdown-toggle{padding: 3px 10px !important;font-size: 18px;margin-top: -1px;}
.recruDashbtnPanel .btn.dropdown-toggle i{top: 2.5px;position:relative}
.recruDashbtnPanel .btn.dropdown-toggle .footnote{left:1px;}
.recruPrlfNewDropDown .btn:hover, .recruPrlfNewDropDown .btn:active, .recruPrlfNewDropDown .btn:focus { color: #676a6c !important; background-color: #eee;  }
.recruPrlfNewDropDown li:nth-last-child(1) .btn{ margin-bottom: 0px; border-bottom: 0 !important; }
.recruDashbtnPanel .recruPrlfNewDropDown{left: auto !important;top: 0px !important;right: 8px;margin-top: 38px; }
.recruPrlfNewDropDown.dropdown-menu:before {right: 100px;}
.recruPrlfNewDropDown .btn{ width: 100%; font-weight: 600; font-size: 16px; background-color: #fff; border-bottom: 1px solid #ddd; text-align: left; color: #0095f6 !important; }
.recruPrlfNewDropDown .btn:hover{ background-color: #eee; color: #0095f6 !important; }
.reqTp-btn.top{z-index:9;}
.reqTp-btn li .btn{width:100%;background-color:transparent !important;padding: 0px !important;text-align: left !important;}
.reqTp-btn li .btn a {width: 100% !important;font-size: 17px;font-weight: 500;border-bottom: 1px solid #ddd;color: #676a6c;padding: 5px !important;border-radius: 5px;display: inline-block;}
.reqTp-btn li .btn a:hover{background-color:#eee}
.reqTp-btn button a i { height: 25px;display: inline-block;color:#0095f6;font-size: 13px;margin-right: 8px;width: 25px !important;padding: 6px;border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0) 9px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, rgb(0 149 246) 0px 1px 5px 0px;}
.reqTp-btn button a:hover i{background-color: #0095f6;color: #fff;}
.reqTp-btn li:last-child a{border-bottom:0px;}
.req-hme .tabs-desktop-plus li button a{font-weight: 500; color: #48484a; transition: 0.3s}
.req-hme .tabs-desktop-plus li button:hover a{font-weight: 500; color: #1ea2fe;}
.req-hme .tabs-desktop-plus li button a i{background-color: #fff !important;color: #1ea2fe; transition: 0.3s}
.req-hme .tabs-desktop-plus li button:hover a i{background-color: #1ea2fe;color: #fff;}
.req-hme .clients-list .nav-tabs li.tabs-desktop-plus.dropup .dropdown-menu a{padding-bottom:9px !important;margin-bottom:0px; padding-top: 9px !important; font-weight: 500;}
.req-hme .clients-list .nav-tabs li.tabs-desktop-plus.dropup .dropdown-menu li:last-child a {border-bottom:0px !important}
.nodata tr td:hover{background: none;}
.nodata .text-30px{font-size: 30px !important;}
/*.recruDashbtnPanel .bwt-new{ border-bottom: 1px solid #ccc !important; border-radius: 0 !important; color: #48484a !important; border: none !important; margin: 0 !important; }
.recruDashbtnPanel .bwt-new a{ color: #48484a !important; }*/
.viewCandidate-page .clients-list li.myhr-dotmenus >a {padding: 0px 5px 1px 5px !important;font-size: 19px !important;margin-top: 6px;background-color: transparent !important;border: 0px !important;}
.viewCandidate-page .clients-list .myhr-dotmenus .dropdown-menu {left: auto;right: 0px !important;margin-top: 0px;width: 240px;padding: 5px;top: 42px;}
.viewCandidate-page .clients-list .nav-tabs li.myhr-dotmenus li a {font-size: 17px;border-bottom: 1px solid #dfdfdf !important;border-radius: 0px;padding: 3px 10px !important;}
.viewCandidate-page .clients-list .nav-tabs li.myhr-dotmenus li a i{margin-right:8px;}
.viewCandidate-page .clients-list #tabMenu.appliedTabs{display:block !important;}
.viewCandidate-page .clients-list #tabMenu.appliedTabs{display:block !important;}
.viewCandidate-page .clients-list #tabMenu:nth-of-type(1n+8),.viewCandidate-page .clients-list .nav-tabs li.myhr-dotmenus li{display:none;}
.viewCandidate-page .clients-list .nav-tabs li.myhr-dotmenus li:nth-of-type(1n+8){display:block;}
.viewCandidate-page .clients-list .nav-tabs li.myhr-dotmenus li:last-child a{border-bottom: 0px !important;}
.viewCandidate-page .headerportion .single-chart {width: 10%;}
.viewCandidate-page #Task .viewCandiA17 .dataPlane {margin-top: -30px !important;}
.appliedJobs-pge .table th{background-color: #f2f2f2;text-transform: capitalize;}
.appliedJobs-pge .table th:nth-child(1){border-radius:15px 0px 0px 0px;}
.appliedJobs-pge .table th:last-child{border-radius:0px 15px 0px 0px;}
.appliedJobs-pge .document-blk strong{position: relative;top: -11px;}
.appliedJobs-pge .circle-badge {height: 26px;width: 26px;line-height: 27px;text-align: center;border-radius: 215px;margin-left: auto;margin-right: auto;font-size: 14px;background: #1ea2fe !important;color: #fff !important;}
.modFooterj18{position: sticky !important; bottom: 0; background-color: #f3f3f3; padding: 5px 16px; font-weight: 400; color: #676a6c; text-align: right;z-index: 999}
.cusMoreInfo{height: 150px; width: 300px; background-color: #fff; position: absolute; border-radius: 10px; padding: 5px !important;z-index: 1;}
.cusMoreInfo .heading{ padding: 5px; background-color: #eee; border-radius: 5px 5px 0 0; color: #1c1c1e; }
.cusMoreInfo:before{right: 250px;}
.bingMapModal .modal-dialog{width:60%;}
.bingMapModal .MapDiv{width:100% !important;}
.bingMapModal .modal-dialog .modal-header {border-bottom:1px solid #ccc}
.bingMapModal .MicrosoftMap{margin-top:0px !important;}
.bingMapModal .modal-header .modal-title{width: calc(100% - 80px);float:left;color:#000;font-size:16px;}
.bingMapModal .modal-header .close{opacity: 1 !important;background-color: rgba(221, 221, 221, 1);color: #676A6C !important;padding: 5px 10px;border-radius: 25px;}
.bingMapModal .modal-header .bwt-view{float:right;padding: 4px 8px;margin-right: 7px;margin-top: -2px;}
/*Timecard Modals*/
#myModal3 .modal-dialog, #myModal2 .modal-dialog{ width: 100%; right: -320px; }
#myModal3 .modal-body, #myModal2 .modal-body{ height: auto !important;}
#myModal3 .modal-content, #myModal2 .modal-content{ border-radius: 15px; border: none; height: auto; width: 50%; }
#myModal3 .modal-header, #myModal2 .modal-header{ background-color: #eee; padding: 10px; border-radius: 15px 15px 0 0;}
#myModal3 .modal-header h4, #myModal2 .modal-header h4{ font-size: 18px; color: #1c1c1e; margin: 0; float: left; }
#myModal3 .modal-header .close, #myModal2 .modal-header .close{ background-color: #ddd; padding: 9px 9px; border-radius: 50px; color: #1c1c1e !important; font-size: 23px !important; float: right; margin: -3px; }
#myModal3 .modal-body, #myModal2 .modal-body{ padding: 15px; }
#myModal3 .modal-footer, #myModal2 .modal-footer{ padding: 10px; }
#atchmodal .modal-dialog{width: 100% !important; right: -320px; padding-top: 30px !important;}
#atchmodal .modal-content{ border-radius: 15px; border: none; height: auto; width: 50%; }
#atchmodal .modal-body{height: auto !important;}
/*Careers Portal (1/3/2023)*/
.carrier-alljobs.viewjob .clients-list #tabMenu > a {color: #000;}
.crr-top-M3{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; height: 200px; width: 100%; margin-bottom:15px; border-radius: 10px; background-color: #fff;}
.crr-top-M3 .left{ float: left; text-align: left; margin-left: 20px; }
.crr-top-M3 .left .h1{ font-size: 28px; font-weight: 700; color: #1c1c1e; }
.crr-top-M3 .left .h2{ font-size: 16px; font-weight: 500; color: #676a6c; margin-top: 0; }
.crr-top-M3 .bannerImg{ float: right; text-align: right; margin-right: 30px; }
.crr-top-M3 .bannerImg img{ width: 44% }
.allJobM1{padding: 0px;}
.allJobM1 .expBtn{ position: absolute; z-index: 1; border-radius: 0 15px 15px 0; left: -20px; padding: 5px 12px 5px 10px;background-color: #1f9ce8 !important;color: #fff !important;}
.allJobM1 .left{padding: 0px; background-color: #fff; border-radius: 10px;}
.allJobM1 .left .leftp1{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; padding: 0;}
.allJobM1 .left .leftp1 .heading{padding: 10px 10px 0 0; background-color: #fff; border-radius: 10px 10px 0 0;}  
.allJobM1 .left .leftp1 .listMain{padding: 5px 0px;}
.allJobM1 .left .leftp1 .bwt-arrow {position: absolute;right: 0px;z-index:1;top: 3px;visibility: hidden;}
.allJobM1 .left .leftp1:hover .bwt-arrow {visibility:visible}  
.allJobM1 .left .leftp1 .listMain .info{padding: 7px 10px 6px;display: flex;justify-content: space-between;border-bottom: 1px solid #ddd;margin-bottom: 12px;}  
.allJobM1 .left .leftp1 .listMain .info #sortdrop{float:right;}
.allJobM1 .left .leftp1 .listMain .info #sortdrop  .dropdown-toggle {float:right;width: 155px;}
.allJobM1 .left .leftp1 .listMain .info #sortdrop .dropdown-menu{right:0px;left:auto;margin-top: 40px;width: 200px;} 
.allJobM1 .left .leftp1 .listMain .selectJob,.allJobM1 .left .leftp1 .listMain .selectJob:hover{border: 2px solid #a2cde7 !important;background-color:#a2cde7;}  
.allJobM1 .left .leftp1 .list{padding: 10px 10px 10px 20px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 5px;}  
.allJobM1 .left .leftp1 .list{margin-bottom: 15px; cursor: pointer; transition: 0.5s;position:relative;}
.allJobM1 .LeftList .circle-badge{position: absolute;left: 0px;top: 0px;background-color: #1c84c6;color: #fff;padding: 4px 5px;border-radius: 8px 2px 14px 0px;width: 25px;text-align: center;}
.allJobM1 .left .leftp1 .listMain .selectJob .circle-badge {background-color:#1c84c6;border-radius: 1px 2px 14px 0px;}
.allJobM1 .left .leftp1 .list:hover {background-color: #f5f5f5;}  
.allJobM1 .left .leftp1 .listMain .selectJob .text-black-67{color:#000 !important;}
.allJobM1 .LeftList .payroll-checkbox{position: absolute;right: -9px;top: -6px;}
.allJobM1 .left .listP1 .shortName { width: 50px; height: 50px; display: inline-block; text-align: center; font-size: 22px; line-height: 50px;background-color: #f1f1f1; border-radius: 5px; text-transform: uppercase;color:#000; }  
.allJobM1 .left .listP1 .bg-green-label, .allJobM1 .right .rightp1 .bg-green-label {padding : 3px 7px; margin: 0; font-size: 11px;} 
.allJobM1 .right .rightp1 .bg-green-label {background-color: #fff;color: #000;} 
.allJobM1 .left .listP1 .list .icon { font-size: 25px; float: right; }  
.allJobM1 .left .listP1 .list:hover .icon { color: #1c84c6; }  
.allJobM1 .left .LeftList{height: 90vh;/*overflow-y: hidden;*/padding-right: 5px;padding-left: 5px;overflow-x: hidden;}
/*.allJobM1 .left .listMain:hover .LeftList{overflow-y:scroll;}*/
.allJobM1 .right{}
.allJobM1 .right .sticky23 {position: fixed; width: 64.5%; top: 125px;} 
.allJobM1 .right.col-md-12 .sticky23 {position: relative; width:100%; top: 70px;}  
.allJobM1 .right.col-md-12 .sticky23 .content {max-height: inherit;}
.allJobM1 .right .rightp1{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 10px; padding: 0px;background-color: #fff; border-radius: 10px;} 
.allJobM1 .right .rightp1 .heading{background-color:#a2cde7;border-radius: 10px 10px 0 0;} 
.allJobM1 .right .rightp1 .content{height:53vh;overflow-y: auto;}  
.allJobM1 .right .rightp1.sticky23 .content{height:50vh;}
.allJobM1 .right .rightp1 .list{padding: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 5px; background-color: #a2cde7 !important}  
.allJobM1 .right .rightp1 .shortName { width: 60px; height: 60px; display: inline-block; text-align: center; font-size: 30px; line-height: 60px; background-color: #eee; border-radius: 5px; text-transform: uppercase;color:#000; }  
.allJobM1 .right .rightp1 .list .icon { font-size: 25px; float: right; color: #f5f5f5; margin-top: 5px; margin-right: 10px; margin-left: 20px;}  
.allJobM1 .right .rightp1 .list .bwt-apply { background-color: #fff !important; color: #1c84c6 !important; }  
.allJobM1 .right .rightp1 .list .bwt-share { background-color: #fff !important; color: #1c84c6 !important; }
.allJobM1 .right .rightp1 .list .showShrrBtns {background-color: #f3f8fb85;padding: 8px 10px;border-radius: 25px;}
.allJobM1 .right .rightp1 .listP1{position:relative;}
.carrier-alljobs .filter-top.sticky1{position: fixed;z-index: 9;width: calc(100% - 0px);top: 53px;margin-left: -14px;border-radius: 0px;}
.carrier-alljobs .filter-top.sticky1 .crr-search-M3{border-radius: 0 !important;}
.carrier-alljobs .filter-top h2 {margin: 0px 0px 10px;font-weight: 500;text-transform: uppercase;font-size: 26px;font-weight: 900;}
.carrier-alljobs .mulSelctdrpdwnInput, .carrier-alljobs .inputshadowBorder, .carrier-alljobs .recSearchBoxCarr {height: 35px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c64d; overflow-y: hidden;}
.carrier-alljobs .fltr-lft {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgb(199 193 193) !important;padding:9px 8px;margin: 0px 0px;border-radius: 4px;}
.carrier-alljobs .fltr-lst li{list-style:none; border-bottom:1px solid #ddd; margin-bottom: 0px; padding: 6px 5px; }
.carrier-alljobs .fltr-lst li:hover{ background-color: #f2f2f2; transition: 0.5s; }
.carrier-alljobs .fltr-lst li a,.carrier-alljobs .fltr-lst li span{font-size:17px;color: #686666;}
.carrier-alljobs .fltr-lst li span.pull-right{color: #fff; font-size: 14px; width: 36px; margin-top: 3px; }
.carrier-alljobs .fltr-lst li:last-child{border-bottom:0px; padding-bottom:6px; }
.carrier-alljobs .filter-top .btm .col-md-3:last-child select{width:70% !important;float:left;}
.recSearchBoxData .single .ml-10.pull-left {width: 90%;}
.carrier-alljobs .filter-top .clpse h2{ float: left; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; color: #000; text-transform: uppercase; opacity: 0.2 !important; font-size: 32px; font-weight: bold !important; cursor: pointer; }
.carrier-alljobs .filter-top .bg-white{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;border: 1px solid #fff;}
.carrier-alljobs .crr-search-M3 {background-color : #fff; border-radius: 50px; padding: 14px 10px 11px ; margin-bottom: 10px; box-shadow: 0 3px 6px #00000029; transition: .3s;}
.carrier-alljobs .crr-search-M3 .recSearchBoxpanel {margin-bottom: 0px !important;}
.carrier-alljobs .crr-search-M3 .resultBox { top: 35px; left: 0; width: 285px !important;}
.carrier-alljobs .crr-search-M3 .jobsInstantMoreDets { z-index: 9; right: 39px; top: 60px; background-color: #2ca01c; }
.carrier-alljobs .crr-search-M3 .jobsInstantMoreDets::after { border-bottom: 15px solid #2ca01c; }
.carrier-alljobs .fltr-lst li a .fa-circle {font-size: 14px;}
.carrier-alljobs .filter-top .clpse #Dashsearch{float:left;width:82% !important;}
.carrier-alljobs .filter-top .dd-dept-mobileinfo .dropdown-toggle {text-align: center; line-height: 35px !important; padding: 0px; width: 35px; height: 35px;}
.carrier-alljobs .filter-top .clpse .dd-dept-mobileinfo{ display: flex; margin-right: 15px; margin-top: 0; }
.carrier-alljobs .filter-top .clpse .dd-dept-mobileinfo .bwt-new{ padding: 5px 11.5px; }
.carrier-alljobs .filter-top .btm .col-md-2{width: 16% !important;}
.carrier-alljobs .filter-top .btm .col-md-2:nth-child(1){width: 9% !important;padding-right: 0px;}
.carrier-alljobs .dd-dept-mobileinfo .dropdown-menu{width: 250px;left: auto !important;}
.carrier-alljobs .dd-dept-mobileinfo .dropdown-menu li{margin-bottom: 4px;padding-bottom: 5px;}
.carrier-alljobs .dd-dept-mobileinfo .dropdown-menu li a{padding:5px 5px;}
.carrier-alljobs .filter-top .btm #sortdrop button,.carrier-alljobs .info .pull-right #sortdrop button{text-align: left;padding: 6px 12px !important;background-color: #1c84c6 !important;border-color: #1c84c6 !important;color: #fff !important;outline:none;border: 0;width:100%;}
.carrier-alljobs  #sortdrop .dropdown-menu a{font-size:16px;background-color:#f4f4f4;padding: 6px 6px; font-weight: 500; color: #525252;}
.carrier-alljobs  #sortdrop .dropdown-menu a:hover{background-color:#e3e3e3;transition: 0.5s; color: #1c84c6; font-weight: 600;}
.carrier-alljobs  #sortdrop .dropdown-menu a span{float:right;font-size: 19px;padding-top:3px;}
.carrier-alljobs .filter-top .btm .col-md-2 select > option,.carrier-alljobs .info .pull-right select > option {background-color: #fff;color: #1c84c6;}
.carrier-alljobs .leftjobs-pagi .col-md-6{padding:0px 0px;}
.carrier-alljobs .associated .payroll-table td:last-child .box-shadow-two {width:auto;overflow-y: scroll;max-height: 150px;word-break: break-word;white-space: initial;}
.carrier-alljobs .filter-top.sticky1 .fltr-lft,.carrier-alljobs .filter-top.sticky1 .hidden-xs,.carrier-alljobs .filter-top.sticky1 .clpse h2{display:none;}
.carrier-alljobs .filter-top.sticky1 .fltr-rht{width:100%;}
.carrier-alljobs .cur-seaarch.sticky3 {position: fixed;top: 106px;z-index: 99;width: calc(100% - 15px);}
.carrier-alljobs #MyJobs .sticky23 {top: 145px;}
.carrier-alljobs #MyJobs #carr-rightsession1.col-md-12 .sticky23,.carrier-alljobs #carr-rightsession.col-md-12 .sticky23 {top: 0;}
.carrier-alljobs #MyJobs #carr-rightsession1.col-md-12 .content,.carrier-alljobs #carr-rightsession.col-md-12 .content {height:auto !important;}
.carrier-alljobs #MyJobs #carr-rightsession1.col-md-12 #vertical-timeline {width: 100% !important;max-width: 99% !important;margin-top: 5px !important;margin-bottom: 5px !important;}
.carrier-alljobs .career-account div[ng-repeat="x in candProfileExperiences"] .col-md-3{width:16.5%;}
.carrier-alljobs .career-account div[ng-repeat="x in candProfileExperiences"] .col-lg-6.col-md-6{width: 33.3%;}
.carrier-alljobs .cur-user{right: 19px;position: absolute;top: 57px;z-index:99;display: flex;}
.carrier-alljobs .cur-user .hrv-detailsbox:hover .detailsbox{top: 39px;left:auto;right: 0 !important;}
.carrier-alljobs .cur-user h3{margin-top:10px;}
/*.carrier-alljobs #MyJobs .content {height: 40vh;}*/
.carrier-alljobs #MyJobs .sticky23 .content {height: 45vh;}
.carrier-alljobs #MyJobs .rec-bwt-withdraw {padding: 4px 7px;margin-top: 0px !important;}
.carrier-alljobs #MyJobs .right-title,.carrier-alljobs #AllJobs .bg-grey-ee{padding:5px !important;}
.carrier-alljobs #MyJobs .cusTabs #tabMenu:nth-of-type(1n+8),.carrier-alljobs #MyJobs .myhr-dotmenus li {display: none;}
.carrier-alljobs #MyJobs .myhr-dotmenus li:nth-of-type(1n+8) {display:block;}
.carrier-alljobs #MyJobs .myhr-dotmenus .dropdown-menu{left:auto !important;right:0px;}
.carrier-alljobs #MyJobs .myhr-dotmenus a[data-toggle="dropdown"]{padding:5px;}
.carrier-alljobs #MyJobs .myhr-dotmenus li a{padding:0px 1px;}
.carrier-alljobs #MyJobs .right-title,.carrier-alljobs #AllJobs .bg-grey-ee{padding:5px !important;}
.carrier-alljobs #MyJobs .cusTabs a{    color: #676a6c !important;}
.carrier-alljobs .noDataM5 .text p {white-space:inherit;}
.career-account #career-leftsession .hrv-detailsbox:hover .detailsbox {top: 70px;left: auto;right: 0px;}
.career-account .date .meterialForm .dateico{position: absolute;top: 13px;left: 9px;}
.career-account .date .meterialForm label{left: 33px;}
.career-account .date .meterialForm input{padding: 2px 10px 2px 32px;}
.career-account .myhr-dotmenus a[data-toggle="dropdown"] {display:none;border-bottom: 0px !important;padding: 0px 5px 1px 5px !important;font-size: 21px !important; background-color: transparent !important;border: 0px;}
.career-account .clients-list .nav-tabs li.myhr-dotmenus li a {font-size: 17px;border-bottom: 1px solid #dfdfdf !important;border-radius: 0px;padding: 3px 10px !important;}
.career-account .clients-list .nav-tabs li.myhr-dotmenus li:last-child a {border-bottom: 0px !important;}
.career-account #careerAddEducation.QuickCandi-A28 .width2 .formSec{width: 100%;height: 100vh;}
.career-account #careerAddEducation.QuickCandi-A28 .width2 .formSec .modal-body{padding-left:10px !important;padding-right:10px !important;}
.InterviewDetPriview{position: absolute; background-color: #fff; z-index: 9; list-style: none; margin: 0; padding: 0; width: 350px; border-radius: 8px; left: 139px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;top: 25px; padding: 5px;}
.Crrtable-Experience thead th:nth-child(1){width: 5%}
.Crrtable-Experience thead th:nth-child(2){width: 20%}
.Crrtable-Experience thead th:nth-child(3){width: 50%}
.Crrtable-Experience .tabBody td{ text-align: left !important; }
.Crrtable-Education thead th:nth-child(1){width: 5%}
.Crrtable-Education thead th:nth-child(2){width: 50%}
.Crrtable-Education thead th:nth-child(3){width: 20%}
.Crrtable-Education .tabBody td{ text-align: left !important; }
.tbl-Hei-250{ height: 250px; overflow-y: auto; }
/*Recruitment Dashboard Aug 7*/
.RecDashA7 .box1{padding: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; background-color: #F2F2F2; border: 3px solid #fff; border-radius: 10px;}
.RecDashA7 .box1 .labelBox{padding: 0; margin-top: 15px;}
.RecDashA7 .box1 .labelBox ul{list-style : none; margin: 0; padding: 0; display: flex; justify-content: space-between;}
.RecDashA7 .box1 .labelBox li{ width: 11.5%; text-align: center; background-color: #fff; border-radius: 8px; padding: 10px 0px 5px 0; cursor: pointer;}
.RecDashA7 .box1 .labelBox li:hover{ transform: scale(1.03); background-color: #fafafa; }
.RecDashA7 .box1 .labelBox .iconBox{ width: 35px; height: 35px; background-color: #0095F6; color: #fff; line-height: 35px; font-size: 18px; border-radius: 5px; margin: auto;}
.RecDashA7 .box1 .labelBox li:hover .iconBox .fa{ -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.RecDashA7 .box1 .labelBox li:nth-child(1) .iconBox{ background-color: #0095F6; }
.RecDashA7 .box1 .labelBox li:nth-child(2) .iconBox{ background-color: #A84448; }
.RecDashA7 .box1 .labelBox li:nth-child(3) .iconBox{ background-color: #F17028; }
.RecDashA7 .box1 .labelBox li:nth-child(4) .iconBox{ background-color: #2CA01C; }
.RecDashA7 .box1 .labelBox li:nth-child(5) .iconBox{ background-color: #4E6E81; }
.RecDashA7 .box1 .labelBox li:nth-child(6) .iconBox{ background-color: #5D9C59; }
.RecDashA7 .box1 .labelBox li:nth-child(7) .iconBox{ background-color: #1AB394; }
.RecDashA7 .box1 .labelBox li:nth-child(8) .iconBox{ background-color: #19A7CE; }
.RecDashA7 .box1 .labelBox label{margin-top: 10px; font-size: 13px; color: #676a6c;cursor:pointer;height: 35px;}
.RecDashA7 .box1 .labelBox li:hover label{color: #1c84c6;}
.RecDashA7 .box1 .labelBox .count{ font-size: 22px; font-weight: 600; color: #1c1c1e;}
.RecDashA7 .box2{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: 3px solid #fff; margin-top: 20px; border-radius: 10px}
.RecDashA7 .heading{background-color: #eee; color: #1c1c1e; font-size: 18px; border-radius: 10px 10px 0 0; display: table; width: 100%; padding: 8px 8px; }
.RecDashA7 .heading .textside{float: left; font-weight: 500;margin-right: 12px}
.RecDashA7 .heading .text{float: left; font-weight: 500;}
.RecDashA7 .heading .text .countshow{ background-color: #fff; font-size: 16px; padding: 2px 5px; margin: 0 6px 5px 2px; border-radius: 4px; position: relative; top: -1px; color: #1c84c6; }
.RecDashA7 .heading .text .nav{border: none; background-color: #fff; border-radius: 50px; padding: 5px; position: absolute; top:25px;}
.RecDashA7 .heading .text .nav li a{ border: none !important;padding: 4px 9px !important;background-color: #f4f4f4; color: #1c1c1e !important; border-radius: 50px; font-weight: 500 !important; font-size: 14px; }
.RecDashA7 .heading .text .nav li a .ttCount{ background-color: #fff; color: #1c84c6; padding: 1px 4px; border-radius: 4px; margin-left: 2px; font-weight: 600; }
.RecDashA7 .heading .text .nav #tabMenu.active > a{ background-color: #1c84c6 !important; color: #fff !important; border: none !important  }
.RecDashA7 .heading .text .nav > li.active {background: transparent !important;}
.RecDashA7 .heading .text .nav #tabMenu.active > a .ttCount{ background-color: #fff; color: #1c84c6; padding: 1px 4px; border-radius: 4px; margin-left: 2px; font-weight: 600; }
.RecDashA7 .heading .fa{cursor: pointer; transition: .5s}
.RecDashA7 .heading .fa-external-link{ font-size: 14px; }
.RecDashA7 .heading .fa:hover{color: #1c84c6;}
.RecDashA7 .heading .icon{float: right}
.RecDashA7 .heading .icon .dateFilter, .RecDashA7 .dateFilterMob{ color: #6f6f6f; border: 0px; border-radius: 25px; padding: 2.9px 4px; font-weight: 500; outline: 0px; width: 100px; font-size: 15px; margin-right: 5px; cursor: pointer; }
.RecDashA7 .heading .icon .dateFilter:hover, .RecDashA7 .dateFilterMob:hover{ color: #1c84c6; }
.RecDashA7 .heading .adVanceBar{ float: right; margin-right: 30px; }
.RecDashA7 .heading .adVanceBar .onoffswitch-label, .RecDashA7 .heading .adVanceBar .onoffswitch-switch {border-radius: 20px; margin: 0;}
.RecDashA7 .heading .adVanceBar .onoffswitch-label{ position: relative; top: 2px; padding: 0px; }
.RecDashA7 .heading .adVanceBar .onoffswitch-switch{ background-color: #1c84c6; }
.RecDashA7 .dataHeight250 { height: 250px; overflow-y: auto; overflow-x: hidden; }
.RecDashA7 .dataHeight350 { height: 350px; overflow-y: auto; overflow-x: hidden; }
.RecDashA7 .dataHeight350 .NotiList{ overflow-y: hidden; overflow-x: hidden; }
.RecDashA7 .data .bigCircle{ width: 100px; height: 100px; background-color: #0095F6; border-radius: 500px; text-align: center; font-size: 24px; margin: 20px auto 20px; color: #fff; font-weight: 600; padding-top: 28px; line-height: 25px;}
.RecDashA7 .data .percenTage{ }
.RecDashA7 .data .percenTage ul{ list-style: none; margin: 0; padding: 0; display: flex; }
.RecDashA7 .data .percenTage ul li{ width: 20%; text-align: center; }
.RecDashA7 .data .percenTage ul li svg{ height: 60px; margin: auto; margin-bottom: 7px; }
.RecDashA7 .data .percenTage ul li:nth-child(1) svg .circle-bg{ stroke: rgb(44 160 28 / 30%); }
.RecDashA7 .data .percenTage ul li:nth-child(1) svg .circle{ stroke: rgb(44 160 28 / 100%); }
.RecDashA7 .data .percenTage ul li:nth-child(2) svg .circle-bg{ stroke: rgb(241 112 40 / 30%); }
.RecDashA7 .data .percenTage ul li:nth-child(2) svg .circle{ stroke: rgb(241 112 40 / 100%); }
.RecDashA7 .data .percenTage ul li:nth-child(3) svg .circle-bg{ stroke: rgb(205 17 59 / 40%); }
.RecDashA7 .data .percenTage ul li:nth-child(3) svg .circle{ stroke: rgb(205 17 59 / 100%); }
.RecDashA7 .data .percenTage ul li:nth-child(4) svg .circle-bg{ stroke: rgb(254 162 1 / 40%); }
.RecDashA7 .data .percenTage ul li:nth-child(4) svg .circle{ stroke: rgb(254 162 1 / 100%); }
.RecDashA7 .data .percenTage ul li:nth-child(5) svg .circle-bg{ stroke: rgb(0 191 14 / 40%); }
.RecDashA7 .data .percenTage ul li:nth-child(5) svg .circle{ stroke: rgb(0 191 14 / 100%); }
.RecDashA7 .data .percenTage ul li .text{ font-weight: 500; color: #676a6c; margin-bottom: 8px; font-size: 14px; }
.RecDashA7 .data .squareBlock{ background-color: #2CA01C; color: #fff; margin: 10px 8px; border-radius: 4px; padding: 5px 10px; border: 4px solid #FFF; display: flex; align-items: center; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important }
.RecDashA7 .data .squareBlock .circle{ height: 40px; width: 40px; background-color: #fff; border-radius: 50px; color: #2ca01c; font-size: 25px; line-height: 40px; text-align: center; margin-right: 10px; }
.RecDashA7 .data .squareBlock .count{ line-height: 25px; font-size: 22px; font-weight: 600; }
.RecDashA7 .data .proGress{  }
.RecDashA7 .data .proGress ul{ list-style: none; margin: 0; padding: 0;  }
.RecDashA7 .data .proGress ul li{ display: flex; align-items: center; padding: 7px 0px; margin: 0 10px; border-bottom: 2px solid #eee; }
.RecDashA7 .data .proGress ul li:nth-last-child(1){ border-bottom: none; }
.RecDashA7 .data .proGress ul li .progress{ margin-bottom: 0; height: 8px; }
.RecDashA7 .data .proGress ul li:nth-child(1) .fa-circle{ color: #4E6E81; }
.RecDashA7 .data .proGress ul li:nth-child(1) .progress{ background-color: #4e6e8133; }
.RecDashA7 .data .proGress ul li:nth-child(1) .progress-bar{ background-color: #4E6E81; }
.RecDashA7 .data .proGress ul li:nth-child(2) .fa-circle{ color: #1AB394; }
.RecDashA7 .data .proGress ul li:nth-child(2) .progress{ background-color: #1AB39433; }
.RecDashA7 .data .proGress ul li:nth-child(2) .progress-bar{ background-color: #1AB394; }
.RecDashA7 .data .proGress ul li:nth-child(3) .fa-circle{ color: #898121; }
.RecDashA7 .data .proGress ul li:nth-child(3) .progress{ background-color: #89812133; }
.RecDashA7 .data .proGress ul li:nth-child(3) .progress-bar{ background-color: #898121; }
.RecDashA7 .data .proGress ul li:nth-child(4) .fa-circle{ color: #F18C28 }
.RecDashA7 .data .proGress ul li:nth-child(4) .progress{ background-color: #F18C2833; }
.RecDashA7 .data .proGress ul li:nth-child(4) .progress-bar{ background-color: #F18C28; }
.RecDashA7 .data .proGress ul li:nth-child(5) .fa-circle{ color: #F17028 }
.RecDashA7 .data .proGress ul li:nth-child(5) .progress{ background-color: #F1702833; }
.RecDashA7 .data .proGress ul li:nth-child(5) .progress-bar{ background-color: #F17028; }
.RecDashA7 .data .proGress ul li:nth-child(6) .fa-circle{ color: #7760A2 }
.RecDashA7 .data .proGress ul li:nth-child(6) .progress{ background-color: #7760A233; }
.RecDashA7 .data .proGress ul li:nth-child(6) .progress-bar{ background-color: #7760A2; }
.progress-bar-animated {-webkit-animation: progress-bar-stripes 3s linear infinite; animation: progress-bar-stripes 3s linear infinite;}
.progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem;}
.RecDashA7 .tabS2hIRED { margin: 0; }
.RecDashA7 .tabS2hIRED td { border-top: none; border-bottom: 2px solid #ddd; }
.RecDashA7 .ui-faces img { height: 40px; width: 40px; border-radius: 50px; }
.RecDashA7 .ui-faces2 img { height: 25px; width: 25px; border-radius: 50px; }
.RecDashA7 .tabRecDec th { background-color: #eee; border: none; color: #1c1c1e; }
.RecDashA7 .tabRecDec th:nth-child(1) { border-radius: 50px 0 0 50px; }
.RecDashA7 .tabRecDec th:nth-last-child(1) { border-radius: 0px 50px 50px 0px; }
.RecDashA7 .ann-box{height: 75px;}
.RecDashA7 .ann-box .box-label{margin-top: 40px;}
.RecDashA7 .mobboxInnerS7 .ann-box .box-label{margin-top: 10px;}
.RecDashA7 .interviewPanel .Date{ font-size: 13px; background-color: rgba(0, 149, 246, 0.15); padding: 5px; text-align: center; font-weight: bold; border-radius: 5px; display: inline-table;}
.RecDashA7 .interviewPanel .vertical-timeline-content{ border-radius: 4px; background-color: #fff; padding: 0; margin-left: 30px; margin-top: 10px; }
.RecDashA7 .interviewPanel #vertical-timeline::before{ top: 45px; }
.RecDashA7 .interviewPanel .vertical-timeline-content h2{ background-color: #fff; color: #1c1c1e; font-weight: 600; font-size: 18px; margin-bottom: 0px; cursor: pointer; }
.RecDashA7 .interviewPanel .vertical-timeline-content h2:hover{ color: #1c84c6; }
.RecDashA7 .interviewPanel .vertical-timeline-content h3{ background-color: #fff; color: #676a6c; font-weight: 400; font-size: 14px; margin-bottom: 10px; }
.RecDashA7 .interviewPanel .vertical-timeline-content .line{ border-bottom: 1px solid #aaa; }
.RecDashA7 .reqtop-btn .moreOptions{ border-bottom: none; width: 100%; }
.RecDashA7 .reqtop-btn .NotiList .ml .text h3{ float: left; }
.RecDashA7 #history-vertical-timeline::before{ left: 73px; }
.RecDashA7 .left .heading .fa-chevron-down{margin-right: 15px;}
.RecDashA7 .left .auditDashboard .vertical-timeline-content p{overflow: auto;}
.md12-label{width: 12.5%}
.md12-data{width: 87.5%}
.rec-Aplt-ActivityLog #vertical-timeline::before {left: 75px !important;}
.table-verticalAlign-middle td, .table-verticalAlign-middle th{vertical-align: middle !important}
/*-----------May 18, 2023 Start----------------*/
.jobFullViewM18{width: 95%; margin: auto; margin-top: 20px;}
.jobFullViewM18 .allJobM1 .right .rightp1 .heading { background-color: #a2cde7 !important; border-radius: 5px 5px 0 0;}
.jobFullViewM18 .allJobM1 .right .cusTabs #tabMenu > a{ color: #48484a; font-size: 15px !important; }
.panelHeadingM18{background-color: #eee; padding: 10px;}
.panelHeadingM18 .headingText{font-size: 16px; font-weight: 600; color: #48484a;}
.panelHeadingM18 .headingIcon{font-size: 16px; float: right; padding-right: 0; color: #48484a;}
.jobFullViewM18 .allJobM1 .right .rightp1 .content{ height: auto; overflow-y: auto; }
.receJobRight{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 5px;}
.receJobRight .listMain{padding: 0;}
.receJobRight .listMain .LeftList {height: 400px; overflow-y: auto;} 
.receJobRight .listMain .list{padding: 10px;border-bottom: 1px solid #ddd;margin: 5px;border-radius: 5px;cursor: pointer;}
.receJobRight .listMain .list:hover {background-color: #dddddd5c;}
.receJobRight .listMain .list .jobCode{color: #4f4e4e;font-size: 14px;}
.receJobRight .listMain .list .mainTxt{ font-size: 17px; font-weight: 600;color: #337ab7;}
.receJobRight .listMain .cityTxt{float: left; font-weight: 500; margin-top: 5px; margin-bottom: 5px;color: #4f4e4e;font-size: 15px;}
.receJobRight .listMain .cityModi{float: right; font-weight: 500; margin-top: 5px; margin-bottom: 5px;     color: #4f4e4e;font-size: 15px;}
.jobFullViewM18 .loginPnal{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 5px; border: none; margin-bottom: 15px; padding: 10px; padding-left: 5px; padding-bottom: 20px; background-color: #a2cde7;}
.jobFullViewM18 .loginPnal img{ width: 90px; margin: 0 !important; margin-left: 0 !important; padding-left: 0;}
.jobFullViewM18 .loginPnal h2{ font-size: 18px; margin-top: 10px; margin-left: 6px; color : #48484a;}
/*-----------May 18, 2023 End----------------*/
.career-account .recruPrlfNewDropDown {top: 43px;right: 147px; z-index: 1;}
.career-account .recruPrlfNewDropDown .hrv-btn-blue:hover { background-color: #0095f6 !important; cursor: pointer; color: #fff !important; }
.career-account .nav-tabs > li > a{color: #676a6c !important;}
.footer2 { z-index: 100; display: block; background-color: #fff; padding: 20px 0px 5px 0px;}
.footerCareerPortal { z-index: 100; display: block; background-color: #fff; padding: 10px 0px 0px 0px; position: fixed; bottom: 0; width: 100%;}
.footerJB { position: fixed; bottom: 0; width: 100%;}
.footer3 { z-index: 100; display: block; background-color: #fff; padding: 2px 0px 0px 0px;}
.footer3 h1 { text-align:center; font-size: 20px; margin: 0; color: #48484a;}
.footer3 h1 a{color: #0095f6;}
.footer3 h1 span{font-weight: 400}
.footer3 h2 { text-align:center; font-size: 16px; margin: 0; font-size: 15px; margin-top: 4px;}
.footer3 h3 { text-align:center; margin: 0; margin-top: 5px;}
.footer3 h4 { text-align:center; margin: 0; padding: 10px; background: #ddd; margin-top: 15px; font-size: 13px; border-top: 3px solid #fff;}
.footer3 h4 a{ color:#e55041; }
.footer3 .line { border: 3px solid #ccc; width: 20%; margin: auto; margin-top: 10px; margin-bottom: 8px; }
.career-jobfull .cusTabs #tabMenu > a{color: #636262;}
.career-jobfull .cusTabs #tabMenu.active > a{color:#000;padding: 6px 8px 7px 8px !important;}
.career-jobfull .cusTabs .myhr-dotmenus a[data-toggle="dropdown"]{padding: 9px 2px 7px 6px !important;color: #636262;display:none;}
.career-jobfull .cusTabs .myhr-dotmenus .dropdown-menu{left:auto;right:0px;}
.career-jobfull .cusTabs .myhr-dotmenus .dropdown-menu a {padding: 6px 6px;}
.career-jobfull .modal-body {height: 75vh !important;}
.allJobM1 .right .xpand-rt{margin-left: 0 !important;position: relative;top: -2px;color:#063b5c;background-color: transparent;border-bottom: 1px solid #063b5c;padding: 0px;box-shadow: inherit !important;}
.allJobM1 .right .xpand-rt:hover, .allJobM1 .right .xpand-rt:active, .allJobM1 .right .xpand-rt:focus{color: #063b5c !important; font-weight: 600}
.inactiveJobbanner{padding-top: 60px !important; padding-bottom: 60px !important; text-align: center;}
.inactiveJobbanner img{width: 10%;}
.inactiveJobbanner h1{color: #48484a;font-size: 22px;}
.inactiveJobbanner h3{color: #aaa; font-weight: 400; font-size: 19px}
#carbtm-share .dropdown-toggle{position: relative;top: -3px;background-color: #f1f1f1 !important;color: #1c84c6 !important;padding: 6px 10px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 42%), 0 1px 5px 0 rgb(28 132 198) !important;}
@-webkit-keyframes ringbell {
0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); }
10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); }
12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); }
18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); }
20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes ringbell {
0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); }
10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); }
12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); }
18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); }
20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
.faa-ring.animated,.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring { -webkit-animation: ringbell 2s ease infinite; animation: ringbell 2s ease infinite; transform-origin-x: 50%; transform-origin-y: 0px; transform-origin-z: initial;}
.recru-noti { line-height: 12px; padding: 2px 5px; position: absolute; right: -7px; top: -5px; background-color: #f8ac59; border-radius: 4px; font-size: 10px; z-index: 999;}
/*Onboarding page*/
.ob-right-center {background-color: #eee;padding: 10px;margin: 0;}  
.ob-right-center .circle { height: 40px; width: 40px; background-color: #fff; border-radius: 50px; line-height: 40px; text-align: center; font-size: 18px; color: #0095f6 !important; }
.ob-circle-grey { height: 50px; width: 50px; background-color: #ddd; border-radius: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #48484a !important; margin: auto; }
.ob-circle-red { height: 50px; width: 50px;background-color: #ddd;border-radius: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #48484a !important;margin: auto;}
.ob-circle-green { height: 50px; width: 50px; background-color: #2cA01C; border-radius: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff !important; margin: auto; }
.ob-status-grey {color: #48484a; font-weight: 500; background-color: #eee; padding: 5px 10px; font-size: 14px; border-radius: 50px; }
.ob-status-red {color: #1c1c1e; font-weight: 500; background-color: #ddd; padding: 5px 10px; font-size: 14px; border-radius: 50px; }
.ob-status-green {color: #2CA01C; font-weight: 500; background-color: #CFF9CB; padding: 5px 10px; font-size: 14px; border-radius: 50px; }
.ob-filter .filt-count{background-color: #0095f6;color: #fff;padding: 4px 7px;font-size: 14px;border-radius: 5px; width: 35px !important; height: 25px; text-align: center; font-weight: 500; line-height: 20px;}
.ob-filter .lf-filt{background-color: #fff; transition: 0.3s; padding: 5px; margin: 0; border-radius: 4px; cursor: pointer;}
.ob-filter .lf-filt:hover{background-color: #eee;}
.ob-filter .dateLabelDiv{padding: 8px;}
.ob-filter .resultBox{width: 320px; left: 0px;}
.ob-filter .dateLabel{display: none !important;}
.ob-filter .mulSelctdrpdwnInput, .ob-filter .inputshadowBorder { border: 1px solid #eee !important; }
.btn-com {background: none; font-size: 16px; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 50px; color: #2ca01c; transition: .6s}
.btn-com .cnt-com { background-color: #2ca01c !important; color: #fff; padding: 4px 6px; border-radius: 5px; margin-left: 25px; font-size: 13px; font-weight: 600; transition: .6s}
.btn-com:hover, .btn-com:focus {background: #2ca01c; box-shadow: none; color: #fff !important;}
.btn-com-select {background: #2ca01c; box-shadow: none;color: #fff !important;}
.btn-com:hover .cnt-com { background-color: #fff !important; color: #2ca01c; }
.btn-pen {background: none; font-size: 16px; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 50px;  transition: .6s}
.btn-pen .cnt-pen { background-color: #ddd !important; color: #48484a; padding: 4px 6px; border-radius: 5px; margin-left: 25px; font-size: 13px; font-weight: 600; transition: .6s}
.btn-pen:hover, .btn-pen:focus {background: #ddd; box-shadow: none; color: #48484a;}
.btn-pen-select {background: #ddd !important;box-shadow: none; color: #48484a;}
.btn-pen-select .cnt-pen { background-color: #fff !important; color: #48484a; }
.btn-pen:hover .cnt-pen { background-color: #fff !important; color: #48484a; }
.btn-lst {background: none; font-size: 16px; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 50px; color:#0095f6; transition: .6s}
.btn-lst .cnt-lst { background-color: #0095f6 !important; color: #fff; padding: 4px 6px; border-radius: 5px; margin-left: 25px; font-size: 13px; font-weight: 600; transition: .6s}
.btn-lst:hover, .btn-lst:focus {background: #0095f6; box-shadow: none; color: #fff;}
.btn-lst-select { background: #0095f6; box-shadow: none; color: #fff;}
.btn-lst:hover .cnt-lst { background-color: #fff !important; color: #0095f6; }
.ob-count-pending{border: 2px solid #676a6c; padding: 6px 25px; border-radius: 50px; color: #676a6c; cursor: pointer; font-weight: bold;}
.ob-count-compl{border: 2px solid #00BF0E; padding: 6px 25px; border-radius: 50px; color: #00BF0E; cursor: pointer; font-weight: bold;}
.onBoardingSelectBtn1{background-color: #2ca01c !important; color: #fff;}
.onBoardingSelectBtn1 .cnt-lst, .onBoardingSelectBtn1 .cnt-pen, .onBoardingSelectBtn1 .cnt-com{background-color: #fff !important; color: #2ca01c !important;}
/*OTP Css start*/
#rcorners2 {}
#rcorners2 .col-md-10 input{padding-left: 16px;font-size: 21px;font-weight: 700;background-image: linear-gradient(to left, #a7afc2 60%, rgba(255, 255, 255, 0) 0%);background-size: 47px 3px;}
#rcorners2 .col-md-2 button {height: 35px;margin-top: 5px;} 
/*address new 25-05-2022*/
.adr-25d .left .box{border-radius: 10px; padding: 10px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border: none;cursor:pointer; transition: .5s;margin-bottom: 15px;overflow:hidden;}
.adr-25d .left .box:hover{background-color: #f4f4f4}
.adr-25d .left .selectedbox { border-left: 5px solid #2cA01C !important; }
.adr-25d .left .round-icon{ height: 28px; display: block; width: 28px; line-height: 28px; text-align: center; border-radius: 50px; margin-right:4px; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; float:left;font-size: 15px; }
.adr-25d .left .round-icon i{position:relative;top:1px;}
.adr-25d .left .pull-left span{top: -4px;position: relative;}
.adr-25d .lft-sec .head button.pull-right {padding: 4px 8px;margin-right: 2px;}
.adr-25d .lft-sec .head .dropdown-menu {top: 37px;left: auto;width: 42px;z-index: 1;right: -12px;}
.adr-25d .lft-sec .head .copy_tooltip {top: 84px;width: 150px;left: calc(83% - 250px);} 
.adr-25d .lft-sec .head .pull-right .mouse-hvr{float:right;margin-right:-200px;transition: all 0.9s ease;z-index: 1;}
.adr-25d .left .box:hover .head .pull-right .mouse-hvr{margin-right:-8px;}
.adr-25d .left .box:hover .head .pull-right .un_tooltip .un_tooltiptext:after {top: -38%;left: 81%;border-color: transparent transparent #555 transparent;}
.adr-25d #rightsection .adr{float:left;font-size: 17px;width: 100%;} 
.adr-25d #rightsection.col-lg-11 .adr{float:left;font-size: 17px;width: 50%;}
.adr-25d #rightsection .adr .tp-hd span {color: #2ca01c;font-size: 20px;font-weight: 500;}
.adr-25d #rightsection .adr .tp-hd >i {height: 33px;display: block;width: 33px;line-height: 33px;text-align: center;border-radius: 50px;margin-right: 8px;box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important;float: left;font-size: 18px;top:10px;}
.adr-25d #rightsection .box-shadow-two.br-radi-15{height:445px !important;}
.adr-25d #rightsection #updatemyMap{height: 61vh !important;}
.adr-25d #rightsection.col-lg-11{margin-left: 15px;width: 99%;}
.adr-25d #rightsection.col-lg-11 #updatemyMap{height: 55vh !important;} 
#addressview .header{color:#000;margin-bottom:5px;}
.adr-25d #rightsection.col-lg-11 .copy_tooltip {top: 85px;right: 40px;}
.adr-25d #rightsection .adr span.adr-loc {clear: both;display: inline-block;} 
.adr-25d #rightsection .bwt-collapse,.adr-25d #rightsection .expand-icon{display:none;}
.adr-25d #rightsection.col-lg-11 .bwt-collapse,.adr-25d #rightsection.col-lg-11 .expand-icon{display:block !important;}
.adr-25d #rightsection {z-index: 1;} 
#addressview .modal-content{overflow:hidden !important;}
.lab-acc{font-size: 14px; padding: 7px !important; width: 125px !important; display: grid; color: #ffffff !important; background-color: #2ca01c;}
.lab-bill{font-size: 14px; padding: 7px !important; width: 125px !important; display: grid; color: #ffffff !important; background-color: #ff7a00;}
.lab-oth{font-size: 14px; padding: 7px !important; width: 125px !important; display: grid; color: #ffffff  !important; background-color: #0095f6;}
.lab-pri{font-size: 14px; padding: 7px !important; width: 125px !important; display: grid; color: #ffffff  !important; background-color: #1c84c6;}
.lab-sec{font-size: 14px; padding: 7px !important; width: 125px !important; display: grid; color: #ffffff  !important; background-color: #f39c11;}
.icon-Recipient{ padding: 8px 8px; background-color: #FF7735; color: #fff; border-radius: 50px; font-size: 14px !important; position: relative; top: -2px; }
.icon-CC{ padding: 8px 9px 9px 10px; background-color: #8290CA; color: #fff; border-radius: 50px; font-size: 15px !important; position: relative; top: -2px; }
.icon-Name{ padding: 8px 8px 9px 9px; background-color: #59CE8F; color: #fff; border-radius: 50px; font-size: 15px !important; position: relative; top: -2px; }
.icon-Msg{ padding: 8px 8px 9px 9px; background-color: #D1512D; color: #fff; border-radius: 50px; font-size: 15px !important; position: relative; top: -2px; }
.icon-File{ padding: 8px 8px 9px 10px; background-color: #54BAB9; color: #fff; border-radius: 50px; font-size: 14px !important; position: relative; top: -2px; }
.icon-Details{ padding: 7px 8px 7px 9px; background-color: #59CE8F; color: #fff; border-radius: 50px; font-size: 14px !important; position: relative; top: -2px; }
.icon-Pskill{ padding: 8px 8px; background-color: #C69B7B; color: #fff; border-radius: 50px; font-size: 14px !important; position: relative; top: -2px; }
.icon-Sskill{ padding: 8px 8px; background-color: #00AFC1; color: #fff; border-radius: 50px; font-size: 14px !important; position: relative; top: -2px; }
.icon-Note{ padding: 8px 8px; background-color: #FEB139; color: #fff; border-radius: 50px; font-size: 14px !important; position: relative; top: -2px; }
/*OTP Style*/
.otp-border{position:relative;width: 290px;margin: 0 auto;left: -5px;}
.otp-border span{background-color:#a7afc2;display:inline-block;height:3px;width: 36px;float:left;margin-right: 10px;} 
/*esign*/
.sel-con{margin-bottom:20px;}
.sel-ad{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; border-radius: 8px; border: none; padding: 12px;}
.sel-ad:hover{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important}
.sel-ad img{width:40px; float: left;}
.sel-ad i{float: right; font-size: 22px; color: #2cA01C !important;display: none;}
.sel-sel input[type="radio"]:checked + .sel-ad i{float: right; font-size: 22px; color: #2cA01C !important;display: none;}
.sel-ad .txt { font-size: 20px; font-weight: 500; margin-top: 20px; color: #1c1c1e; }
.sel-con input[type="radio"] { position: absolute; opacity: 0;}
.mdle-EsignV2 .imgSec{width: 20%;}
.mdle-EsignV2 .filtSec{width: 80%;padding-left: 20px;}
.esign-hme .clsBtn{border-radius: 0 15px !important; padding: 3px 15px 3px 15px !important; font-weight: 500; color: #48484a;position: absolute;right: 0px;top: 0px;}
.esign-hmeCls .clsBtn{border-radius: 0 10px !important; padding: 3px 15px 3px 5px !important; font-weight: 500; color: #48484a;}
.esign-hmeCls{padding: 0px 0px 10px 10px !important; box-shadow: 0px 1px 5px 3px rgb(226 226 226) !important; border-radius: 10px; margin-bottom: 15px;}
.EsigntabsetOne .EsigntabsetTwo .nav > li > a {padding: 5px 10px;}
.EsigntabsetOne .srch-blk span.hrv-blue {margin-bottom:10px;display: inline-block;}
/*subscribe*/
.subsub .bbttnn {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border-radius: 50px;border: none;display: flow-root;padding: 5px 15px 5px 12px;cursor: pointer;transition: .3s}
.subsub .bbttnn:hover {background-color: #f3f3f3; color: #1ea2fe}
.subsub .bbttnn .text { float: left; font-size: 18px; font-weight: 500; padding-top: 3px;}
.subsub .bbttnn .count1 { float: right; border-radius: 4px; padding: 4px 7px; font-weight: 500; color: #fff; background-color:#2CA01C; font-size: 14px;}
.subsub .bbttnn .count2 { float: right; border-radius: 4px; padding: 4px 7px; font-weight: 500; color: #48484a; background-color:#ddd; font-size: 14px;}
.subsub .selectbbttnn { background-color: #2CA01C !important; color: #fff !important;}
.subsub .bbttnn .text { float: left; font-size: 18px; font-weight: 500; padding-top: 3px;}
.subsub .selectbbttnn .count1, .subsub .selectbbttnn .count2 { background-color: #fff !important; color: #2CA01C !important; font-weight: 600;}
/*Notification*/
.notiDateUl { padding: 0; list-style: none; display: inline-flex; }
.notiDateUl .dy { padding: 5px 20px; border: 2px solid #ccc; border-radius: 5px; font-size: 16px; color: #676a6c; font-weight: 500; cursor: pointer; margin-right: 10px;}
.notiDateUl .dy:hover { background-color: #eee; }
.notiDateUl .selectdy { color: #fff; background-color: #0095f6; border: 2px solid #0095f6;}
.notiDateUl .selectdy:hover { color: #fff; background-color: #0095f6; border: 2px solid #0095f6;}
/*Employee History*/
.employee-hstry .prof-head .left{width: 10% !important;}
.employee-hstry .prof-head .left img{width: 95% !important;}
.employee-hstry .prof-head .left p {right: 13px !important;bottom: -14px !important;}
.employee-hstry .prof-head .left .dot-grey {height: 15px;width: 15px;}
.employee-hstry .profile-tab .empl-new-pg .fixed-head-myhr.title-fixed{top: 54px !important;}
.employee-hstry .box-shadow-two.bg-tab-red{background-color: #eee !important;}
.employee-hstry .circle-badge {height: 30px !important;width: 30px!important;line-height: 30px !important;text-align: center;border-radius: 215px;color: white;margin-left: auto;
margin-right: auto;background-color: #2ca01c;font-size: 15px;font-weight: 600;}
.employee-hstry .dde-row-heading.br-radi-15{border-radius:5px !important;border: 1px solid #d0cdcd6e;}
.employee-hstry .fixed-head-myhr .rejng-hst{font-size:14px;margin-top: 11px;}
.employee-hstry .fixed-head-myhr .rejng-hst span{background-color:#fff;padding:5px;border-radius:5px;width: 35px;height: 25px;display:inline-block;text-align:center;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;border: 1px solid #ccc;}
/*Meterial Form*/
.meterialForm{position:relative;}
.meterialForm input,.meterialForm textarea, .meterialForm select {padding: 2px 10px 2px 10px;display: block;width: 100%; height: 45px; border: 1px solid #ccc; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; background-color: #fff!important;font-size: 19px; border-radius: 6px;}
.meterialForm textarea {height: auto !important;}
.meterialForm input:focus {outline: none;}
.meterialForm input:focus{ box-shadow: rgba(0, 0, 0, 0) 9px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, rgb(28, 132, 198) 0px 1px 5px 0px !important; }/* LABEL ======================================= */
.meterialForm label {color: #000000;font-size: 18px;font-weight: normal;position: absolute;pointer-events: none;left: 9px;top: 11px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.meterialForm .clearTimes { float: right; position: relative; top: -38px; right: 15px; font-size: 23px;}
/* active state */
.meterialForm input:focus ~ label, .meterialForm textarea:focus ~ label, .meterialForm select:focus ~ label,
.meterialForm input:valid ~ label,.meterialForm textarea:valid ~ label,.meterialForm select:valid ~ label {top: -14px;color: #1c84c6;background-color:#fff;padding:0px 10px;left:2px;font-size:14px; font-weight: 500}
.meterialForm textarea:focus ~ label {top: -14px;}
/*Modal*/
.modalM5 .modal-dialog{width: 70%;}
.modalM5 .modal-content{border-radius: 10px;}
.modalM5 .modal-content .modal-header{border-radius: 10px 10px 0 0; background-color: #eee}
.modalM5 .modal-content .modal-header .modal-title{ font-size: 22px; font-weight: 500; color: #1c1c1e; }
.modalM5 .modal-content .modal-header .bwt-cancel{ float: right; }
.modalM5 .modal-content .testQ{ padding-left: 0; color: #1c84c6; font-weight: 500; font-size: 17px; }
.modalM5 .modal-content .testA{ padding-left: 0; color: #676a6c; font-weight: 400; font-size: 17px; }
.modalM5 .modal-content .modal-body{ padding: 10px 5px }
.modalM5 .modal-content .mesgePanel{ border-radius: 8px;  margin-top: 15px; }
.modalM5 .modal-content .mesgePanel .header{ background-color: #eee; border-radius: 8px 8px 0 0; font-size: 18px; font-weight: 500; color: #1c84c6; }
/*User Guide*/
.userGdM24{margin: 10px 5px !important; background-color: #fff; box-shadow: none !important;display: block; overflow: hidden; padding-bottom: 30px !important; padding-top: 10px !important;}
.userGdM24 .clients-list {padding: 7px 5px 0px; background-color: #fff; margin-top:6px;border-bottom: 2px solid #ddd;}
.userGdM24 .clients-list .nav { float: left; margin-top: 3px; }
.userGdM24 .clients-list button { float: right; margin: 0; margin-bottom: 4px; }
.userGdM24 .tab-content { background-color: #fff; }
.userGdM24 .ibox { box-shadow: none !important; margin-bottom: 5px; }
.userGdM24 .faq-header { border-radius: 15px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; padding: 10px; background-color: #f3f3f3; margin: 5px 10px;}
.userGdM24 .datas {padding: 0; margin-bottom: 50px;}
.userGdM24 .topPanelUg{padding: 10px; border-radius: 10px; margin: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; background-color: #1c84c633;}
.userGdM24 .datas .boxA14{cursor: pointer; margin-top: 10px;background-color: #f6f6f6;color: #686b6d;font-weight: 600;display: table;height: 143px;overflow: hidden;width: 100%;text-align: center;font-size: 19px;border-radius: 4px;}
.userGdM24 .box {cursor: pointer; margin-top: 10px; background-color: #fff; font-weight: 600; overflow: hidden; text-align: left; border-radius: 4px; box-shadow: 0 4px 8px #1c1c1c1a; padding: 10px; height: 255px;}
.userGdM24 .box:hover {box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important;}
.userGdM24 .box .boxInner{}
.userGdM24 .box .boxInner i{font-size: 50px;}
.userGdM24 .box .boxInner h1{font-size: 25px; font-weight: 500;margin: 12px 0px;color: #1c1c1e;}
.userGdM24 .box .boxInner .link{height: 85px;}
.userGdM24 .box .boxInner a{display: block; font-weight: 500; font-size: 16px; margin: 5px 0; transition: 1s;}
.userGdM24 .box .boxInner a .fa-chevron-right{display: none; transition: 1s;}
.userGdM24 .box .boxInner a:hover .fa-chevron-right{ display: contents; font-size: 14px; transition: 1s;}
.userGdM24 .box .boxInner .bttn-edit{ margin-left: 0; margin-top: 10px; width: 100px; }
.userGdM24 .itemheading, .userGdM24 .nestedList .heading{ padding: 5px 10px; background-color: #eee; margin: 0; display: block; border-radius: 10px 10px 0 0; overflow: hidden;}
.userGdM24 .itemheading .text, .userGdM24 .nestedList .text{ float: left; font-size: 22px; font-weight: 500; color: #1c1c1e; }
.userGdM24 .itemheading .navi, .userGdM24 .nestedList .navi{float: right; display: flex; align-items: center;}
.userGdM24 .itemheading .moreInfoButns, .userGdM24 .nestedList .moreInfoButns{ top: 45px; position: absolute; background-color: #fff; padding: 0px; border-radius: 4px; float: right !important; right: auto; left: auto;}
.userGdM24 .itemheading .moreInfoButns:before, .userGdM24 .nestedList .moreInfoButns:before{ right: 33px; }
.userGdM24 .itemheading .moreInfoButns li, .userGdM24 .nestedList .moreInfoButns li{ padding: 3px; }
.userGdM24 .itemheading .moreInfoButns li:hover, .userGdM24 .nestedList .moreInfoButns li:hover{ background-color: #eee; }
.userGdM24 .itemheading .moreInfoButns li a, .userGdM24 .nestedList .moreInfoButns li a{ padding: 3px 7px; color: #48484a !important; }
.userGdM24 .itemheading .moreInfoButns li a i, .userGdM24 .nestedList .moreInfoButns li a i{ height: 25px; text-align: center; display: inline-block; color: #0095f6; font-size: 13px; margin-right: 8px; width: 25px !important; padding: 6px; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0) 9px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, rgb(0 149 246) 0px 1px 5px 0px !important; }
.userGdM24 .itemheading .moreInfoButns li:nth-child(3) a i, .userGdM24 .nestedList .moreInfoButns li:nth-child(3) a i{ height: 25px; text-align: center; display: inline-block; color: #f65959 !important; font-size: 13px; margin-right: 8px; width: 25px !important; padding: 6px; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0) 9px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, #f65959 0px 1px 5px 0px !important; }
.userGdM24 .itemheading .moreInfoButns li:hover a i, .userGdM24 .nestedList .moreInfoButns li:hover a i{ background-color: #0095f6 !important; color: #fff !important; }
.userGdM24 .itemheading .moreInfoButns li:hover:nth-child(3) a i, .userGdM24 .nestedList .moreInfoButns li:hover:nth-child(3) a i{ background-color: #f65959 !important; color: #fff !important; }
.userGdM24 .itemheading .navi .fa-chevron-left, .userGdM24 .itemheading .navi .fa-chevron-right{font-size: 23px; margin: 0px 15px; color: #1c84c6;}
.userGdM24 .itemheading .navi .btn,  .userGdM24 .nestedList .navi  .btn{margin-bottom: 0 !important;}
.userGdM24 .content{padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 30px;}
.userGdM24 .details{ margin: 7px; font-size: 16px;}
.userGdM24 .accordion { padding: 13px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; margin-bottom: 15px;}
.userGdM24 .accordion .hrv-icon { display: none; }
.userGdM24 .accordion:hover .hrv-icon { display: inline; }
.userGdM24 .accordion .card{}
.userGdM24 .accordion .card .header{padding: 0}
.userGdM24 .accordion .card .header .hrv-button{display: none; margin-right: 10px;}
.userGdM24 .accordion .card:hover .header .hrv-button{ display: initial; margin: 0; transition: .5s; position: absolute; right: 30px;}
.userGdM24 .accordion .card .header .txt{ float: left; font-size: 21px; color: #084c78; font-weight: 400; }
.userGdM24 .accordion .card .header .icon{ float: right; position: relative; top: 0px;}
.userGdM24 .accordion .card .header .icon .fa-chevron-down{ transition: .5s; font-size: 20px; margin-left: 10px;}
.userGdM24 .accordion .card-body{ margin-top: 10px; border-top: 1px solid #ccc; padding: 0; padding-top: 10px; font-size: 16px;}
.userGdM24 .viewCandiA17 .dataPlane .mainBox .bottomButton .bwt-cancel{ padding: 5px 10px; width: auto;}
.userGdM24 .nestedList{border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.userGdM24 .nestedList .details{height: 500px;overflow-x:scroll;overflow-y:scroll;}
.userGdM24 .nestedList .details ul{margin: 0; list-style: none; }
.userGdM24 .nestedList .details .levelOne{ padding:0; font-size: 16px; }
.userGdM24 .nestedList .details ul:nth-child(1) li{ border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 3px; }
.userGdM24 .nestedList .details .levelOne li a{ font-size: 18px; color: #48484a }
.userGdM24 .nestedList .details ul li{padding: 7px 0px 0px; cursor: pointer; font-size: 16px; font-weight: 500; color: #48484a;}
.userGdM24 .nestedList .details ul li:hover{color: #1c84c6; font-weight: 600;}
.userGdM24 .nestedList .details ul li .fa-external-link{opacity: 0; color: #1c84c6 !important}
.userGdM24 .nestedList .details ul li:hover .fa-external-link{opacity: 1; transition: 0.8s}
.userGdM24 .nestedList .details ul li ul{padding-left: 15px;}
.userGdM24 .nestedList .details ul li ul a{color: #48484a; font-size: 16px !important; }
.userGdM24 .nestedList .details ul li ul a:hover, .userGdM24 .nestedList .details ul li ul a:active, .userGdM24 .nestedList .details ul li ul a:focus, .userGdM24 .nestedList .details ul li ul a:visited{color: #1c84c6 !impo; font-weight: 600; }
.userGdM24 .nestedList .details ul li .fa-chevron-down{font-weight: 100; font-size: 15px; color: #1c1c1e; transition: .5s; margin-right: 5px; float: right; padding-top: 3px;}
.userGdM24 .changeIcon{transform: rotate(90deg); color: #1c84c6 !important; }
.userGdM24 .changeIcon2{transform: rotate(180deg); color: #1c84c6 !important; transition: .5s; }
.userGdM24 .nestedList .details .levelTwo, .userGdM24 .nestedList .details .levelThree{padding-left: 30px; }
.userGdM24 .nestedList .details .levelTwo li{ font-size: 16px; border: none; padding: 5px 0px;}
.userGdM24 .nestedList .details .levelThree li{ font-size: 15px; border: none; padding: 5px 0px; font-weight: 400;}
.userGdM24 .nestedList .details ul .bwt-new{ margin: 0; font-size: 13px; padding: 4px 14px;}
.userGdM24 .expUserbtn{ position: absolute; z-index: 2; top: 46px; left: 0px; border-radius: 0 50px 50px 0 !important;}
.rotateIcon180{transform: rotate(180deg); transition: .5s; }
.rotateIcon0{transform: rotate(0deg); transition: .5s; }
.userGdM24 .recSearchBox{margin-bottom: 15px; margin-right: 15px; margin-left: 5px;}
.userGdM24 .bwt-addGuide{ margin: 0 !important; padding: 11px 23px; }
.upsale-button { position: relative; z-index: 0; height: 30px; overflow: hidden; border: none !important; padding: 0 !important; background: #fff !important; color: #1c84c6; background: white; border-radius: 50px; width: 110px; text-align: center; font-size: 14px; font-weight: 400; box-shadow: 0 4px 50px 0 rgb(0 0 0 / 7%); transition: .2s all linear; text-decoration: initial;}
.upsale-button span {position: relative; z-index: 1; height: calc( 100% - 4px ); width: calc( 100% - 4px ); top: 2px; left: 2px; align-items: center; display: flex;justify-content: center; border-radius: 50px; color: #1c84c6; background: #fff;}
.upsale-button:after { content: ""; position: absolute; z-index: -2; left: -50%; top: -50%; width: 200%;  height: 200%; background-color: transparent; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(90deg, rgba(28, 132, 198,0) 0%, rgba(28, 132, 198,1) 50%, rgba(28, 132, 198,0) 100%); -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }
@-webkit-keyframes rotate { 100% { transform: rotate(360deg); }}
@keyframes rotate { 100% { transform: rotate(360deg); }}
.showProgressPopup-modal .modal-content{border-radius: 15px;}
.showProgressPopup-modal .modal-header{border-radius: 15px 15px 0 0; padding: 20px 15px;; background-color: #f4f4f4;}
.showProgressPopup-modal .modal-header h1{text-align: left; color: #1c1c13; font-weight: 600; font-size: 20px; float: left;}
.showProgressPopup-modal .modal-header .bwt-cancel{position: relative; top: -10px; left: 5px;}
.showProgressPopup-modal .modal-header .pro{background-color: #fff; padding: 10px; border-radius: 10px;}
.showProgressPopup-modal .modal-header .profile-sum span {width: 24.4%;}
.showProgressPopup-modal .detailsbox li {cursor: pointer}
.deskProfileInfo li a{padding: 5px 6px;font-size: 15px;font-weight: 500;border-bottom: 1px solid #ddd;border-radius: 0;margin: 0px; }
.deskProfileInfo li a:hover{ color : #1c84c6; }
.deskProfileInfo li:last-child a{ border-bottom: none; }
.dASHMessageAlert .dropdown-messages-box:hover{border-radius: 4px;}
/*My Calender 05/09/2023*/
.calModalPopup{width: 100%;top: 0px;height: 100%;z-index: 9;left: 15px;position: absolute;}
.calModalPopup .content{position: absolute;background-color: #fff;width: 35%;margin: 75px 420px;border-radius: 5px;height: 30%; padding: 5px;}
.calModalPopup .content .form-session{margin: 10px 0px;}
.calModalPopup:after{content:'';position:absolute;background-color:#000;z-index: -9;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4;}
.calModalPopup .content .heading{ background-color: #eee; border-radius: 5px 5px 0 0; padding: 6px;}
.calModalPopup .content .heading h3{margin: 0; float: left; font-size: 25px;font-weight: 500; color: #1c1c1e;padding-top: 2px; }
.calModalPopup .content .heading .bwt-cancel{ float: right; }
/*HelpLinks*/
.recHelpLinks .modal-content{border-radius: 15px;}
.recHelpLinks .modal-content .modal-header{border-radius: 15px 15px 0 0; background-color: #eee; padding: 10px 15px;}
.recHelpLinks .modal-content .modal-header h5{float: left; font-size: 23px; color: #1c1c1e;}
.recHelpLinks .modal-content .modal-header .bwt-cancel{float: right;}
.recHelpLinks .modal-content .modal-body{padding:15px;}
.recHelpLinks .modal-content .modal-body ul{margin:0; padding: 0;list-style: none;height: 500px;  overflow-y: auto;}
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn li{ width: 100% !important; clear: both; border-bottom: 1px solid #ddd !important; cursor:pointer;   }
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn .link{ font-size: 17px; font-weight: 500; color: #676a6c; padding: 15px !important; border-radius: 5px; display: inline-block; }
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn .btnPanel{ float:right; opacity: 0; transition: .5s; padding-top: 15px; padding-right: 15px; }
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn li:hover { background-color: #eee; }
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn li:hover .btnPanel{  opacity: 1; }
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn .link i { height: 30px; display: inline-block; color: #0095f6; font-size: 15px; margin-right: 10px; width: 30px !important; text-align:center; line-height:30px; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0) 9px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px 3px 1px -2px, rgb(0 149 246) 0px 1px 5px 0px !important; }
.recHelpLinks .modal-content .modal-body .reqhlplnkTp-btn li:hover .link i { background-color: #0095f6; color: #fff; }
/*Edit Panel content Dec*/
.EditPanelD13{}
.EditPanelD13 .EditHeader{ margin: 0; padding: 10px 0; font-size: 22px; font-weight: 500; color: #48484a; }
.EditPanelD13 .dataPlane { margin-bottom: 30px; }
.EditPanelD13 .dataPlane .mainBox{ box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) ; border-radius: 10px; padding: 5px; display: table; width: 100%; }
.EditPanelD13 .dataPlane .mainBox .header{ background-color: #eee; border-radius: 10px 10px 0 0; padding: 5px 10px; display: table; width: 100%;}
.EditPanelD13 .dataPlane .mainBox .header2 .bttn-new {padding: 5px 9px 3px 9px !important;}
.EditPanelD13 .dataPlane .mainBox .header .bwt-edit{ padding: 5px 30px; float: right; text-align: center; width: 120px; }
.EditPanelD13 .dataPlane .mainBox .header .bttn-edit, .viewCandiA17 .dataPlane .mainBox .header .bttn-new, .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-new, .viewCandiA17 .dataPlane .mainBox .bottomButton .bttn-edit, .viewCandiA17 .dataPlane .mainBox .bottomButton .bwt-cancel, .viewCandiA17 .dataPlane .mainBox .header .bwt-cancel { padding: 5px 9px 3px 9px !important;float: right !important;text-align: center;width: 85px;margin-right: 5px;margin-left: 5px !important;}
.EditPanelD13 .dataPlane .mainBox .header .bwt-new{ padding: 5px 30px; float: right; text-align: center; width: 120px; }
.EditPanelD13 .dataPlane .mainBox h3{ font-weight: 400; margin: 0; font-size: 25px; color: #1c1c1e; display: flex; align-items: center; float: left}
.EditPanelD13 .dataPlane .mainBox .hike{ padding: 3px 6px; background-color: #c8fdcb; color: #2cA01C !important; border-radius: 5px; font-weight: 500; position: relative;     top: 1px;left: 6px;font-size: 14px; }
.EditPanelD13 .dataPlane .mainBox h4{ font-weight: 400; margin: 0; font-size: 20px; color: #48484a; display: flex; align-items: center; float: left}
.EditPanelD13 .dataPlane .mainBox h3 .number { background-color: #1c84c6 !important; height: 30px; width: 30px; line-height: 31px; border-radius: 50px; color: #fff; text-align: center; font-size: 20px; font-weight: 500; margin-right: 8px; }
.EditPanelD13 .dataPlane .mainBox.done h3 .number {background-color: #2ca01c !important;}
.EditPanelD13 .dataPlane .mainBox h3 .number2 { background-color: #1c84c6 !important; height: 25px; width: 25px; line-height: 25px; font-size: 15px; font-weight: 600; border-radius: 50px; color: #fff; text-align: center; margin-right: 8px; }
.EditPanelD13 .dataPlane .mainBox .sec1{ padding: 0; border-bottom: 2px solid #eee }
.EditPanelD13 .dataPlane .mainBox .bottomButton{ border: none; text-align: right; margin-bottom: 30px; padding-right: 10px; margin-top: 15px; }
.EditPanelD13 .dataPlane .mainBox .bottomButton .btn{ }
.EditPanelD13 .dataPlane .mainBox .sec2{ margin-top: 20px; margin-bottom: 20px; padding: 0px; }
.EditPanelD13 .dataPlane .mainBox .sec2 .labelName{ font-size: 20px; font-weight: 400; color: #48484a; padding-right: 0;}
.EditPanelD13 .dataPlane .mainBox .sec2 .input-group{ font-size: 20px; width: 100%; }
.EditPanelD13 .dataPlane .mainBox .sec2 .shadowBorder-left{ background-color: #f6f6f6; font-size: 19px; width: 10%; padding: 0;border: 1px solid #ddd !important; } 
.EditPanelD13 .dataPlane .mainBox .rateSec .shadowBorder-left{ width: 15%; }
.EditPanelD13 .dataPlane .mainBox .sec2 .shadowBorder-left i{ }
.EditPanelD13 .dataPlane .mainBox .sec2 .shadowBorder-right{ background-color: #f6f6f6; font-size: 20px; width: 100%;border: 1px solid #ddd !important; }
.EditPanelD13 .dataPlane .mainBox .sec2 select.shadowBorder-right{ padding-top: 3px !important; }
.EditPanelD13 .dataPlane .mainBox .sec2:hover .shadowBorder-left, .viewCandiA17 .dataPlane .mainBox .sec2:focus .shadowBorder-left, .viewCandiA17 .dataPlane .mainBox .sec2:active .shadowBorder-left{ background-color: #f2f2f2; color:#1c84c6; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important }
.EditPanelD13 .dataPlane .mainBox .sec2:hover .shadowBorder-right, .viewCandiA17 .dataPlane .mainBox .sec2:focus .shadowBorder-right, .viewCandiA17 .dataPlane .mainBox .sec2:active .shadowBorder-right{ background-color: #fff !important; color: #1c84c6; }
.EditPanelD13 .dataPlane .mainBox .sec2 .panel19{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 10px; margin-right: 15px; margin-left: 15px; padding: 5px;}
.EditPanelD13 .dataPlane .mainBox .sec2 .panel19 .header{ background-color: #eee; font-size: 20px; font-weight: 500; color: #1c1c1e; padding: 5px 10px; border-radius: 10px 10px 0 0; }
.EditPanelD13 .dataPlane .mainBox .sec2 .panel19 .body{ padding: 15px; }
.EditPanelD13 .dataPlane .mainBox .sec2 .panel19 .body .input-group{ display: flex; margin-bottom: 15px; }
.EditPanelD13 .dataPlane .mainBox .sec2 .panel19 .body .inputshadowBorder{ border-radius: 50px; }
.EditPanelD13 .dataPlane .mainBox .sec2 .panel19 .tags{ background: #cdebff !important; color: #1c84c6 !important; font-size: 16px; padding: 5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 9px; display: inline-block; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; }
.EditPanelD13 .dataPlane .mainBox .skillsetBox{ height: 150px; overflow-y: auto; }
.EditPanelD13 .dataPlane .mainBox .skillsTab{ border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;  }
.EditPanelD13 .dataPlane .mainBox .skillsTab thead th{ background-color: #eee; color: #48484a; }
.EditPanelD13 .dataPlane .mainBox .skillsTab tbody td{ vertical-align: middle; height: 55px; font-size: 17px; }
.CustomerStage .wrapper_progress .arrow-steps .step{ width: 13.6%; height: 42px; }
.CustomerStage .wrapper_progress{margin-top: 6px;}
.EditPanelD13 .multiDropCus .btn-group{ width: 100%; display: flex; justify-content: space-between; padding: 5px;}
.EditPanelD13 .multiDropCus .btn-select-left{ padding: 4px; text-align: left; }
.EditPanelD13 .multiDropCus .btn-select-right{ text-align: left; }
.EditPanelD13 .multiDropCus .dropdown-ul { z-index: 99999; width: 90%; left: 18px; }
/*Assign Jobs*/
.assignJobStage .wrapper_progress .arrow-steps .step{width: 13.5%; height: 35px; cursor: pointer;}
.assignJobStage .wrapper_progress .arrow-steps .step p{ font-size: 13px; margin-top: -1px;}
.assignJobStage .wrapper_progress .arrow-steps .step:after, .assignJobStage .wrapper_progress .arrow-steps .step:before{border-top: 19px solid transparent; border-bottom: 17px solid transparent;}
/*RecRTRSendPage*/
.RecRTRSendPage{padding: 0 !important; margin: 8px 5px; background-color: #fff;}
.RecRTRSendPage-Box{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 8px; margin: 8px; padding: 8px; }
.RecRTRSend-Header{background-color : #eee; padding: 10px; padding: 8px; border-radius: 6px;}
.RecRTRSend-Header h2{font-size: 23px; float: left; font-weight: bold; margin: 0; padding: 7px 0 0 0; color : #1c1c1e;}
.RecRTRSend-Header .RecRTRSend-btns{ float: right; }
.RecRTRSendPage-sec2{ margin-top: 20px; margin-bottom: 20px; padding: 0px; }
.rtrDataPlane{}
.rtrDataPlane .secc-1{ margin: 5px 0 10px; border-bottom: 1.5px solid #ddd; padding: 5px 0 10px; }
.rtrDataPlane .secc-1:nth-child(1), .rtrDataPlane .secc-1:nth-child(2){ margin: 12px 0 10px; }
.rtrDataPlane .secc-2{border-bottom: none;}
.RecRTRSendPage-labelName{ font-size: 18px; font-weight: 500; color: #1c1c1e; padding: 0px !important;}
.RecRTRSendPage-data{ font-size: 18px; font-weight: 400; color: #48484a; padding: 0px !important;}
.RecRTRSendPage-Box .es-header-body{width:100% !important;}
/*candiStts-D18*/
.candiStts-D18{background-color: #eee; margin: 5px; padding: 0px; border-radius: 8px; display: flex; justify-content: space-between;}
.candiStts-D18 .leftArrow{ background-color: #ddd; padding: 6px; margin: 0; color: #48484a; cursor: pointer;}   
.candiStts-D18 .disableArrow{ cursor: not-allowed !important; opacity: 0.5 }
.candiStts-D18 .rightArrow{ background-color: #ddd; padding: 6px; margin: 0; color: #48484a; z-index: 1;  cursor: pointer; }
.candiStts-D18 .fltr{padding: 10px 10px 3.5px 10px; width: 1230px;}
.candiStts-D18 .hideScroll::-webkit-scrollbar { width: 0; background: transparent; }
.candiStts-D18 ul{ padding: 0; list-style: none; margin: 0; color: #48484a; display: flex; overflow-x: scroll; }
.candiStts-D18 ul li{ padding: 0; list-style: none; margin: 0; color: #48484a;}
.candiStts-D18 .filter-tiles{ border-radius: 50px; margin-right: 10px; border: none; width: 140px !important; color: #48484a; }
.candiStts-D18 .filter-tiles span{ color: #fff !important; float: right !important; }
.hideScroll::-webkit-scrollbar-track { -webkit-box-shadow: none !important; border-radius: 0px !important; background: none !important;}
.hideScroll::-webkit-scrollbar { width: 0px; background: none !important; }
.hideScroll::-webkit-scrollbar-thumb { border-radius: 0px !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); background: none !important; }
.taskInterview{padding-top: 0 !important;}
.taskInterview .labelName{padding-left: 0 !important; font-size: 16px !important; font-weight: 500 !important; padding-top: 5px;}
.taskInterview .inputshadowBorder{ padding: 5px; font-size: 16px;}
.taskInterview .input-group{margin-bottom: 0 !important;}
.taskInterview .sec2 {margin-bottom: 12px !important; margin-top: 12px;}
.taskInterview .mainBox {padding-top: 0px !important;}
.taskInterview .List-Box { position: absolute; width: 93%; background-color: #fff; z-index: 9; top: 40px; border-radius: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; height: 300px; overflow-y: auto;}
.taskInterview .List-Box ul{ margin: 0; list-style: none; padding: 8px; }
.taskInterview .List-Box ul li{ padding: 8px; margin-top: 0px; border-radius: 5px; margin-bottom: 6px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; cursor: pointer;}
.taskInterview .List-Box ul li:hover{ background-color: #eee !important; }
.taskInterview .List-Box ul li .name{ font-size: 18px; font-weight: 600; color: #1c1c1e; }
.taskInterview .List-Box ul li .sup1{ background-color: #ddd; display: inline-block; padding: 5px 11px; border-radius: 50px; margin-top: 0px; font-size: 12px; font-weight: 500; color: #1c1c1e; }
.taskInterview .List-Box ul li .sup3{ background-color: #e77200 !important; display: inline-block; padding: 4px 11px; border-radius: 50px; margin-top: 0px; font-size: 12px; font-weight: 500; color: #fff; }
.taskInterview .table-Interviewer table td{padding: 8px 5px !important; vertical-align: middle;}
.taskInterview .table-Interviewer table td .un-circle-badge-gr{ height: 25px !important; width: 25px !important; line-height: 25px !important; text-align: center; border-radius: 215px; color: white; margin-left: auto; margin-right: auto; background-color: #2ca01c; font-size: 14px; font-weight: 600;}
.taskInterview .table-Interviewer table td .inputshadowBorder { font-size: 14px; height: 30px;}
.taskInterview .table-Interviewer table td .bwt-cancel { font-size: 14px; padding: 4px 9px; margin: 0; }
.addExtJobD20 .canSel011{top: 52px; width: 51%;}
.addExtJobD20 .canSel011 ul{ margin: 0; list-style: none; padding: 8px; }
.addExtJobD20 .canSel011 ul li{ padding: 8px; margin-top: 0px; border-radius: 5px; margin-bottom: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; cursor: pointer;}
.addExtJobD20 .canSel011 ul li:hover{ background-color: #eee !important; }
.addExtJobD20 .canSel011 ul li .name{ font-size: 18px; font-weight: 600; color: #1c1c1e; }
.addExtJobD20 .canSel011 ul li .sup1{ background-color: #ddd; display: inline-block; padding: 5px 11px; border-radius: 50px; margin-top: 0px; font-size: 12px; font-weight: 500; color: #1c1c1e; }
.addExtJobD20 .canSel011 ul li .sup3{ background-color: #e77200 !important; display: inline-block; padding: 4px 11px; border-radius: 50px; margin-top: 0px; font-size: 12px; font-weight: 500; color: #fff; }
.addExtJobD20 .candidateSrch{ box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 #1c84c6 !important; border-radius: 50px; display: inline-flex; padding: 10px 0 10px 15px; font-size: 20px; margin-top: 5px;}
.addExtJobD20 .recSearchBoxData{ left: 18px; top: 70px !important; }
.addExtJobD20 .headerJ3 { background-color: #eee; padding: 10px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 3px 6px #00000029; font-weight: 500 !important; font-size: 20px; color: #1c1c1e;}
.addExtJobD20 .footerJ3 { margin-top: 20px; padding: 0 15px; }
.addExtJobD20 .headerJ3 .left{float: left;}
.addExtJobD20 .headerJ3 .right{float: right;}
.addExtJobD20 .headerJ3 .right .bttn-new, .addExtJobD20 .headerJ3 .right .bttn-edit, .addExtJobD20 .footerJ3 .bttn-new, .addExtJobD20 .footerJ3 .bttn-edit{ margin-top: 10px; padding: 5px 25px; }
.addExtJobD20 .headerJ3 p{ font-size: 16px; color: #0095f6 !important; margin: 0px; }
.addExtJobD20 .jobDetailShow { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 6px; margin-top: 20px;}
.addExtJobD20 .jobDetailShow .bOne{ background-color: #def3ff !important; padding: 10px !important; border-radius: 6px 6px 0 0;}
.addExtJobD20 .jobDetailShow .bOne h1 { color: #1C1C1E !important; font-weight: 500; margin: 10px 0; font-size: 25px;}
.addExtJobD20 .jobDetailShow .bg-blue-f6-label { margin: 0 0px 0px 0; padding: 4px 15px; font-weight: 400; font-size: 13px; }
.addExtJobD20 .jobDetailShow .bTwo{ background-color: #fff !important; padding: 7px 10px !important; font-weight: 500; color: #1c1c1e;}
.addExtJobD20 .jobDetailShow .bwt-cancel{ float: right; position: relative; top: 7px; right: 7px; padding: 4px 9.5px; }
.addExtJobD20 .jobDetailShow .detsTab { margin-top: 8px; color: #676a6c; }
.addExtJobD20 .jobDetailShow .detsTab span{ border-right: 2px solid #969696; padding-right: 10px; margin-right: 6px; }
.addExtJobD20 .jobDetailShow .detsTab span:nth-last-child(1){ border-right: none; }
.addExtJobD20 .jobDetailShow .detsTab span i{ margin-right: 3px }
.addExtJobD20 .empDets{ margin-top: 10px }
.addExtJobD20 .empDets .box1{ box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 10px; padding: 3px; font-size: 18px;}
.addExtJobD20 .empDets label{ margin: 0; color: #1c1c1e; }
.addExtJobD20 .empDets .sec1{ padding: 12px 0px; border-bottom: 2px solid #EEE; }
.addExtJobD20 .empDets .sec1:nth-last-child(1){ border-bottom: none !important; }
.addExtJobD20 .empDets .sec2{ }
/*.addExtJobD20 .profileSkills{ width: 50%; margin: auto; }*/
.addExtJobD20 .profileSkills{ width: 100%; }
.switchD26 .toggle { position: relative; box-sizing: border-box; }
.switchD26 .toggle input[type="checkbox"] { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; cursor: pointer; opacity: 0; }
.switchD26 .textLabel { color: #676a6c !important; font-weight: 600; margin-right: 7px; }
.switchD26 .toggle label { position : relative; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.switchD26 .toggle label:before { content: ''; width: 50px; height: 20px; background: #fff; border: 2px solid #DDD; box-shadow: inset -30px 0 0 #DDD; position: relative; display: inline-block; border-radius: 20px; box-sizing: border-box; transition: 0.25s ease-in-out;}
.switchD26 .toggle input[type="checkbox"]:checked + label:before { box-shadow: inset 30px 0 0 #2ca01c;}
/*Summernote Tooltip*/
.note-editor .note-toolbar button[data-original-title]::before {content: attr(data-original-title);display: none;position: absolute;background-color: #444141;color: #fff;padding: 2px 10px;border-radius: 4px;font-size: 11px;white-space: nowrap;top:25px}
.note-editor .note-toolbar button[data-original-title]:hover::before {display: block;}
.tooltip[role="tooltip"]{display:none !important;}
.note-editor .note-toolbar button[data-original-title]{border-radius:1px !important;}
.masterDataSetup #tabMenu > a, .masterDataSetup #tabMenu.active > a{ padding: 6px 9px 6px 9px !important; }
/*client Portal*/
.client-NamePanel{ background-color: #f4f4f4; padding: 8px; border-radius: 8px; margin: 10px 5px 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.client-NamePanel .headerBox{}
.client-NamePanel .headerBox .circle-name{ height: 60px; width: 60px; line-height: 60px; margin-right: 5px;}
.client-NamePanel .headerBox .box{ width: 100px; background-color: #2ca01c; height: 60px; z-index: 99; margin-right: 5px; border-radius: 6px; margin-left : 5px; padding: 0px 8px;}
.client-NamePanel .headerBox .box .icon{ font-size: 14px; font-weight: bold; color: #2ca01c; float: left; height: 25px; width: 25px; text-align: center; line-height: 25px; border-radius: 50px; background-color: #fff; margin-top: 5px; }
.client-NamePanel .headerBox .box .num{ font-size: 25px; font-weight: bold; color: #fff; float: right; }
.client-NamePanel .headerBox .box .boxAddress { font-weight: 500; color: #fff; font-size: 12px; }
.client-NamePanel .headerBox .nametxt{font-size: 26px; font-weight: 500; color: #1c1c1e; text-transform: capitalize; margin: -3px 0px 2px;}
.client-NamePanel .headerBox .emailtxt{color: #0095f6}
.client-NamePanel .headerBox .emailtxt:hover{color: #1c84c6; font-weight: 500;}
.client-NamePanel .headerBox .infoBox{ background-color: #fff; padding: 5px 10px; border-radius: 50px; border: 2px solid #fff !important; font-weight: 600; color: #1c84c6; margin-right: 3px; font-size: 13px; }
.client-NamePanel .headerBox .infoBox:nth-child(4), .client-NamePanel .headerBox .infoBox:nth-child(5){ background-color: #2cA01C !important; color: #fff;}
.client-NamePanel .detailBox{}  
#configureModal .inputshadowBorder { border: 2px solid #ddd !important; height: 45px;}
.filtertag-list{padding-top: 5px;}
.filtertag-list .tag{ background: #cdebff !important; color: #1c84c6 !important; font-size: 14px; padding:5px 7px; border-radius: 8px; margin-right: 5px; margin-bottom: 9px; display: inline-block; font-weight: 500; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%), 0 3px 1px -2px rgb(0 0 0 / 1%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important; margin-left: 6px; }
.filtertag-list .tag:nth-child(1){ margin-left: 0; }
.filtertag-list .btn { background-color: rgb(255 255 255) !important; border: none !important; color: #676A6C !important; font-weight: 500 !important; padding: 0px 4px !important; border-radius: 50px !important; font-size: 12px !important; margin-left: 5px !important; margin: 0; position: relative; top: -1px;}
.auditSidePanel {background-color: #fff; border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; overflow: hidden; position: fixed; top: 60px; width: 360px !important; z-index: 1009; bottom: 0; right: 0px;}
.auditSidePanel .bottomBtn{ position: sticky;  bottom: 0; background-color: #eee; text-align: center; padding: 10px; font-weight: 500; color: #1c1c1e; cursor: pointer;}
.auditSidePanel .bottomBtn:hover{ color: #1c84c6; }
.actionCen-tab .slimScrollBar{display: none; opacity: 0 !important;}
.actionCen-tab ul{height: 580px; overflow-y: auto; overflow-x: hidden;}
.actionCen-tab li{padding: 15px 15px 15px 12px !important; }
.actionCen-tab li a{ display: contents; }
.actionCen-tab li a .num{ display: block; }
.actionCen-tab li a .icon{ display: none; }
.actionCen-tab li a:hover .num{ display: none; }
.actionCen-tab li a:hover .icon{ display: block; }
.actionCen-tab li .box{ display: flex; justify-content: space-between; align-items: center;}
.actionCen-tab li .right{  }
.actionCen-tab li .left{ font-size: 14px; font-weight: 500; }
.actionCen-tab li .left .word{ display: flex; align-items: center; }
.actionCen-tab li .left i{ color: #0095f6 !important; font-size: 16px; }
.actionCen-tab li .left span{ padding-left: 8px; }
.actionCen-tab li .actionCount{ background: #FC6621; color: #fff; padding: 2px 6px; border-radius: 5px; width: 35px; font-weight: 600; text-align: center; font-size: 13px;}
/*appoinment calender by swapna*/
.appoinmentcalender .fc-event-time, .appoinmentcalender .fc-event-title {color: #fff !important;}
.holidayListStyle .un_filter-panel{ border-radius: 50px !important; margin: 5px 0px 7px 0px !important; box-shadow:  0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}
.holidayListStyle .bottom{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; padding: 0; margin-top: 15px; border-radius: 10px; }
.holidayListStyle .leftSession{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; padding: 0; margin-top: 15px; border-radius: 10px; }
.holidayListStyle .leftSession .image-Block{ overflow:hidden; }
.holidayListStyle .leftSession .image-Block .holidayimages img{ width: 307px; border-radius: 10px 10px 0 0; }
.holidayListStyle .leftSession .image-Block .holidayimages:nth-child(1) img{ width:100%; }
.holidayListStyle .leftSession .image-Block .holidayimages:nth-child(2) img{ width: 310px;}
.holidayListStyle .leftSession .image-Block .holidayimages:nth-child(3) img{ width: 307px;}
.holidayListStyle .leftSession .image-Block .holidayimages:nth-child(4) img{ width: 307px;}
.holidayListStyle .leftSession .image-Block .holidayimages:nth-child(5) img{ width: 307px;}
.holidayListStyle .leftSession .data-Block{padding: 8px;}
.holidayListStyle .leftSession .data-Block .boxes{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; padding: 4px; border-radius: 10px; margin-bottom: 12px;}
.holidayListStyle .leftSession .data-Block .boxes .header{background-color: #0096f5; padding: 7px; border-radius: 10px 10px 0 0; font-weight: 600; color: #fff; }
.holidayListStyle .leftSession .data-Block .boxes .header span{font-weight: 500; color: #eee; font-size: 12px;}
.holidayListStyle .leftSession .data-Block .boxes .list{ height: 200px; overflow-y: auto; }
.holidayListStyle .leftSession .data-Block .boxes .list .row{ margin: 8px 0px; padding: 7px 5px; background-color: #eee; border-radius: 5px; }
.holidayListStyle .leftSession .data-Block .boxes .list .row.green{ background-color: #e0ffe2; }
.holidayListStyle .leftSession .data-Block .boxes .list .row.blue{ background-color: #dcf2ff; }
.holidayListStyle .leftSession .data-Block .boxes .list .row .left{ float: left; font-weight: 600; color: #1c1c1e; width: 60%; text-align: left}
.holidayListStyle .leftSession .data-Block .boxes .list .row .right{ float: right; color: #676a6c; font-weight: 500; width: 40%; text-align: right}
.holidayListStyle .leftSession .data-Block .boxes .list .row.green .right{ color: #00BF0E; }
.holidayListStyle .leftSession .data-Block .boxes .list .row.blue .right{ color: #1C84C6; }
.holidayListStyle .leftSession .data-Block .boxes .list2{} 
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6{ padding: 10px 5px; text-align: center;}
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6 .un-circular-chart{ height: 80px; margin: auto; }
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6 .text1{ font-size: 15px; padding-bottom: 5px; }
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6:nth-child(1) .text2{ color: #00BF0E; font-weight: 600; font-size: 18px; padding: 6px 0 0; }
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6:nth-child(1) .un-circular-chart .circle{ stroke: #00BF0E; }
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6:nth-child(2) .text2{ color: #0096F5; font-weight: 600; font-size: 18px; padding: 6px 0 0; }
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6:nth-child(2) .un-circular-chart .circle{ stroke: #0096F5; }
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6{ padding: 10px 5px; text-align: center;}
.holidayListStyle .leftSession .data-Block .boxes .list2 .col-md-6:nth-child(1) .boxHView{ background-color: #00BF0E}
.un-notebox .pull-left.bold.text-14px{margin-left: 40px !important;}
.un-notebox .gray-bg.client-avatar{margin-left: 13px !important;}
#toast-container > div.toast {background-image: inherit !important;}
.masterDataModal .modal-dialog{width: 40% !important;}
.masterDataModal .modal-header{ background-color: #eee; margin: 4px; border-radius: 4px; padding: 0px 10px !important;}
.masterDataModal .modal-body{ height: 100% !important; padding: 5px !important; }

#hiredSummaryShow .candiStages .arrow-steps{width: 95%;}
#hiredSummaryShow .detilsProgress .candiStages .arrow-steps .step{width: 19.1%;}
#hiredSummaryShow .auditStages .step {padding-top: 3px;}

#holiList .modal-dialog{width: 27%}
#holiList .modal-content{border-radius: 20px;}
#holiList .modal-body{text-align: center;}
#holiList .modal-footer{text-align: center; margin-top: 0;}
#holiList .dataBlock{list-style: none; padding: 0; margin-bottom: 0px;}
#holiList .dataBlock li{margin-top: 10px;}
#holiList .dataBlock li:nth-child(1){margin-top: 0px;}
#holiList .modal-body h1{ font-weight: 700; color: #1c1c1e; }
#holiList .dataBlock .lists{padding: 10px; background-color: #eee; border-radius: 5px; font-weight: bold; font-size: 17px;}
#holiList .dataBlock .lists.green{background-color: #e0ffe2; border-left: 5px solid #00BF0E;}
#holiList .dataBlock .lists.blue{background-color: #dcf2ff; border-left: 5px solid #1C84C6;}
#holiList .dataBlock .lists .left{float: left; color: #1c1c1e; text-align: left;}
#holiList .dataBlock .lists .left h4{color: #676a6c; font-weight: 500; font-size: 14px;margin:0;}
#holiList .dataBlock .lists .right{float: right}
#holiList .dataBlock .lists.green .right, #holiList .dataBlock .lists.green .left h4 {color: #00BF0E}
#holiList .dataBlock .lists.blue .right, #holiList .dataBlock .lists.blue .left h4 {color: #1C84C6}

/*resizable-table*/
#resizable-table thead { position: relative; }
#resizable-table th { border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; position: relative;}
#resizable-table td { border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; position: relative;}
#resizable-table .th-resizer { position: absolute; right: 0; top: 0; width: 5px; height: 100%; cursor: col-resize; user-select: none; }
#resizable-table .thead{border-radius: 10px 10px 0 0}
.bwt-tableCtrl{position: absolute; right: 10px; top: 20px; border-radius: 0 10px 0 10px !important; padding: 3px 10px; z-index: 9}
.tableDataControl{position: relative;display: contents;}
.tableDataControl .dropdown-menu{ left: auto; right: 42px; top: 36px; z-index: 99;}
.tableDataControl .resultBox{ left: 0 !important; width: 200px; top: 10px; }
.tableDataControl .dropdown-menu:before{ right: -30px; top: 1px;}
.tableDataControl .list{ margin-top: 0px;}
/*New Pagination*/
.NewPagination{float:right;}
.NewPagination .pagination {margin:0px !important;}
.NewPagination .pagination:before {content: 'Pages :';position: relative;float: left;font-size: 16px;top: -5px;font-weight: 700;}
.NewPagination .pagination li a,.NewPagination .pagination li span {border: 0px !important;font-size: 17px !important;padding: 0px 6px 0px 6px !important;border-right: 1px solid #0a0a0a !important;margin-right: 0px;line-height: 13px !important;margin-left: 0px;color: #000;}
.NewPagination .pagination li a:hover,.NewPagination .pagination li span:hover{background-color:transparent;}
.NewPagination .pagination li.active a {background-color:transparent;font-weight:600;color: #1c84c6;}
.NewPagination .pagination li:last-child a,.NewPagination .pagination li:nth-last-child(2) a{border-right:0px !important;}
.NewPagination .pagination li[ng-class="{disabled: currentPage === 1}" ] a,.NewPagination .pagination li[ng-class="{disabled: currentPage === totalPages}"] a{font-size: 25px !important;display:none;}
.categoryaddO10 .cateField{}
.categoryaddO10 .mulSelctdrpdwnInput .text  {padding-left: 5px;}
.categoryaddO10 .cateField .col-md-6{ display: flex; align-items: center; padding: 0 10px; }
.categoryaddO10 .cateField .labelName{ font-size: 18px; font-weight: 500; width: 34%; color: #0095f6 !important; }
.categoryaddO10 .cateField .labelValue{ width: 60%; font-weight: 500; }
.categoryaddO10 .cateField .inputItems{ margin: 15px 0; border-bottom: 2px solid #eee; padding-bottom: 20px; }
.categoryaddO10 .cateField .inputFunctions{}
.fontawesomeiconInput .text {padding-left: 5px;}
.fontawesomeiconInput i { right: 10px; box-shadow: none !important; }
.fontawesomeiconSelectPanel .icon-list{ padding: 8px 0px 8px 8px; list-style: none; font-size: 15px; line-height: 32px; color: #1c1c1e; font-weight: 500; }
.fontawesomeiconSelectPanel .icon-list li{ cursor: pointer; transition: .5s; border-bottom: 1px solid #e3e3e3; }
.fontawesomeiconSelectPanel .icon-list li:hover{ color: #0095f6 !important; }
.fontawesomeiconSelectPanel .searchbox input[type=text], .fontawesomeiconSelectPanel .searchbox .form-control{ border-radius: 4px; width: 100% !important; }
.colorPickerInput { display: flex; justify-content: space-between; align-items: center; padding: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; border: none !important; border-radius: 25px; outline: none !important; height: 35px; cursor: pointer; }
.colorPickerInput:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 #1c84c6 !important }
.colorPickerInput [type='color'] { border: none; -moz-appearance: none; -webkit-appearance: none; padding: 0; width: 32px !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; box-shadow: none; background-color: transparent; margin: 0 6px 0 6px; border-radius: 13px; }

/*-----------------------------Some Media Screen Code------------------------------------------*/
@media only screen and (min-width: 1170px) {
#vertical-timeline.center-orientation {margin-top: 3em;margin-bottom: 3em;}
#vertical-timeline.center-orientation:before {left: 50%;margin-left: -2px;}
.center-orientation .vertical-timeline-block {margin: 4em 0;}
.center-orientation .vertical-timeline-block:first-child {margin-top: 0;}
.center-orientation .vertical-timeline-block:last-child {margin-bottom: 0;}
.center-orientation .vertical-timeline-icon {width: 50px;height: 50px;left: 50%;margin-left: -25px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;font-size: 19px;}
.center-orientation .vertical-timeline-icon i {margin-left: -12px;margin-top: -10px;}
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden {visibility: hidden;}
.center-orientation .vertical-timeline-content {margin-left: 0;padding: 1.6em;width: 45%;}
.center-orientation .vertical-timeline-content::before {top: 24px;left: 100%;border-color: transparent;border-left-color: white;}
.center-orientation .vertical-timeline-content .btn {float: left;}
.center-orientation .vertical-timeline-content .vertical-date {position: absolute;width: 100%;left: 122%;top: 2px;font-size: 14px;}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {float: right;}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color: white;}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {float: right;}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {left: auto;right: 122%;text-align: right;}
.center-orientation .cssanimations .vertical-timeline-content.is-hidden {visibility: hidden;}
}
@media only screen and (max-width: 1170px) {
  .center-orientation.dark-timeline .vertical-timeline-content:before {border-color: transparent #f5f5f5 transparent transparent;}
}
@media (min-width: 992px) {
.landing-page .featurette-heading {margin-top: 120px;}
.menu-visible-md {display: block !important;}
}
@media (max-width: 992px) {
.forum-info {margin: 15px 0 10px 0;display: none;}
.forum-desc {float: none !important;}
.landing-page .carousel-image {display: none;}
.chat-users,.chat-statistic {margin-left: 0;}
body.rtls .chat-users,body.rtls .chat-statistic {margin-right: 0;}
}
@media (min-width: 768px) {
.landing-page .navbar-wrapper {margin-top: 20px;}
.landing-page .navbar-wrapper .container {padding-right: 15px;padding-left: 15px;}
.landing-page .navbar-wrapper .navbar {padding-right: 0;padding-left: 0;}
.landing-page .navbar-wrapper .navbar {border-radius: 4px;}
.landing-page .carousel-caption p { margin-bottom: 20px;font-size: 14px;line-height: 1.4;}
.landing-page .featurette-heading {font-size: 50px;}
.vertical-timeline-content h2 {font-size: 18px;}
.vertical-timeline-content p {font-size: 16px;}
#page-wrapper {position: inherit;margin: 0 0 0 240px;min-height: 2002px;}
#page-wrapper {position: inherit; margin: 0 0 0 220px;min-height: 1200px;}
.navbar-static-side {z-index: 2001;position: absolute;width: 220px;}
.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts {margin-left: auto;}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {display: block;border-radius: 0 2px 2px 0;min-width: 140px;height: auto;}
}
@media (max-width: 768px) {
.landing-page .carousel-caption,
.landing-page .carousel-caption.blank {left: 5%;top: 80px;}
.landing-page .carousel-caption h1 {font-size: 28px;}
.landing-page .navbar.navbar-scroll .navbar-brand {margin-top: 6px;}
.landing-page .navbar-default {background-color: #fff;border-color: #fff;padding: 15px 0;}
.landing-page .navbar-default .navbar-nav > .active > a:focus {background: transparent;color: inherit;}
.landing-page .navbar-default .nav li a {color: #676a6c;}
.landing-page .navbar-default .nav li a:hover {color: #1c84c6;}
.landing-page .navbar-wrapper .navbar {padding-top: 0;padding-bottom: 5px;border-bottom: 1px solid #e7eaec;border-radius: 0;}
.landing-page .nav > li > a {padding: 25px 10px 15px 10px;}
.landing-page .navbar-nav > li > a {padding: 20px 10px;}
.landing-page .navbar .navbar-brand {margin-top: 6px;border-radius: 5px;font-size: 12px;padding: 10px;height: auto;}
.landing-page .navbar-wrapper .navbar {padding-left: 15px;padding-right: 5px;}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {color: inherit;}
.landing-page .carousel-control {display: none;}
.landing-page .navbar .navbar-header {display: block;float: none;}
.landing-page .navbar .navbar-header .navbar-toggle {background-color: #ffffff;padding: 9px 10px;border: none;}
.navbar-right {text-align: center;}
.html5buttons {float: none;margin-top: 10px;}
.dataTables_length {float: none;}
.top-navigation .navbar-header {display: block;float: none;}
/*#side-menu {margin-top: 90px !important;}*/
.fuploadmobView {overflow-x: auto; }
.dshbrd-profile-card-bottom-icons {font-size: 15px !important;padding: 4px 5px 5px 6px !important;width: 30px !important;height: 30px !important;}
.dashboard-page .holiday-banner-emp-dshbrd .caption { width: 97% !important; }
.dashboard-page .holiday-banner-emp-dshbrd .caption h3 { font-size: 19px !important;}
.holiday-banner-emp-dshbrd-img {display: none;}
body.rtls .navbar-top-links li:last-child {margin-left: 20px;}
.body-small.rtls #page-wrapper {position: inherit;margin: 0 0 0 0;min-height: 1000px;}
.body-small.rtls .navbar-static-side {display: none;z-index: 2001;position: absolute;width: 70px;}
.body-small.rtls.mini-navbar .navbar-static-side {display: block;}
.rtls.fixed-sidebar.body-small .navbar-static-side {display: none;z-index: 2001;position: fixed;width: 220px;}
.rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {display: block;}
.md-skin .wrapper-content {padding: 30px 0 40px;}
.md-skin .dashboard-header {margin: 20px 0 0 0;}
.md-skin1 .wrapper-content {padding: 30px 0 40px;}
.md-skin1 .dashboard-header {margin: 20px 0 0 0;}
#page-wrapper {position: inherit;margin: 0 0 0 0;min-height: 1000px;}
.body-small .navbar-static-side {display: none; z-index: 2001; position: absolute;width: 70px;}
body.mini-navbar .navbar-static-side {width: 220px;}
body.mini-navbar .navbar-static-side .sidebar-collapse {background-color:#fff;}
body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {display: inline-block;}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,.mini-navbar .nav li:focus > .nav-second-level {display: block;}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level.collapse {display: none;}   
.mini-navbar .nav-second-level.collapse {display: none !important;}
.mini-navbar .nav-second-level.collapse.in{display:block !important;}
body.mini-navbar #page-wrapper {margin: 0 0 0 0px;}
#side-menu {margin-top: -5px !important;position: fixed;z-index: 99;background-color: #fff;height: 89%;overflow-y: scroll;box-shadow: 1px 0 5px 2px #08080830;}
#side-menu::-webkit-scrollbar-track { background: rgb(255 255 255);  }
#side-menu::-webkit-scrollbar { width: 5px !important; background-color: #fff; border-radius: 50px !important;}
#side-menu::-webkit-scrollbar-thumb { background-color: #00000042; visibility: hidden; opacity: 0; transition: 0.5s; -webkit-transition: all 5s; transition: opacity 1s ease;}
#side-menu:hover::-webkit-scrollbar-thumb { visibility: visible; opacity: 1; -webkit-transition: all .5s; }
#side-menu::-webkit-scrollbar-button { display: none !important; }
.md-skin .nav > li > a {padding: 10px 10px 10px 15px;}
body.mini-navbar .navbar-default .nav li a span.arrow {font-size: 19px;margin-top: 3px;}
body.mini-navbar .profile-element{width:100%;}
body.mini-navbar .logo-element {display: none;}
body.mini-navbar .nav-header .profile-element  span .img-circle{width:35px !important;height:35px !important;margin-top: -28px;}
body.mini-navbar .nav-header .profile-element >a{color:#fff;}
body.mini-navbar .nav-header .profile-element .dropdown-menu {left: 5px;width: 190px;}
.mini-navbar ul.nav .nav-second-level {position: relative !important;left: 0px !important;top: 0;padding: 0px 10px 0px 5px;background-color: transparent;box-shadow: inherit;}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {font-size: 14px;padding: 5px 6px 5px 35px;border-bottom: 1px solid #eee;}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li:last-child a{border-bottom:0px;}
/*.mini-navbar ul.nav .nav-second-level.collapse.in {display:none !important;}*/
.body-small.mini-navbar .navbar-static-side {display: block;}
.lock-word {display: none;}
.navbar-form-custom { display: none;}
.navbar-header {display: inline; float: left;}
.sidebar-panel {z-index: 2;position: relative;width: auto;min-height: 100% !important;}
.sidebar-content .wrapper { padding-right: 0; z-index: 1;}
.fixed-sidebar.body-small .navbar-static-side {display: none;z-index: 2001;position: fixed;width: 220px;}
.fixed-sidebar.body-small.mini-navbar .navbar-static-side {display: block;}
.ibox-tools { float: none;text-align: right;display: block;}
.navbar-static-side {display: none;}
body:not(.mini-navbar) {-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;-o-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;background-color: #f3f3f4;}
}
@media (max-width: 767px) {
.menu-visible-md,.menu-visible-lg {display: block !important;}
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
.loginscreen.middle-box {padding-top: 20% !important;}
.navbar-right {float: right !important;margin-right: 0 !important;}
}
@media screen and (min-device-width:770px) and (max-device-width: 1025px) {
.loginscreen.middle-box {padding-top: 40% !important;}
}
@media screen and (orientation:landscape) {
.loginscreen.text-center.middle-box {padding-top: 6% !important;}}
@media only screen and (min-device-width:360px) and (max-device-width:1156px) and (orientation: landscape) {
.timecard-sec .clients-list .timecard-plustab .dropdown-menu,
.clients-list .nav-tabs .tabs-desktop-plus .dropdown-menu{height: 340px;overflow-y: scroll;}
.profile-blk .clients-list .nav-tabs .dropdown-menu:before {display:none;}
}
@media (max-width: 360px) {.loginscreen.text-center.middle-box {padding-top: 60px !important;}}
@media (max-width: 350px) {
.timeline-item .date {text-align: left;width: 110px;position: relative;padding-top: 30px;}
.timeline-item .date i { position: absolute;top: 0; left: 15px;padding: 5px;width: 30px;text-align: center; border: 1px solid #e7eaec;background: #f8f8f8;}
.timeline-item .content {border-left: none;border-top: 1px solid #e7eaec;padding-top: 10px;min-height: 100px;}
.nav.navbar-top-links li.dropdown {display: none;}
.ibox-tools {float: none;text-align: left;display: inline-block;}
}
@media print {
nav.navbar-static-side {display: none;}
body {overflow: visible !important;}
#page-wrapper {margin: 0;}
}
.bgVerifySts{ padding: 3px 10px; background-color: #676a6c; color: #fff; border-radius: 50px; text-align: center; font-size: 12px }

.UserRegistrationsty{font-family: 'Poppins' !important; background-color: #fff; margin: 0; }
.UserRegistrationsty { z-index: 9; display: block; }
.UserRegistrationsty .headerPan{ background-color: #eee; padding: 8px; display: flex }
.UserRegistrationsty .headerPan .left{ width: 50%; }
.UserRegistrationsty .headerPan .left img{ width: 20%; padding-left: 7px; }
.UserRegistrationsty .headerPan .right{ width: 50%; text-align: right; padding-right: 5px; }
.UserRegistrationsty .headerPan .right img{ width: 33px; }
.UserRegistrationsty .headerPan .right span{ position: relative; top: 3px; color: #E15042; font-weight: 600; font-size: 16pt !important; }
.UserRegistrationsty .bodyPanel{ padding: 10px 155px; }
.UserRegistrationsty .headder{ text-align: center; }
.UserRegistrationsty .headder h1{ font-weight: 600; color: #0096F5; }
.UserRegistrationsty .headder p{ text-align: left; font-size: 16px; color: #48484a; }
.UserRegistrationsty .bodyPanel .arrow-steps .step { width: 19.5% !important; font-size: 17px; cursor: pointer; height: 42px; }
.UserRegistrationsty .bodyPanel .arrow-steps .step span{ top: -3px; }
.UserRegistrationsty .boxPanelF13 { box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 10px; border: none; padding: 3px; margin-bottom: 100px; }
.UserRegistrationsty .boxPanelF13 .heading{ background-color: #eee; color: #48484a; font-weight: 600; border-radius: 10px 10px 0 0; padding: 8px; font-size: 20px;  }
.UserRegistrationsty .boxPanelF13 .heading .right{ display: flow-root; float: left }
.UserRegistrationsty .boxPanelF13 .heading .left{  float: right }
.UserRegistrationsty .boxPanelF13 .body .left ul{ list-style: none; padding: 13px 0; }
.UserRegistrationsty .boxPanelF13 .body .left ul::before{ content: ""; display: inline-block; width: 3px; background: #ddd; position: absolute; left: 22px; top: 31px; height: calc(69% - 10px); }
.UserRegistrationsty .boxPanelF13 .body .left ul li{ font-size: 20px; font-weight: 500; margin: 10px 0 20px 0;cursor: pointer; }
.UserRegistrationsty .boxPanelF13 .body .left ul li:hover{ color: #0095f6 !important; }
.UserRegistrationsty .boxPanelF13 .body .left ul li.active{ color: #1c1c1e; font-weight: 600 }
.UserRegistrationsty .boxPanelF13 .body .left ul li.complete{ color: #1c1c1e; font-weight: 600 }
.UserRegistrationsty .boxPanelF13 .body .left ul li.active span{ background-color: #0095f6 !important; }
.UserRegistrationsty .boxPanelF13 .body .left ul li.complete span{ background-color: #2cA01C !important; }
.UserRegistrationsty .boxPanelF13 .body .left ul li span{ width: 17px; display: inline-block; background-color: #bbb; height: 17px; position: relative; top: 1px; margin-right: 6px; }
.UserRegistrationsty .boxPanelF13 .body .right{ border-left: 2px solid #bbb; padding: 20px 0px; padding-top: 10px; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv{ padding: 15px; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmName{ float: left; width: 30%; font-size: 18px; font-weight: 500; color: #48484a; padding-right: 10px; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmName sup{ color: #f86161 !important; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmField{ float: right; width: 70%; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmField .inputshadowBorder{ border-radius: 5px; width: 100%; margin-bottom: 15px; padding: 8px 16px; border: 1px solid #ddd !important; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmField .selectContainer{}
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmField .selectContainer .form-control { border: none; padding: 0 !important; height: 27px !important; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmField .selectContainer .input-group-addon { padding-left: 0px; border: none; }

.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmFieldCheckbox{ display: flex; align-items: center; padding: 0; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmFieldCheckboxItem{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; margin-right: 15px; width: 9%; padding: 10px 5px 5px 10px; margin-top: 10px; border-radius: 5px; border: 2px solid #ddd; cursor: pointer; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmFieldCheckboxItem:hover{ border: 2px solid #0095f6; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmFieldCheckboxItem input[type=checkbox]{ zoom: 1.5; accent-color: green; margin: 0; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmFieldCheckboxItem label{margin: 0; color: #48484a; position: relative; top: -4px; left: 3px;}
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmSalary{ padding: 8px 16px; border-radius: 5px; margin-bottom: 15px; border: 1px solid #ddd !important; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmSalary input[type=text]{ outline: none; border: none; width: 72%; border-right: 2px solid #aaa; }
.UserRegistrationsty .boxPanelF13 .body .right .frmdiv .frmSalary select{ outline: none; border: none; width: 23%; }
.UserRegistrationsty .boxPanelF13 .body .bttnDiv .bwt-edit{ opacity: 1 !important; }
.UserRegistrationsty .boxPanelF13 .body .right .bwt-edit, .UserRegistrationsty .boxPanelF13 .body .right .bwt-delete  { float: right; opacity: 0; transition: 1s }
.UserRegistrationsty .boxPanelF13 .body .right:hover .bwt-edit, .UserRegistrationsty .boxPanelF13 .body .right:hover .bwt-delete  { opacity: 1; transition: 1s }
.UserRegistrationsty .boxPanelF13 .body .right .bwt-edit i { color: #fff }
.UserRegistrationsty .boxPanelF13 .body .bttnDiv{border-top: 2px solid #ccc; padding: 20px 10px; }
.UserRegistrationsty .boxPanelF13 .body .bttnDiv .btn{ padding: 7px 25px; }
.UserRegistrationsty .boxPanelF13 .profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box { padding: 12px 10px; }
.UserRegistrationsty .boxPanelF13 .profileTab-J6 .header-Main .j6-inner .dataPart .detailsProtion .box label{ font-size: 15px; }
.UserRegistrationsty .boxPanelF13 .skillsTab thead th{ font-weight: 500; font-size: 15px; }

.UserRegistrationsty .noDataM5 .text p{ white-space: normal; }
.UserRegistrationsty .modalHeaderM17 { margin: 6px !important; padding: 4px 5px !important; background-color: #f1f1f1 !important; border-radius: 4px; }
.UserRegistrationsty .QuickCandi-A28 .modal-content .form-session { margin-bottom: 20px; }
.UserRegistrationsty .meterialForm input, .UserRegistrationsty .meterialForm textarea, .UserRegistrationsty .meterialForm select { border: 1px solid #eee; }
.summaryPannF19{}
.summaryPannF19 .nameBlock{}
.datasBlockF18{ padding: 8px 10px; display: flex; border-top: 2px solid #ccc; margin: 10px 10px; }
.datasBlockF18:nth-child(1){ border-top: none; }
.datasBlockF18 .left{ width: 6%; }
.datasBlockF18 .left .iconLogo{ border: 1px solid #bbb; text-align: center; height: 55px; width: 55px; border-radius: 6px; vertical-align: middle; line-height: 55px; font-size: 25px; color: #1c1c1e; margin-top: 12px;}
.datasBlockF18 .right{ width: 94%; border: none !important; padding-top: 5px !important; padding-left: 0 !important; padding-bottom: 7px !important; }
.datasBlockF18 .right i{ color: #1c1c1e; }
.datasBlockF18 .skilTgs { margin-top: 5px; }
.datasBlockF18 .skilTgs span{ background-color: #ddd; margin-right: 8px; padding: 1px 12px; border-radius: 50px; font-size: 15px; font-weight: 500; }
.verficationM10{ width: 30%; height: 350px; margin: auto; border-radius: 20px; margin-top: 80px; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; text-align: center; padding:30px;  transition: .4s  }
.verficationM10 .emailpanel{ border: 1px solid #ccc; border-radius: 15px; padding: 20px; position: relative }
.verficationM10 .emailpanel input{ margin-bottom: 8px; width: 100%; padding: 7px; font-size: 17px; border: none; outline: none; font-weight: 500; border-bottom: 1px solid #48484a; color: #1c1c1e; }
.verficationM10 .emailpanel .fa-times-circle-o { float: right; position: absolute; top: 34px; font-size: 18px; cursor: pointer; right: 30px; opacity: 0; transition: .8s; }
.verficationM10 .emailpanel:hover .fa-times-circle-o { opacity: 1; color: #1c84c6 }
.verficationM10 .bwt-edit{ border-radius: 6px; width: 100%; margin: 0 !important; padding: 10px 10px; box-shadow: 0 3px 6px #00000029; }
.verficationOTPM10WID{ width: 50% !important; padding: 8px;}
.verficationOTPM10 { opacity: 0; animation: datafadeIn 1s ease-in-out forwards; }
@keyframes datafadeIn { to { opacity: 1; } }
.verficationOTPM10 .left{ width: 60%; float: left; text-align: left; padding-left: 20px; padding-top: 25px; }
.verficationOTPM10 .left .otpText{ margin: 40px 0 30px }
.verficationOTPM10 .left .bwt-edit{ width: 50%; }
.verficationOTPM10 .left .bwt-cancel{ width: 20%; border-radius: 6px !important; margin-right: 15px; padding: 10px 10px; box-shadow: 0 3px 6px #00000029; }
.verficationOTPM10 .left .otpText input{ width: 350px; letter-spacing: 36.5px; border: none; font-size: 40px; outline: none; font-weight: 700; color: #1c1c1e; }
.verficationOTPM10 .left .otpText .otp-border{ float: left; width: 390px; }
.verficationOTPM10 .left .otpText .otp-border span{ margin-right: 14px; width: 48px }
.verficationOTPM10 .right{ width: 40%; float: right; background-color: #3a9ad43d; height: 335px; border-radius: 0 20px 20px 0; line-height: 335px; }
.verficationOTPM10 .right img{ width: 222px; }
.formCompletion { padding: 20px 10px; }
.formCompletion .left { float: left; width: 15%; text-align: left; }
.formCompletion .left img{ width: 120px; }
.formCompletion .right { float: right; width: 82%; text-align: left; }
.formCompletion .right h1{ font-weight: bold; color: #1c1c1e; margin-top: 12px; }
.formCompletion .right h4{ font-weight: 400; color: #676a6c; font-size: 16px; }

.datashowM27 { position: absolute; right: -39px; padding: 8px 15px; width: 110px; background-color: #fff; margin-top: 7px; width: auto; box-shadow: 0px 1px 5px 3px rgb(226, 226, 226) !important; border-radius: 4px; border: none; margin: 0 10px; text-align: left;}
.datashowM27 a{ display: block; padding-left: 0 !important; }
.panelSendJ16{ border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.headerJ16{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #ccc; padding: 10px; background-color: #eee; border-radius: 15px 15px 0 0;}
.echFields{ padding: 20px 15px; font-size: 16px; border-bottom: 1px solid #ddd; }
.echFields label{ float: left; width: 15%; font-weight: 600; color: #1c1c1e; margin-top: 5px; font-size: 18px; }
.echFields .datas{ float: left; width: 85%; }
.echFields .datas .inputshadowBorder{ width: 100%; padding: 8px 15px; font-size: 16px; border: 1px solid #ddd !important; }
.echFields .datas textarea{ border-radius: 5px; }
.suggestion-list{ position: absolute; background-color: #fff; width: 60%; margin-top: 10px; box-shadow: 0 3px 6px #00000029; height: 250px; overflow-y: auto;}
.suggestion-list ul{ list-style: none; margin:0; padding: 0;}
.suggestion-list ul li{  }
.email-box { border: 1px solid #ddd !important;  border-radius: 50px; padding: 8px 15px; display: flex; flex-wrap: wrap; gap: 6px; min-height: 50px; position: relative; }
.email-box input { border: none; outline: none; flex: 1; min-width: 180px; }
.email-tag { background: #0d6efd; color: white; padding: 0px 12px !important; border-radius: 15px; display: flex; align-items: center; }
.email-tag i { cursor: pointer; margin-left: 8px; font-style: normal; }