.dashboardBox{
	float:left;
	margin-bottom: 10px;
}
 
.dashboardBox .legend{
	padding: 10px; line-height: 1.5;
	text-align: center;
}	

.dashboardBox .legend span{
	/* margin-left: 10px;
	margin-right: 10px; */
	font-size: 12px;
	cursor: default;
	display: inline-block;
	zoom: 1;
	*display: block;
	width: 49%;
	
}

	.dashboardBox.small{ width: 32%; margin-right: 1%; } 
	.dashboardBox.big{ width: 65%; margin-right: 1%; }
	.dashboardBox.half.left{ width: 49%; margin-right: 1%; } 
	.dashboardBox.half.right{ width: 49%; margin-left: 1%; } 
	.dashboardBox.full{ width: 100%; margin-bottom: 0px;}
	.dashboardBox.half{ width: 49%; margin-right: 1%;}
	
.dashboardBox.kordiagram .mode{
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 10;
}
	.dashboardBox.kordiagram .mode .icon{
		width: 20px; 
		height: 20px; 
		margin-right: 4px;
		cursor: pointer;
		display: block;
		color: transparent;
		background-image: url('diagram.png.html');
	}
	
	.dashboardBox.kordiagram .mode .icon.me{
		background-position: -5px -5px;
	}
	
		.dashboardBox.kordiagram .mode .icon.me.active,
		.dashboardBox.kordiagram .mode .icon.me:hover{
			background-position: -5px -35px;
		}
		
	.dashboardBox.kordiagram .mode .icon.employee{
		background-position: -5px -65px;
	}
	
		.dashboardBox.kordiagram .mode .icon.employee.active,
		.dashboardBox.kordiagram .mode .icon.employee:hover{
			background-position: -5px -95px;
		}
	
	.dashboardBox.kordiagram .mode .icon.everyone{
		 background-position: -5px -125px;
	}
	
		.dashboardBox.kordiagram .mode .icon.everyone.active,
		.dashboardBox.kordiagram .mode .icon.everyone:hover{
			background-position: -5px -155px;
		}
	
	
.dashboardContent{
	background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    color: #666262;
    font-family: droid;
    font-size: 12px;
    position: relative;
	min-height: 185px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#munkadashCont{
	margin-top: 10px;
}
	
		.dashboardBox.small .dashboardContent .doboztart { 
			min-height: 132px;
		}
		
		.dashboardBox.autoheight .dashboardContent{  padding-bottom:10px; height: auto; min-height: 175px; } 
			.dashboardBox.autoheight .dashboardContent .doboztart { max-height: none; }
		
		.dashboardBox.tall .dashboardContent{
			min-height: 380px;
		}
			
			.dashboardBox.tall .dashboardContent .doboztart{
				max-height: 330px;
                min-height: 330px;
			}
		
		.dashboardBox.big .dashboardContent{
			min-height: 360px;
		}
		
		.dashboardBox.salestolcserdg { height: 400px!important;}
		.dashboardBox.kordiagram { height: 360px; position: relative;}
		.dashboardBox.kordiagram .dashboardContent{ padding-bottom: 8px;}

	.dashboardContent h2{
		color: #033950;
		font-family: droid;
		font-size: 14px;
		line-height: 35px;
		padding: 0 10px;
	}
	
	.dashboardBox.big .dashboardContent{
		padding: 10px;
	}
	
	
	.dashboardContent .bigContent .jelmagyarazat{
		padding : 0px;
	}
	
	.dashboardContent .bigContent,
	.dashboardContent #tavol-masok-gombsor{
		width: 628px;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.dashboardContent #tavol-masok-tarto{
		width: 648px;
		margin: 0 auto;
	}
	.dashboardContent #rendezveny-tarto{
		width: 648px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}

@media only screen and (max-width: 1350px){
	.dashboardBox.big{
		width: 98%;
	}
}	
	
@media only screen and (max-width: 1120px){
	.noclear1120{
		clear: none;
	}
	
	.dashboardBox.small{ width: 48%;}
	
	.dashboardBox.kordiagram,
	.dashboardBox.big{
		width: 97%;
	}
	
	.dashboardBox.kordiagram { height: auto; } 
}


@media only screen and (max-width: 800px){
	.dashboardBox.big,
	.dashboardBox.small{ width: 98%;}
	
	.dashboardContent .bigContent,
	.dashboardContent #tavol-masok-gombsor,
	.dashboardContent #tavol-masok-tarto{
		width: 95%;
		padding: 0px;
	}
	.puIconHolder{
		max-width: 100%!important;
		padding: 0 10px!important;
	}
	.puGyorsIcon{
		width: 93%!important;
	}
}


.csomagDashTooltipFix .infoIcon .tooltip.fade.right.in{
	width: 720px!important;
}
.csomagDashTooltipFix  .infoIcon .tooltip-inner{
	max-width: 720px!important;
}
.puGyorsIcon{
	float: left;
    color: #666262;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    padding: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	margin-right: 10px;
	text-align: center;
	min-width: 107.625px;
	margin-bottom: 10px;
}
.puGyorsIcon i{
    font-size: 3em;
}
.puGyorsIcon:hover{
	color:#2f323a;
}
.puIconHolder{
	overflow:hidden;
	margin-left: auto;
    margin-right: auto;
	max-width: 395px;
	padding-left: 10px;
}
.pugyorsmodul .dashboardContent{
	min-height: 0px;
}
.firstfix1{
	left: 172px!important;
    width: 65px!important;
	border-left: 1px solid #c8c8c8!important;
}
.firstfix2{
	width: 65px!important;
    left: 245px!important;
	border-left: 1px solid #c8c8c8!important;
}
.firstfix3{
	width: 65px!important;
    left: 311px!important;
	border-left: 1px solid #c8c8c8!important;
}
.firstfix4{
	width: 65px!important;
    left: 373px!important;
	border-left: 1px solid #c8c8c8!important;
}
.firstfix5{
	width: 60px!important;
    left: 438px!important;
	border-left: 1px solid #c8c8c8!important;
	border-right: 1px solid #c8c8c8!important;
	
}
.fixHead{
	left: 171px!important;
	width: auto!important;
}
.tamogatasDarab {
    cursor: pointer;
}


.salesTolcserHolder{
	margin-left: 10px;
    margin-top: 10px;
    width: 100%;
    height: calc(100% - 43px);
    position: relative;
    display: block;
}
.salesTolcserKepTarto{
	position: relative;
    width: 100%;
    height: calc(100% - 30px);
    text-align: center;
    display: block;
    padding-bottom: 20px;
    padding-top: 10px;
}
.salesTolcserImg{
	max-width: 100%;
	max-height: 100%;
	
}
.salesTolcserFeliratokTarto{
	position: absolute;
    width: calc(100% - 10px);
    padding-right: 10px;
    text-align: center;
    z-index: 1;
}
.salesTolcserFelirat{
    color: #000;
    font-weight: bold;
    font-size: 1.17em;
	background-color: black;
    height: 27px;
    line-height: 27px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	min-width: 222px;
	max-width: 100%;
    display: inline-block;
}

.salesTolcserFelirat_bg_1{background-color: #6cb5f5;}
.salesTolcserFelirat_bg_3{background-color: #1b6db5;}
.salesTolcserFelirat_bg_4{background-color: #CFC6C6;}
.salesTolcserFelirat_bg_7{background-color: #E02D2D;}
.salesTolcserFelirat_bg_8{background-color: #F68B00;}
.salesTolcserFelirat_bg_10{background-color: #8ec170;}
.salesTolcserFelirat_bg_11{background-color: #E02D2D;}
.salesTolcserFelirat_bg_13{background-color: #6cb5f5;}
.salesTolcserFelirat_bg_14{background-color: #1b6db5;}
.salesTolcserFelirat_bg_16{background-color: #F68B00;}

.salesTolcserFelirat_bg_24{background-color: #DCDCDC;}
.salesTolcserFelirat_bg_25{background-color: #6CB5F5;}
.salesTolcserFelirat_bg_26{background-color: #A0C421;}
.salesTolcserFelirat_bg_27{background-color: #CFC6C6;}
.salesTolcserFelirat_bg_28{background-color: #1b6db5;}
.salesTolcserFelirat_bg_29{background-color: #F68B00;}
.salesTolcserFelirat_bg_30{background-color: #8ec170;}

.diagramTablazat{
	float: left;
    width: 100%;
    margin-bottom: 20px;
}
.kordiagramSor{
	float: left;
    width: 100%;
	margin-bottom: 30px;
}
.ajanlatDashboardContent{
	padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
	padding-bottom: 20px;
    display: block;
    height: auto;
    position: relative;
    float: left;
	width: calc(100% - 20px);
}
.diagramKordiagramDarab,
.diagramKordiagramOsszeg{
	float: left;
    width: 45%;
	margin-left: 10px;
}
.ajanlatDashboardContent .dashboardBox.kordiagram {
	height: auto!important;
}
.ajanlatDashboardContent .dashboardBox.small {
    width: 95%;
    margin-right: 1%;
}

@media screen and (max-width: 520px) {
	.diagramTablazat{
		width: 90%;
	}
	.diagramKordiagramDarab,
	.diagramKordiagramOsszeg{
		float: left;
		width: 90%;
	}
	.ajanlatDashboardContent .dashboardBox.small {
		width: 100%;
	}
}
.haviMegvalosulasChart{
	float: left;
    width: 95%;
	min-height: 200px;
	margin-top: 25px;
}
.megrendeltAjanlatHet{
	float: left;
    width: 95%;
	min-height: 200px;
}
.ajanlatNemAktualisHet .ajanlatDashboardContent ,
.ajanlatNemAktualisHet .dashboardContent{
	background-color: #F7F9F9;
}
.ertekesitoAjanlatokHolder{padding: 15px 10px 10px 10px;}
#ertekesito-ajanlatok-linechart{
	min-height:200px;
}
.posrel{position: relative;}

.alapkezeloPlNemAipa{
	position: relative;
	background-color: #ffffd7;
	width: calc(50% - 2px);
	float: left;
	height: 35px;
	border: 1px solid #937930;
}

.alapkezeloPipelineSorlabel{
	width: 308px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    font-weight: bold;
    color: black;
	cursor: default;
	z-index:40;
}
.alapkezeloPLAipa{
	position: relative;
	background-color: #ffffd7;
	width: calc(50% - 2px);
	float: right;
	height: 35px;
	border: 1px solid #937930;
}
.alapkezeloPlKulonbsegSor {
	top: 0;
    height: 100%;
    position: absolute;
	background-color: #6cb5f5;
    z-index: 20;
}

.alapkezeloPlKulonbsegSor.aipa{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	left:0;
}
.alapkezeloPlKulonbsegSor.aipa.hoversor,
.alapkezeloPlKulonbsegSor.nemaipa.hoversor{
	z-index: 1000;
    background: none;
}
.alapkezeloPlKulonbsegSor.nemaipa{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	right:0;
}
.alapkezeloPlNemAipaBg{
	height: 100%;
	float: right;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	z-index: 32;
    position: relative;
}
.alapkezeloPlAipaBg{
	height: 100%;
	float: left;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 32;
    position: relative;
}

.alapkezeloPlNemAipaBg{background-color:#e28a2b;}
.alapkezeloPlAipaBg{background-color:#A85229;}
.alapkezeloSorPlHover{
	font-weight: bold;
    z-index: 50;
    height: 100%;
    width: calc(100% - 50px);
    position: absolute;
    font-size: 15px;
    line-height: 34px;
    white-space: nowrap;
    padding: 0 25px;
	cursor: default;
}
.alapkezeloPlKulonbsegSor{height: 100%;}

.deloitteGyorsTarto{padding: 0 10px;}
.deloitte-gyorsikon .dashboardContent{min-height: 115px!important;}
.deloitte-gyorsikon .dashboardContent.etImportHibaHolder{min-height: 90px!important;}
.deloitte-gyorsikon .dashboardContent.etImportHibaHolder .puGyorsIcon{
	border:0;
	font-size:1em;
	min-width: 20px;
}
.deloitte-gyorsikon .dashboardContent .puGyorsIcon{min-width: 76.625px;}

#alapkezelo-ugyletlejarat .legend,
#alapkezelo-ugyletmeret .legend{background-color: #1d2327;}

.nemAipaMagyarazat{
	width: 50%;
    float: left;
    height: 35px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: black;
}
.AipaMagyarazat{
	width: 50%;
    float: right;
    height: 35px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: black;
}
.aipaSugo{float: left;line-height: 23px;font-size: 1.3em;margin-right: 15px;margin-bottom:15px;}
.aipaSugo div{width: 25px;height: 25px;float: left;margin-right: 5px;}

.aipaSugo .alapkezeloNemAipa{background-color:#e28a2b;}
.aipaSugo .alapkezeloAipa{background-color:#A85229;}
.aipaSugo .alapkezeloKulonbseg{background-color: #6cb5f5;}

td.nincsAProjektben{/*background-color: rgb(87, 91, 93)!important;*/}
td.projektHistoryNincs{background-color: #DDDDDC!important;}
.projektFejlec.projektStat-10{background-color: #686c70;}

.portfolioSor:hover:not(.nohover) td.done{
	background-color: #CBD7C4!important;
    color: #2f323a;
}
.portfolioSor:hover:not(.nohover) td.inprog{
	background-color: #E5E55B!important;
    color: #2f323a;
}
.portfolioSor:hover:not(.nohover) td.over{
	background-color: #DC6166!important;
    color: #2f323a;
}