.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('../img/diagram/diagram.png');
	}
	
	.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 { width: 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;
}

.kanbanTartalomTarto{
	/*display: flex;*/
    /*align-items: stretch;*/
	/*flex-wrap: wrap;*/
	width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
	white-space: nowrap;
	padding-bottom: 20px;
}
.kanban-oszlop {
    height: 450px;
	/*border-right: 1px solid #d8d8d8;*/
	/*border-left: 1px solid #d8d8d8;*/
	width: 100%;
	min-width: 140px;
	/*max-width: 200px;*/
	width: 270px;
	display: inline-block;
	margin-left: 10px;
    margin-right: 10px;
}
.kanban-oszlop:first-child{margin-left:5px;}
.kanban-oszlop:last-child{margin-right:0;}

.kanban-oszlop .kanban-oszlopcim-sugo .tooltip{white-space: normal;text-align: left;}
.kanban-oszlop .kanban-oszlopcim-sugo .tooltip .tooltip-inner{text-align: left;}


.kanban-label{
	float: left;
    margin-left: 13px;
	margin-top: 3px;
	text-transform: uppercase;
}
.kanban-sugo{
	float: right;
	margin-right: 13px;
}

.kanban-oszlopcim{
	font-weight: bold;
    font-size: 13px;
    text-align: center;
	border-bottom: 2px solid white;
	padding: 5px 5px;
	height: 45px;
    /*display: table-cell;
    vertical-align: middle;
	width: 98%;*/
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	position: relative;
}
.kanban-oszlopcim .kanban-oszlopcim-sugo{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
}
.kanban-oszlop:first-child{
	border-left:0!important;
}
.kanban-oszlop:last-child{
    border-right:0!important;
}

.kanban-oszloptartalom{padding: 5px 5px;max-height: 380px;background-color: #ecf0f1;}

.kanban-doboztarto .kanban-dobozcim{
    font-weight: bold;
    margin-bottom: 5px;
    height: 28px;
    padding-left: 6px;
    line-height: 28px;
    border-bottom: 1px solid #c8c8c8;
}
.kanban-doboz-elemid{font-size: 13px;}
.kanban-doboztarto .kanban-dobozsor{float:left;width:100%;margin:2px 0px;}

.kanban-doboztarto .kanban-doboztartalom{float:left;padding-left: 8px;width: calc(100% - 8px);}
.kanban-dobozsor .kanban-dobozsor-cim{float:left;font-weight: bold;margin-right: 5px;}
.kanban-dobozsor .kanban-dobozsor-adat{float:left;}

.kanban-oszlop .kanban-doboztarto{
	float: left;
    /*padding-top: 7px;*/
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
    padding-bottom: 7px;
    /*border-left: 2px solid #d8d8d8;*/
    border-right: 2px solid #d8d8d8;
    box-shadow: 0px 5px 5px #d8d8d8;
    margin-bottom: 15px;
    width: calc(100% - 15px);
    margin-left: 7px;
    position: relative;
    background: #fff;
}

.kanban-oszlop .kanban-oszlopcim{background-color: #ecf0f1;}
.kanban-doboz-muveletek{
	height: 22px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.kanban-doboztartalom-focim{
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
	height: 16px;
}
.kanban-ikon-magyarazat{
	margin-top: 10px;
	text-align: center;
}
.kanban-ikon-magyarazat.fonticon{
	text-align: center;
	margin-top: 3px;
}

.f-k-felelos .avatarPic{
	margin-top: 3px;
}
.f-k-gombok,
.f-k-felelos,
.f-k-created,
.f-k-hatarido,
.f-k-ugyfel{height: 60px;text-align: center;}

.f-k-felelos,
.f-k-ugyfel{width: 25%;}
.f-k-hatarido,
.f-k-created{width: 17.5%;}
.f-k-gombok{width: 15%;}

.kanban-doboztarto .fontossag-ikon{
	float: right;
    margin-right: 10px;
    font-size: 16px;
}
.kanban-doboztarto .fontossag-nev{
	float: right;
    margin-right: 10px;
}

.szla-dashboard-lejaro-lejart-doboz {
    width: calc(50% - 38px);
    float: left;
    padding: 0 13px;
	padding-bottom: 10px;
    margin: 10px 5px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
}
.szla-dashboard-lejaro-lejart-doboz tbody {
    display:block;
	height: 250px;
}
.szla-dashboard-lejaro-lejart-doboz thead, .szla-dashboard-lejaro-lejart-doboz tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.szla-dashboard-lejaro-lejart-doboz thead {
    
}
@media only screen and (max-width: 1050px){
	.szla-dashboard-lejaro-lejart-doboz {width: calc(100% - 20px);}
}


.hallgatokepzesdash .dobozsormini {
	height: 35px !important;
}
.hallgatokepzesdash.dashboardBox.small {
	width: 49% !important;
	/* margin-left: 1%; */
}
.hallgatokepzesdash .datum {
	width: 33%;
	font-size: 0.9em;
}
.hallgatokepzesdash .dobozcim {
	padding: 0 10px !important;
}

.dashboardContainer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dashboardContainer>.dashboardBox {
	margin-right: 0;
}

@media only screen and (max-width: 1299px){
	.hallgatokepzesdash.dashboardBox.small {
		width: 100% !important;
	}
}

/* Laptop */
@media only screen and (max-width: 1366px) {
	.dashboardBox.half {
		width: 100%;
	}
}