div.gridContent
{
	width: 100%;
	height: 100%;

	box-sizing: border-box;

	position: relative;
}

div.laGrid,
div.laGrid div.headScroll,
div.laGrid div.bodyScroll
{
	background-color: #FDFDFE;
}

div.laGrid
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;

	position: relative;

	background-color: transparent;

	overflow: auto;
}

div.laGrid.frozenGrid
{
	overflow-y: hidden;
}

div.laGrid.forcedHorizontalScroll
{
	overflow-x: scroll; /* CSAK multigrid-nél */
}

div.laGrid div.headContainer,
div.laGrid div.bodyContainer,
div.laGrid div.footContainer
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;

	position: absolute;

	top: 0px;

	z-index: 5;
}

div.laGrid div.headContainer
{
	background-color: #039BE5;

	top: 0px;

	z-index: 10;

	height: 30px;
}

div.laGrid div.footContainer
{
	background-color: #039BE5;

	top: auto;
	bottom: 0px;

	z-index: 10;

	height: 0px;
}

div.laGrid div.headContainer .gridCell
{
	color: #FEFEFF;
	text-transform: uppercase;

	background-color: #039BE5;
	border-color: #4FC3F7;

	font-family: BenchNine;
	font-size: 16px;
}

div.laGrid div.headContainer .gridCell.filter
{
	text-align: center;
	vertical-align: middle;

	padding: 0px 3px;
}

div.laGrid div.headContainer .gridCell.filter input
{
	width: 100%;
	height: 22px;

	border-radius: 0px;

/*	background-color: #29B6F6;
	background-color: #81D4FA;
	border-color: #0288D1;
	border-color: #4FC3F7;*/

	padding-left: 3px;

	box-sizing: border-box;

	/*font-family: BenchNine;*/
	/*color: #FEFEFF;*/
}

div.laGrid div.footContainer .gridCell
{
	color: #FEFEFF;
	text-transform: uppercase;

	background-color: #039BE5;
	border-color: #4FC3F7;

	font-family: BenchNine;
	font-size: 16px;
}

div.laGrid div.headScrollContainer,
div.laGrid div.bodyScrollContainer
{
	box-sizing: border-box;

	position: relative;
}

div.laGrid div.headScroll,
div.laGrid div.bodyScroll
{
	box-sizing: border-box;

	position: absolute;

	background-color: transparent;
}

div.laGrid div.bodyContainer
{
	padding-top: 30px;
}

div.laGrid .gridTable
{
	width: 100%;

	/*display: table;*/

	table-layout: fixed;

	border-spacing: 0px;
	border-collapse: collapse;

	box-sizing: border-box;

	border: 0px;
}

div.laGrid .bodyContainer .gridTable
{
	/*table-layout: fixed;*/
}

div.laGrid .gridRow
{
	/*display: table-row;*/

	/*table-layout: fixed;*/

	border-spacing: 0px;
	border-collapse: collapse;

	box-sizing: border-box;

	border: 0px;

	color: #40434D;
	font-family: Arial;
	font-size: 12px;

	background-color: #FEFEFF;
}

div.laGrid .gridRow.even
{
	background-color: #F9F9FC;
}

div.laGrid .gridRow.sum
{
	color: #FEFEFF;
	text-transform: uppercase;

	background-color: #66BB6A;
	border-color: #4FC3F7;

	font-family: BenchNine;
	font-size: 16px;
}

div.laGrid div.bodyContainer .gridRow .gridCell.sumtotal
{
	color: #FEFEFF;

	background-color: #66BB6A;
	border-color: #e6e6e6;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

div.laGrid .gridRow.sum2
{
	color: #FEFEFF;
	text-transform: uppercase;

	background-color: #4CAF50;
	border-color: #4FC3F7;

	font-family: BenchNine;
	font-size: 16px;
}

div.laGrid.frozenGrid .gridRow
{
	background-color: #efeff4;
}

div.laGrid.frozenGrid .gridRow.even
{
	background-color: #e9e9ef;
}

div.laGrid div.bodyContainer .gridRow.selected
{
	color: #fff;

	background-color: #29B6F6;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor: pointer;
}

div.laGrid .gridCell
{
	height: 30px;

	/*display: table-cell;*/

	/*table-layout: fixed;*/

	border-spacing: 0px;
	border-collapse: collapse;

	border: solid 1px #000;

	border-top: 0px;
	border-left: 0px;

	border-color: #e6e6e6;

	padding: 0px;
	margin: 0px;

	vertical-align: middle;

	box-sizing: border-box;

	padding: 0px 8px;
	/*padding: 0px;*/

	white-space: nowrap;
	overflow: hidden;
}

div.laGrid .gridCell.wrap{
	white-space: normal;
}

div.laGrid .gridCell.hide
{
	padding: 0px;
}


div.laGrid div.bodyContainer .gridRow.odd .gridCell
{
	border-right: solid 1px #FEFEFF;
}

div.laGrid div.bodyContainer .gridRow.even .gridCell
{
	border-right: solid 1px #F9F9FC;
}

div.laGrid div.bodyContainer .gridRow.bluegrey .gridCell
{
	color: #fff;
	font-weight: bold;

	background-color: #90A4AE;
	border-color: #B0BEC5;
}

div.laGrid div.bodyContainer .gridRow.lightblue .gridCell
{
	color: #fff;
	font-weight: bold;

	background-color: rgb(3, 155, 229);
	border-color: rgb(3, 155, 229);
}

div.laGrid.frozenGrid div.bodyContainer .gridRow.odd .gridCell
{
	border-right: solid 1px #efeff1;
}

div.laGrid.frozenGrid div.bodyContainer .gridRow.even .gridCell
{
	border-right: solid 1px #e9e9ec;
}

div.laGrid.frozenGrid div.bodyContainer .gridRow .gridCell
{
	font-weight: bold;

	border-color: #d5d5d5;
}

div.laGrid div.bodyContainer .gridRow .gridCell.blue
{
	color: #fff;
	font-weight: bold;

	background-color: #4FC3F7;
	border-color: #81D4FA;
}

div.laGrid div.bodyContainer .gridRow.selected .gridCell.blue
{
	background-color: #4FC3F7;
	border-color: #81D4FA;
}

div.laGrid div.bodyContainer .gridRow .gridCell.green
{
	color: #fff;
	font-weight: bold;

	background-color: #81C784;
	border-color: #A5D6A7;
}

div.laGrid div.bodyContainer .gridRow.selected .gridCell.green
{
	background-color: #81C784;
	border-color: #A5D6A7;
}

div.laGrid div.bodyContainer .gridRow.green .gridCell
{
	color: #fff;
	font-weight: bold;

	background-color: #81C784;
	border-color: #A5D6A7;
}

div.laGrid div.bodyContainer .gridRow .gridCell.red
{
	color: #fff;
	font-weight: bold;

	background-color: #E57373;
	border-color: #EF9A9A;
}

div.laGrid div.bodyContainer .gridRow.selected .gridCell.red
{
	background-color: #E57373;
	border-color: #EF9A9A;
}

div.laGrid div.bodyContainer .gridRow .gridCell.yellow
{
	color: #fff;
	font-weight: bold;

	background-color: #FFD54F;
	border-color: #FFE082;
}

div.laGrid div.bodyContainer .gridRow.yellow
{
	color: #fff;
	font-weight: bold;

	background-color: #FFD54F;
	border-color: #FFE082;
}

div.laGrid div.bodyContainer .gridRow .gridCell.bluegrey
{
	color: #fff;
	font-weight: bold;

	background-color: #90A4AE;
	border-color: #B0BEC5;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lightblue
{
	color: #fff;
	font-weight: bold;

	background-color: rgb(3, 155, 229);
	border-color: rgb(3, 155, 229);
}

div.laGrid div.bodyContainer .gridRow .gridCell.dark_orange
{
	color: #fff;
	font-weight: bold;

	background-color: #F4511E; /* 600 */
	border-color: #FF7043; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.dark_bluegrey
{
	color: #fff;
	font-weight: bold;

	background-color: #546E7A; /* 600 */
	border-color: #78909C; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.light_grey
{	
	background-color: #cccccc;
	border-color: #d9d9d9;
}

div.laGrid div.bodyContainer .gridRow .gridCell.light_blue
{
	color: #fff;
	font-weight: bold;

	background-color: rgba(0,0,255,0.5); /* 600 */
	border-color: #6666FF; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.medium_blue
{
	color: #fff;
	font-weight: bold;

	background-color: rgba(0,0,255,0.75); /* 600 */
	border-color: #6666FF; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.dark_blue
{
	color: #fff;
	font-weight: bold;

	background-color: #0000FF; /* 600 */
	border-color: #6666FF; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.light_white
{
	color: #000;
	font-weight: bold;

	background-color: rgba(255,252,252,0.5); /* 600 */
	border-color: #E5E2E2; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.medium_white
{
	color: #000;
	font-weight: bold;

	background-color: rgba(255,252,252,0.75); /* 600 */
	border-color: #E5E2E2; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.dark_white
{
	color: #000;
	font-weight: bold;

	background-color: rgba(255,252,252,1); /* 600 */
	border-color: #E5E2E2; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.light_red
{
	color: #fff;
	font-weight: bold;

	background-color: rgba(204,0,0,0.5); /* 600 */
	border-color: #E06666; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.medium_red
{
	color: #fff;
	font-weight: bold;

	background-color: rgba(204,0,0,0.75); /* 600 */
	border-color: #E06666; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.dark_red
{
	color: #fff;
	font-weight: bold;

	background-color: #CC0000; /* 600 */
	border-color: #E06666; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.light_green
{	
	color: #fff;
	font-weight: bold;

	background-color: rgba(67,160,71,0.5); /* 600 */
	border-color: #66BB6A; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.medium_green
{
	color: #fff;
	font-weight: bold;

	background-color: rgba(67,160,71,0.75); /* 600 */
	border-color: #66BB6A; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.dark_green
{
	color: #fff;
	font-weight: bold;

	background-color: #43A047; /* 600 */
	border-color: #66BB6A; /* 400 */
}

div.laGrid div.bodyContainer .gridRow .gridCell.face1
{
	background-image: url(/images/qAnswers/face_1.png);
	background-size: auto 90%;
	background-repeat: no-repeat;
	background-position: center center;
}

div.laGrid div.bodyContainer .gridRow .gridCell.face3
{
	background-image: url(/images/qAnswers/face_3.png);
	background-size: auto 90%;
	background-repeat: no-repeat;
	background-position: center center;
}

div.laGrid div.bodyContainer .gridRow .gridCell.face5
{
	background-image: url(/images/qAnswers/face_5.png);
	background-size: auto 90%;
	background-repeat: no-repeat;
	background-position: center center;
}

div.laGrid div.bodyContainer .gridRow .gridCell div.lvl,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignment,
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matching
{
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	border-left: solid 1px #494951;
}

div.laGrid div.bodyContainer .gridRow .gridCell div.lvlContent,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentContent,
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingContent
{
	width: 100%;
	height: 100%;
	position: absolute;

	font-weight: bold;
	color: #FFF;

	box-sizing: border-box;
	line-height: 30px;
	padding: 0px 10px;

	text-align: right;

	text-shadow: 0px 0px 5px #202021;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl
{
	/*border-color: #494951;
	background-image: linear-gradient(to left, #494951 , #696971);

	font-weight: bold;
	color: #FFF;*/
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl0,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl1,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl2,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl3,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl4,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl5,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl6,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl7,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl8,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl9,
div.laGrid div.bodyContainer .gridRow .gridCell.lvl10,
div.laGrid div.bodyContainer .gridRow .gridCell.reassignment,
div.laGrid div.bodyContainer .gridRow .gridCell.position_matching
{
	padding: 0;
	border-color: #494951;
	background-image: linear-gradient(to right, #494951 , #696971);
}

div.laGrid div.bodyContainer .gridRow .gridCell div.lvlColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor
{
	height: 100%;
	background-image: linear-gradient(to right, #F57C00 , #E65100);
	position: absolute;
	box-sizing: border-box;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

div.laGrid div.bodyContainer .gridRow .gridCell div.lvlColor.achieveLvl
{
	background-image: linear-gradient(to right, #034d07 , #02b86c);
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl1 div.lvlColor,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color0"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color0
{
	width: 0%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl1 div.lvlColor,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color1"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color10
{
	width: 10%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl2 div.lvlColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentColor.color0,
    div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color2"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color20
{
	width: 20%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl3 div.lvlColor,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color3"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color30
{
	width: 30%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl4 div.lvlColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentColor.color1,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color4"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color40
{
	width: 40%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl5 div.lvlColor,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color5"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color50
{
	width: 50%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl6 div.lvlColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentColor.color2,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color6"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color60
{
	width: 60%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl7 div.lvlColor,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color7"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color70
{
	width: 70%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl8 div.lvlColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentColor.color3,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color8"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color80
{
	width: 80%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl9 div.lvlColor,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*="color9"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color90
{
	width: 90%;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl10 div.lvlColor,
    div.laGrid div.bodyContainer .gridRow .gridCell div.reassignmentColor.color4,
	div.laGrid div.bodyContainer .gridRow .gridCell div[class*=" color10"],
    div.laGrid div.bodyContainer .gridRow .gridCell div.position_matchingColor.color100
{
	width: 100%;
}

/*div.laGrid div.bodyContainer .gridRow .gridCell.lvl1
{
	background-color: #909094;
	background-image: url(/images/csm_level_bars/10.png);
	background-size: 10% 100%;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFF;
}*/

/*div.laGrid div.bodyContainer .gridRow .gridCell.lvl2
{
	background-image: url(/images/csm_level_bars/2.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl3
{
	background-image: url(/images/csm_level_bars/3.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl4
{
	background-image: url(/images/csm_level_bars/4.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}*/

/*div.laGrid div.bodyContainer .gridRow .gridCell.lvl5
{
	background-image: url(/images/csm_level_bars/5.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}*/

/*div.laGrid div.bodyContainer .gridRow .gridCell.lvl6
{
	background-image: url(/images/csm_level_bars/6.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl7
{
	background-image: url(/images/csm_level_bars/7.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl8
{
	background-image: url(/images/csm_level_bars/8.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl9
{
	background-image: url(/images/csm_level_bars/9.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}

div.laGrid div.bodyContainer .gridRow .gridCell.lvl10
{
	background-image: url(/images/csm_level_bars/10.png);
	background-size: 100% 100%;
	font-weight: bold;
	color: #FFF;
}*/

.add_employee_to_training
{
	height: 80%;
	width: auto;
	vertical-align: middle;
    padding-left: 10px;
}

.scheduleOfMedicalExaminations
{
    height: 80%;
    width: auto;
    vertical-align: middle;
    padding-left: 10px;
    cursor: pointer;
}

div.laGrid div.bodyContainer .gridRow .gridCell.spacer
{
	border: 0px;
	cursor: default;
}

div.laGrid div.bodyContainer .gridRow.selected .gridCell,
div.laGrid.frozenGrid div.bodyContainer .gridRow.selected .gridCell
{
	background-color: #29B6F6;

	border-color: #29B6F6;
}

div.laGrid div.bodyContainer .gridRow .gridCell.cellEdit
{
	background-color: #FFA726;
	border-color: #FFB74D;
	color: #fff;
}

div.laGrid div.bodyContainer .gridRow .gridCell.cellEditSuccess
{
	background-color: #43A047;
	border-color: #4CAF50;
	color: #fff;
	font-weight: bold;
}

div.laGrid div.bodyContainer .gridRow .gridCell.cellEditFailure
{
	background-color: #E53935;
	border-color: #F44336;
	color: #fff;
	font-weight: bold;
}

div.laGrid div.bodyContainer .gridRow .gridCell.cellEdit > input
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;

	margin: 0px;
	padding: 0px;
	padding-bottom: 1px;

	border-radius: 0px;
	border: 0px;

	background: transparent;

	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

/**
 * HISTORY LA GRID Style
 */

.G2BDialog.add div.laGrid div.headContainer,
.G2BDialog.add div.laGrid div.headContainer .gridCell
{
	background-color: #43A047;
}

.G2BDialog.add div.laGrid div.headContainer .gridCell
{
	border-color: #81C784;
}

.G2BDialog.add div.laGrid div.bodyContainer .gridRow.selected
{
	background-color: #66BB6A;
}

.G2BDialog.add div.laGrid div.bodyContainer .gridRow.selected .gridCell
{
	border-color: #66BB6A;
}

.G2BDialog.mod div.laGrid div.headContainer,
.G2BDialog.mod div.laGrid div.headContainer .gridCell
{
	background-color: #FB8C00;
}

.G2BDialog.mod div.laGrid div.headContainer .gridCell
{
	border-color: #FFB74D;
}

.G2BDialog.mod div.laGrid div.bodyContainer .gridRow.selected
{
	background-color: #FFA726;
}

.G2BDialog.mod div.laGrid div.bodyContainer .gridRow.selected .gridCell
{
	border-color: #FFA726;
}

/**
 * wfm/balanceManagement style
 */
div.laGrid div.bodyContainer .gridRow .gridCell.nextBalancetrSaved
{
	background-image: url(/images/wfm_icons/wfm-calc_saved.png);
	background-repeat: no-repeat;
	background-position: right center;
	/*background-position: calc(100% - 5px) center;*/
}

div.laGrid div.bodyContainer .gridRow .gridCell.nextBalancetrLocked
{
	background-image: url(/images/wfm_icons/wfm-calc_locked.png);
	background-repeat: no-repeat;
	background-position: right center;
}

div.laGrid div.bodyContainer .gridRow.collapsible_data
{
	display: none;
}

div.laGrid div.bodyContainer .gridRow .gridCell.bold
{
	font-weight: bold;
}

.answerData_rate {
	display: block;
	margin: 0 10px 5px 10px;
}

.answerLabel {
	display: inline-block;
}