/* 	==========================================================================
	==========================================================================
   						TABLE FOR CAREER VALUE RESULT
	==========================================================================
   	========================================================================== */
.wrapper-behavior-profiling .section table,
.wrapper-result-career-value .section table{
	table-layout: auto;
}

.wrapper-behavior-profiling .section table tr th ,
.wrapper-result-career-value .section table tr th {
	background-color: #4ab3e3;
	color: white;
	vertical-align: top;
}
.wrapper-result-career-value .section table tr th {
	font-size: 20px;
    padding: 20px;
}

.wrapper-result-career-value .section table tr td{
	padding: 30px;
}

.wrapper-behavior-profiling .section tr:nth-child(even),
.wrapper-result-career-value .section tr:nth-child(even){
	background-color: #dcf0fb;
}

.wrapper-behavior-profiling .section tr:nth-child(odd),
.wrapper-result-career-value .section tr:nth-child(odd){
	background-color: whitesmoke;
}

.wrapper-result-career-value .section{
		padding: 0;
		float: left;
		width: 100%;
		margin-top: 200px;
	}
	.wrapper-result-career-value .nomargin { margin: 0 0 70px 0; }
	.wrapper-result-career-value .noppadding { padding: 0}
	.wrapper-result-career-value .hero-banner { 
		position: relative; 
		width: 100%; 
		float: left;
		height: 310px;
		background-repeat: no-repeat;
		background-position: center;
		margin-top: 150px;
	}
	.wrapper-result-career-value .hero-banner .mask {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.4); 
		float: left;
		text-align: center;
	}

	.wrapper-result-career-value div.short-description .col-sm-12 > h3 {
	    color: rgb(1,104,179);
	    font-size: 30px;
	    margin: 0 0 35px 0;
	    float: left;
	    width: 100%;
		text-transform: uppercase
	}
	.wrapper-result-career-value .user-info {
		float: left;
		width: 100%;
	}
	.wrapper-result-career-value .user-info > span {
		text-transform: capitalize;
		font-size: 18px;
		padding-bottom: 10px;
		color: #1B9792;
		float: left;
		width: 100%;
	}
	.wrapper-result-career-value .row.group-result {
		margin: 30px -7.5px 20px;
	}
	.wrapper-result-career-value .row.group-result .col-sm-offset-1 {
		margin-left: 0;
	}
	.wrapper-result-career-value .row.group-result .col-sm-2 {
		width: 20%;
		padding: 0 7.5px;
	}
	.wrapper-result-career-value .row.group-result .col-sm-2 .box-title {
		background: #4ab3e3;
		padding: 30px 10px;
		text-align: center;
	}
	.wrapper-result-career-value .row.group-result .col-sm-2 .box-title span {
		color: white;
		font-size: 20px;
		text-transform: capitalize;
	}
	.wrapper-result-career-value .group-result-item .col-sm-2.nopadding	 {
		width: 20%;
		float: left;
	}
	.wrapper-result-career-value .group-result-item .col-sm-2.nopadding .col-sm-2 {
		width: 100%;
		padding: 15px 35px;
		height: 65px;

	}
	.wrapper-result-career-value .group-result-item .col-sm-2.nopadding .col-sm-2:nth-child(odd){
		width: 100%;
		background-color: #dcf0fb;
	}


	


/* 	==========================================================================
	==========================================================================
   							 		TABLATE
	==========================================================================
   	========================================================================== */
@media only screen 	and (min-width : 720px) and (max-width : 1280px){
	.wrapper-result-career-value .hero-banner{ margin-top: 100px}
}
@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px){
	
	.wrapper-result-career-value .row.group-result .col-sm-2 .box-title span{ font-size: 16px;}
	.wrapper-result-career-value .row.group-result .col-sm-2 .box-title{ padding: 20px 16px;}
}

@media only screen 	and (min-device-width : 992px) and (max-device-width : 1024px){
	.nav-result > div:first-of-type h3:lang(km) {
		padding-top: 35px;
		line-height: normal;
	}
}

@media only screen 	and (min-device-width : 768px) and (max-device-width : 992px){
}

