/* ########################################################### ALAP ###################################################### */
.cm_mobile_new_items_0, .cm_mobile_new_items_1, .cm_mobile_new_items_2{
	width: calc(50% - 18px);
	float: left;
	display: block;
	padding: 10px 5px 10px 5px;
	margin: 3px;
	border:1px solid #888;
	background-color: #dedede;
	color: #000;
	font-weight: bold;
	text-align: left;
	/*min-height: 30px;*/
	border-radius: 10px;
}

.cm_mobile_new_items_0{
	padding: 5px;
	width: calc(100% - 18px);
	height: auto;
	/*min-height: auto;*/
}

.cm_mobile_new_items_1::hover, .cm_mobile_new_items_2::hover{
	background-color: #888;
}
/* ####################################################################################################################### */
@media (max-width: 1200px) {
	.cmtophead h2{
		display: none !important;
	}
}

@media (max-device-width: 960px) and (max-device-height: 960px) , (max-width: 960px) and (max-height: 960px) {
.cm_table_data_resp{
	height: auto!important; 
}

tr.cmtvs{
	border-radius: 10px;
  display: table;
  border: 1px solid #000;
  padding: 10px;
  margin: 10px;
}

.cm_table_list tr.active{
	background-color: #66C9E0!important;
}

.title_td table{
	display: table-column;
	width: calc(100% - 4px)!important;
}

.item_number_td, .price_title_td, .taxvalue_title_td, .group_title_td{
/*	display: none!important;*/
}

.cmtvs td, .termek_csoport_tetel_stock {
	width: calc(100% - 4px)!important;
	float: left;
}

.active td, .active td div {
    background-color: transparent;
}

.cm_table_list th, .cm_table_list td {
    border: none!important;
}

.item_number_td{
	display: none!important;
}
	/*
	body{
		zoom: 200%;
	}
	*/
/* ########################################################### */
#cm_otherwindowcm_forms, .cm_window_area, .cm_window{
	width: 100vw!important;
}

#termek_tetelek_csoport_new {
	height: 75px;
}

.cm_table_list{
	width: calc(100% - 10px);
}

.cmlistfooter div{
	margin: 0!important;
}

.cmlistfooter i span{
		display: none!important;
}
	
.cmlistfooter i{
	min-width: 24px;
	min-height: 24px;
	max-height: 24px;
	max-width: 24px;
	text-align: center;
	vertical-align: middle;
}

.cmlistfooter i:before{
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}

.status_buttons_new{
	min-width: 355px;	
}
.cmlistfunkciogombok{
	min-width: 240px;	
}

.cmlistfooter select, .cmlistheader select{
	height: 8px!important;
	font-size: 10px;
}

.cmlistfooter{
	min-height: 40px;
}
/* ########################################################### */
	
	#admin_menu_box, #content {
		width: calc(100% - 10px);
	}
	
	.admin_row{
		margin: 10px;
		width: 100%;
	}
	
	.admin_input{
		width: 100%;
		display: block;
	}

	.admin_input input{
		width: calc(100% - 40px);
	}
	
	.dashboard_calendar{
		width: calc(100% - 60px);
	}
	
	#header > h2, #markermap_admin_header .cmtophead > h2{
		display: none;
	}
	
	.alertmessage{
		font-size: 20px !important;
	}
	
	.cm_form_row_label{
		width: calc(100% - 8px);
	}
	.cm_form_row{
		width: 100%;
	}
	.cm_form_label{
		display: block;
		width: auto;
		text-align: left;
	}	
	.cm_form_column{
		width: calc(100% - 12px);
	}
	.cm_form_column input, .cm_form_column input[type="text"]{
		width: calc(100% - 20px);
	}
	.cm_form_column select{
		width: calc(100% - 9px);
	}
	.bizonylat_keret{
		min-width: auto;
		width: 100%;
	}
	.dochead_left{
		border-right: none;
	}
	.dochead_right, .dochead_left, .dochead_partner_left, .dochead_partner_right{
		display: block;
	}
	.dochead_row label{
		width: 100%;
		display: block;
	}
	.width_437, .width_410, .width_400, .width_685, .width_892, .width_674, .width_454, .width_140, .width_801{
		width: calc(100% - 15px);
	}
	.urlap_table_head, .urlap_table_bottom{
		width: calc(100% - 14px);
	}
	.dochead_row, .dochead_main{
		display: table;
	}
	.nobr{
		white-space: normal;
	}
	.felsobombsor{
		display: block;
		float: none;
	}
	.dochead_left h1{
		display: block;
		text-align: center;
	}
	.dochead_row input[type="text"], .dochead_row textarea, .dochead_row input[type="password"], .dochead_row input[type="file"], .dochead_row .hasDatepicker{
		width: calc(100% - 15px);
	}
	 .dochead_row select{
		width: calc(100% - 2px);
	}
	.urlap_table_head div:nth-of-type(1){
		width: 100% !important;
	}
/*
	.urlap_sor input[type="text"]:nth-of-type(1){
		width: calc(100% - 12px) !important;
	}
	.urlap_table_head div:nth-of-type(2){
		width: 100% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(3){
		width: calc(100% - 12px) !important;
		border-left: 1px solid #808080;
	}
	.urlap_table_head div:nth-of-type(3){
		width: 30% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(6){
		width: calc(30% - 12px) !important;
		border-left: 1px solid #808080;
	}
	.urlap_table_head div:nth-of-type(4){
		width: 20% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(7){
		width: calc(20% - 11px) !important;
	}
	.urlap_table_head div:nth-of-type(5){
		width: 30% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(8){
		width: calc(30% - 11px) !important;
	}
	.urlap_table_head div:nth-of-type(6){
		width: 20% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(11){
		width: calc(20% - 11px) !important;
	}
	.urlap_table_head div:nth-of-type(7){
		width: 33% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(12){
		width: calc(33% - 15px) !important;
		border-left: 1px solid #808080;
	}
	.urlap_table_head div:nth-of-type(8){
		width: 33% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(13){
		width: calc(33% - 15px) !important;
	}
	.urlap_table_head div:nth-of-type(9){
		width: 33% !important;
	}
	.urlap_sor input[type="text"]:nth-of-type(14){
		width: calc(33% - 2px) !important;
	}
*/
	.bizonylat_keret_belso input[type="button"]{
		display: block;
		width: 100%;
		height: 55px;
	}
/* START TABLE */
@media 
only screen and (max-width: 800px),
(min-device-width: 808px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	.cm_window_head_move{
		width: calc(100% - 150px)!important;
	}
	.cm_window_head_move h1{
		font-size: 14px!important;
	}
	
	#cm_window_area_margin_sablonok div{
		padding: 3px!important;
	}
	
	.cm_main_table, .cm_main_table thead, .cm_main_table tbody, .cm_main_table th, .cm_main_table td, .cm_main_table tr { 
		display: block; 
	}

	.cm_table_list th
		{
			display: none;
		}
		
	.cmlistcontent {
		top: 148px;
	}
	
	.cmsearch{
		width: auto;
	}
	
	.cmlistheader {
		height: 80px;
		font-size: 8px;
		line-height: 10px;
	}
	.cm_head2{
		line-height: 12px;
		font-size: 12px!important;
	}	
	/* Hide table headers (but not display: none;, for accessibility) */
	.cm_main_table thead tr { 
		/*position: absolute;
		top: -9999px;
		left: -9999px;*/
	}
	
	.cm_main_table thead tr th div{
		width: calc(50% - 10px);
		display: inline-block;
	}
	
	.cm_main_table thead tr th br{
		display: none;
	}
	
	.cm_main_table tr { 
		border: 1px solid #ccc; 
	}
	
	.cm_main_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%;*/ 
	}
	
	.cm_list_mod{
		width: 100%;
	}
	
	.column_class_cm_cimke_date_from, .column_class_cm_cimke_date_to{
		width: 105px !important;
	}
	
	.cm_table_number_th{
		width: calc(100% - 5px);
	}
	
	.cm_table_szuronyitzar{
		display: none !important;
	}
	
	.cm_table_title_th{
		display: inline-block;
	}
	
	#cm_filter_delete{
		width: auto;
	}
	
	.codu-datepicker-icon-attached-after{
		width: auto !important;
	}
	
	.cm_table_searchsubmit{
		width: calc(100% - 33px) !important;
	}

	.cm_table_mobilsearch div .cm_table_searchsubmit{
		width: auto;
	}

	
	#cm_table_th_search_displayed{
		display: none;
	}	
	/*.cm_main_table td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%; 
		padding-right: 10px; 
		white-space: nowrap;
	} */

	.cm_table_list td{
		height: auto;
		display: table;
		width: calc(100% - 5px);
	}
	.cm_bottom_button{
		display: none;
	}
	
	.cm_main_table{
		min-width: auto;
	}
	.cm_active div{
		float: left !important;
	}
	.cm_table_title_resp{
		font-weight: bold;
		display: inline-block;
		width: 100%;
	}	
	.cm_table_data_resp{
		display: inline-block;
		width: 100%;
	}
	.cm_table_pager{
		display: table;
	}
	.cm_table_pager td{
		display: table-cell;
	}
	.cm_table_mobilsearch{
		display: table-cell;
		border: none !important;
	}	
/* END TABLE */

}

@media (min-height: 800px) and (max-width : 960px) {
	.admin_input input, .admin_button{
		height: 70px;
		font-size: 36px;
	}
	
	.admin_row div, #admin_menu_box h3{
		font-size: 30px;
		width: 100%;
		line-height: 40px;
	
	}	
}

@media (max-device-width: 800px) and (min-device-width: 420px), (max-width: 800px) and (min-width: 420px){

.gombsor_button{
	width: calc(50% - 30px);
  float: right;
  border: 2px solid #fff;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  background-color: #4CAF50;
  border-radius: 4px;
  cursor: pointer;
	margin: 2px 0px 2px 6px!important;
}
.gombsor_button nobr{
	white-space: normal!important;
}

tr.cmtvs{
	border-radius: 10px;
  display: table;
  border: 1px solid #000;
  padding: 10px;
  margin: 10px;
}

.cm_table_list tr.active{
	background-color: #66C9E0!important;
}

.title_td table{
	display: table-column;
	width: calc(100% - 4px)!important;
}

.item_number_td, .price_title_td, .taxvalue_title_td, .group_title_td{
/*	display: none!important;*/
}

.item_number_td{
  display: none!important;
}

.cmtvs td, .termek_csoport_tetel_stock {
	width: calc(33% - 4px)!important;
	float: left;
}

.partnername_title_td{
	/*width: calc(67% - 7px)!important;*/
}

.cm_table_data_resp {
   height: auto!important;
}

.deleted_title_td{
	width: calc(100% - 7px)!important;
	margin-bottom: 10px;
}

.navkuldes, .penzugy, .invoicestatus{
	min-height: 50px;
}

.id1_title_td, .id2_title_td, .id3_title_td{
/*	border-bottom: 3px solid #808080!important;*/
/*	margin-bottom: 10px;*/
}

.active td{
	border-right: none;
	border-bottom: none;
	background-color: #66C9E0;
}

.navkuldes, .invoicestatus, .penzugy {
    margin: -2px;
    text-align: center;
    cursor: pointer;
    display: table;
    padding: 0px 2px 0 2px;
    margin-top: 2px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.cm_table_list th, .cm_table_list td {
	border-right: none;
	border-bottom: none;
}

.active td div{
	background-color: #66C9E0;
}

.cm_table_title_resp {
	font-weight: normal;
	font-size: 12px;
}

.cm_table_data_resp {
	font-weight: bold;
	font-size: 13px;
}

/*
.invoicenum_title_td, .partnername_title_td, .documentnum_title_td{
	border-top: 3px solid #808080!important; 
}
*/

.penzugy p, .invoicestatus p, .navkuldes p{
	font-size: 12px!important;
}

.cm_title_td{
	display: none!important;
}

.status_item_ajanlat div, .deleted_data div{
	width: calc(100% - 6px)!important;
}

.status_item_ajanlat{
	width: 100%!important;
}

/* Innen új a lentiben még nincs benne */
                     
}

@media (max-device-width: 420px) and (min-device-width: 300px), (max-width: 420px) and (min-width: 300px){

.gombsor_button{
	width: calc(50% - 30px);
  float: right;
  border: 2px solid #fff;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  background-color: #4CAF50;
  border-radius: 4px;
  cursor: pointer;
	margin: 2px 0px 2px 6px!important;
}

.gombsor_button nobr{
	white-space: normal!important;
}

.cm_table_data_resp{
	height: auto!important; 
}

tr.cmtvs{
	border-radius: 10px;
  display: table;
  border: 1px solid #000;
  padding: 10px;
  margin: 10px;
}

.cm_table_list tr.active{
	background-color: #66C9E0!important;
}

.title_td table{
	display: table-column;
	width: calc(100% - 4px)!important;
}

.item_number_td, .price_title_td, .taxvalue_title_td, .group_title_td{
/*	display: none!important;*/
}

.cmtvs td, .termek_csoport_tetel_stock {
	width: calc(50% - 5px)!important;
	float: left;
}

.partnername_title_td, .invoicenum_title_td, .id3_title_td{
/*	width: calc(100% - 6px)!important;*/
}

.navkuldes, .penzugy, .invoicestatus{
	min-height: 50px;
}

.documentnum_title_td{
	width: calc(100% - 6px)!important;
}

.deleted_title_td{
	width: calc(100% - 6px)!important;
	margin-bottom: 10px;
}

.id3_title_td{
	/*border-bottom: 3px solid #808080!important;*/
	margin-bottom: 10px;
}

.active td{
	border-right: none;
	border-bottom: none;
	background-color: #66C9E0;
}

.navkuldes, .invoicestatus, .penzugy {
    margin: -2px;
    text-align: center;
    cursor: pointer;
    display: table;
    padding: 0px 2px 0 2px;
    margin-top: 2px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.cm_table_list th, .cm_table_list td {
	border-right: none;
	border-bottom: none;
}

.active td div{
	background-color: #66C9E0;
}

.cm_table_title_resp {
	font-weight: normal;
	font-size: 12px;
}

.cm_table_data_resp {
	font-weight: bold;
	font-size: 13px;
}

.invoicenum_title_td, .documentnum_title_td{
	/*border-top: 3px solid #808080!important;*/ 
}

.penzugy p, .invoicestatus p, .navkuldes p{
	font-size: 12px!important;
}

.cm_title_td{
	display: none!important;
}

.status_item_ajanlat div, .deleted_data div{
	width: calc(100% - 6px)!important;
}

.status_item_ajanlat{
	width: 100%!important;
}

}

@media (max-device-width: 800px), (max-width: 800px){
.onlymobile{
	display: block;
}

.termek_tetelek_csoport_header td{
  float:left;
  width: 50%;
  display: table;	
}

.termek_tetelek_csoport_header td input{
	width: calc(100% - 11px)!important;
}

.termek_tetelek_csoport_header td select{
	width: 100%!important;
	height: 27px!important;
}

.nomobile{
	display: none!important;
}

.mobil_next, .mobil_prev{
	width: calc(50% - 74px);
	float: right;
  border: 2px solid #fff;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
	background-color: #4CAF50;
	border-radius: 4px;
	margin: 2px;
	cursor: pointer;
}

.dochead_partner_top{

}

.dochead_partner_left{
	display: none;
}
                      
.dochead_partner_right{
	display: none;
}

.dochead_right{
	display: none;
}

.bizonylat_tetelek{
	display: none;
}

.muveleti_gombok{
	display: none;
}

.bizonylat_full{
	display: block;
	width: calc(100% - 2px);
}

.dochead_row_mobile{
	width: 100%;
  display: table;
	margin-bottom: 100vh;	
}

.bizcsoport{
	width: calc(100% - 12px)!important;
}

.biztermek{
	width: calc(100% - 38px)!important;
	border-left: 1px solid #888!important;
}

.bizdb{
	width: 100px!important;
  margin-left: calc(100% - 201px)!important;
  border-left: 1px solid #888!important;
}

.bizme {
	width: 78px!important;
}

.bizear, .bizbear, .bizar, .bizbar, .bizbrutto{
	width: 100px!important;
}

.bizear {
  border-left: 1px solid #888!important;
}

.bizar{
  border-left: 1px solid #888!important;
	margin-right: calc(100% - 224px)!important;
}

.bizbar{
  border-left: 1px solid #888!important;
}

.bizafa {
  width: calc(100% - 234px)!important;
}

.bizcikkmegjegyzes{
	width: calc(100% - 12px)!important;
}

.bizeloleg, .bizkozv{
	zoom: 2;
	margin-top: 3px!important;
}

.zaradek_a_tetelen{
	width: 100%!important;
}

.bizzaradek, .bizvtsz{
	margin: 0!important;
	width: calc(50% - 22px)!important;
	padding: 10px!important;	
}

.bizraktar, .bizkeszlet{
	margin: 0!important;
	width: calc(50% - 12px)!important;
}

}


}

@media (max-width: 540px) {
	.cmtab_a {
    min-width: calc(50% - 5px)!important;
  }
	.cm_tabs_class {
    min-width: calc(100% - 11px)!important;
  }
  
.dochead_row_mobile{
	margin-bottom: 100vh!important;	
}
  
}

@media (max-width: 299px) {
.cmtab_a {
    min-width: calc(100% - 5px)!important;
  }

.gombsor_button{
	width: calc(100% - 22px);
  float: right;
  border: 2px solid #fff;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  background-color: #4CAF50;
  border-radius: 4px;
  cursor: pointer;
  margin: 2px!important;
}
.gombsor_button nobr{
	white-space: normal!important;
}

}

/* https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/ */