.ui-tabs-tab {
	width: calc( ( ( 100% - 18px ) / 6 ) );
	/*display: inline-block;*/
}


body.jarmu_diagramok__oldal .main-page-wrapper {
	background: #f0f3f9;
}

.ui-widget-content {
	background: transparent;
}

#jarmu_diagramok_tabs {
	border: none;
    font-size: 13px;
}


.ui-tabs .ui-tabs-nav li {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: none;
    
    border-top: 1px solid #0e0483;
border-left: 1px solid #0e0483;
border-right: 1px solid #0e0483;
margin-right: 3px;
margin-left: 0px;

white-space: normal;
text-align: center;
}

.ui-tabs .ui-tabs-nav li a {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-right: 6px !important;
	padding-left: 6px !important;
    width: 100%;
}

.ui-widget-header {
	background: no-repeat;
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
    border: none !important;
}

.ui-tabs-panel {
	border: 1px solid #aaa !important;
	border-top: 0px !important;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	background: #FFFFFF !important;
	border-radius: 8px;
    border: none;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: #fff;
	border: none !important;

}

.ui-tabs .ui-tabs-nav {
    padding-left: 0px;
    margin-left: 8px;
margin-right: 8px;
}


.ui-tabs-tab.ui-tabs-active.ui-state-active {
	background: #0e0483;
    
        border-top: 1px solid #0e0483;
border-left: 1px solid #0e0483;
border-right: 1px solid #0e0483;
}


.ui-tabs-tab.ui-tabs-active.ui-state-active a{
	color: #fff;
    font-size: 13px;
}



body.jarmu_diagramok__oldal  .container {
	max-width: unset !important;
}


.jarmu_diagramok_box {
	max-width: 1088px;
	margin-left: auto;
	margin-right: auto;
}

.jarmu_diagramok_box p {
	margin-bottom: 40px;
	margin-top: 20px;
	line-height: 25px;
}


.nev_td {
	white-space: nowrap;

}

.ertek_td {
	white-space: nowrap;
}

.adatok_td {
	width: 100%;
}



.merce_kulso {
	width: 100%;
	box-shadow: inset 0 0 10px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 10px -3px rgba(0,0,0,0.5);
	-ms-box-shadow: inset 0 0 10px -3px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0 0 10px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 10px -3px rgba(0,0,0,0.5);
	height: 10px;
	float: left;
    position: relative;
}

.merce_ertek {
	background-color: #3498db;
	height: 10px;
    position: absolute;
}

.merce_atlag {
	background: #0e0483;
	height: 20px;
	width: 3px;
	position: absolute;
	margin-top: -5px;
	display: block;
	z-index: 20;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
}

.merce_atlag_tooltip {
	position: relative;
	display: none;
	padding: 8px;
	background: #0e0483;
	border-radius: 8px;
	color: #fff;
	top: -13px;
    margin-left: 13px;
    box-shadow: 0 1px 8px rgba(0,0,0,.1)
}

.merce_atlag:hover + .merce_atlag_tooltip {
	display: inline-block;
}

.merce_atlag_tooltip::before {
	content: "\A";
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #0e0483 transparent transparent;
	position: absolute;
	left: -9px;
}






.diagramok_loader_box {
    display: none;
	position: fixed;
	background: #00000024;
	top: 0px;
	bottom: 0px;
	width: 100%;
	right: 0px;
	left: 0px;
	z-index: 340;
	text-align: center;
	/*display: flex;*/
	align-items: center;
}

.diagramok_loader_box.diagramok_loader_box_show {
	display: flex;
}


.diagramok_loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #0E0483;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-left: auto;
margin-right: auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}





table.jarmu_diagramok_table.dataTable {
	width: 100% !important;

}


.dt-button.jarmu_diagramok_filter_gomb {
	border-radius: 8px;
    text-transform: none;
    margin-bottom: 10px;
}

.jarmu_diagramok_filter_gomb:hover {
	background: #0140ff;
	color: #fff;
}

.jarmu_diagramok_filter_gomb:hover span{
	color: #fff;
}

.jarmu_diagramok_filter_gomb.jarmu_diagramok_filter_gomb_aktiv {
	background: #0e0483;
}

.jarmu_diagramok_filter_gomb.jarmu_diagramok_filter_gomb_aktiv span {
	color: #fff;
}


.dt-buttons {
	float: left;

}

.dataTables_filter input[type="search"] {
	width: auto;
height: auto;
}

.dataTables_filter {
	margin-bottom: 30px;

}

.dt-buttons {
	margin-bottom: 20px;
    padding-bottom: 10px;
}

.dataTable .even {
	background: #fdfdfd;
}

.dataTable .odd {
	/*background: #fdfdfd;*/
}

.dataTable th {
	background: #eaeaea;
}

.dataTable tr:hover td {
	background: #f4f4f4;
}




#jarmu_diagramok_tab_select{
    display: none;
    background-color: #0e0483;
color: #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-color: #0e0483;

cursor: pointer;
}  

#jarmu_diagramok_tab_select option{
	color: #000;
}  











@media (max-width:1100px) {

    .ui-tabs .ui-tabs-nav li {
    	height: 47px;
    }                                            
        
}

@media (max-width:700px) {

    .ui-tabs .ui-tabs-nav li {
        
        width: calc( ( ( 100% - 6px ) / 2 ) );
        height: auto;     
    
    }    
    
    #jarmu_diagramok_tab_ul{
        display: none;
    } 
    
    #jarmu_diagramok_tab_select{
        display: block;
        
    }   
    
    .ui-tabs-panel {
    	border-top-left-radius: 0;
    	border-top-right-radius: 0;
    }                              
            
}


@media (max-width:650px) {

    
    .dt-buttons {
    	float: left;
    	width: 100%;
    	text-align: center;
    }
    
    .dataTables_filter {
    	float: left;
    	width: 100%;
    	text-align: center;
    }
}


@media (max-width:600px) {


    .nev_td {
    	white-space: normal;
    }

    .adatok_td {
    	display: none;
    }                                             
        
}

@media (max-width:450px) {

    .ui-tabs .ui-tabs-nav li {
    	width: 100%;
    }
                                           
        
}