@import "resolutions.css?143567";
:root {
  --table-head: #268ea5;
  /*--table-head: #66C9E0; világoskék*/
  /*--table-head: #04AA6D; zöld*/
  --table-head-color: #ffffff;
  
  /*var(--table-head);*/
}/* ###################################################### ICONSET START ###############################################*/
input::placeholder{
	color: #dedede;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('font/fontawesome-webfont-62877.eot');
	src: url('font/fontawesome-webfont-0.eot#iefix&v=3.0.1') format('embedded-opentype'),  url('font/fontawesome-webfont-62877.woff') format('woff'),  url('font/fontawesome-webfont-62877.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}

@font-face {
  font-family: "addnew";
  src:url("font/addnew.eot");
  src:url("font/addnew.eot?#iefix") format("embedded-opentype"),
    url("font/addnew.woff") format("woff"),
    url("font/addnew.ttf") format("truetype"),
    url("font/addnew.svg#addnew") format("svg");
  font-weight: normal;
  font-style: normal;

}
                             
.iconset {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    text-decoration: inherit;
    vertical-align: baseline;
    width: auto;
    padding: 2px;
    display: inline-block;
    margin-top: 2px;
    text-shadow: 1px 1px 0 #595959;
}

.cm_window_head div, .cm_window_head div .iconset{
	color: #fff;
}

.iconsetaddnew {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline;
    font-family: addnew;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    text-decoration: inherit;
    vertical-align: baseline;
    width: auto;
    padding: 2px;
    display: inline-block;
    margin-top: 2px;
    text-shadow: 1px 1px 0 #595959;
}

.icon_warning::before	{
	content: "\f071";
}

.icon_invoice::before	{
	content: "\f045";
}

.icon_checked::before	{
	content: "\f046";
}

.icon_unchecked::before	{
	content: "\f096";
}

.icon_ok::before	{
	content: "\f00c";
	color: rgb(0, 64, 0);
}

.icon_down::before	{
	content: "\f078";
	cursor: pointer;
}

.icon_info_red::before	{
	content: "\f05a";
	cursor: pointer;
	color: #ff0000;
	font-size: 25px;
}

.icon_book_red::before	{
	content: "\f059";
	cursor: pointer;
	color: #ff0000;
	font-size: 25px;
}

.icon_deletion::before	{
	content: "\f00d";
	cursor: pointer;
}

.icon_cog::before	{
	content: "\f013";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_qr::before	{
	content: "\f029";
  font-size: 25px;
  padding-right: 5px;
  cursor: pointer;
}

.icon_bell::before	{
	content: "\f0a2";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_communicate::before	{
	content: "\f086";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_eyehide::before	{
	content: "\f070";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
	color: #FF0000;
}

.icon_eye::before	{
	content: "\f06e";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_info::before	{
	content: "\f05a";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_info_25::before	{
	content: "\f05a";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_refresh::before	{
	content: "\f021";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_refresh_16::before	{
	content: "\f021";
	font-size: 16px;
	padding-right: 2px;
	cursor: pointer;
}

.icon_download::before	{
	content: "\f019";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_user::before	{
	content: "\f007";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_user_wk::before	{
	content: "\f0f0";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_user_grp::before	{
	content: "\f0c0";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_barcode::before	{
	content: "\f02a";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_close::before	{
	content: "\f00d";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_close_20::before	{
	content: "\f00d";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_small::before	{
	content: "\f066";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_large::before	{
	content: "\f065";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_left::before	{
	content: "\f0a8";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_right::before	{
	content: "\f0a9";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_edit::before	{
	content: "\f044";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_save::before	{
	content: "\f0c7";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_clip::before	{
	content: "\f0c6";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_copy::before	{
	content: "\f0c5";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_home::before	{
	content: "\f015";
	font-size: 25px;
	cursor: pointer;
}

.icon_link::before	{
	content: "\f0c1";
	font-size: 25px;
	cursor: pointer;
}

.icon_link_20::before	{
	content: "\f0c1";
	font-size: 20px;
	cursor: pointer;
}

.icon_print::before	{
	content: "\f02f";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_delete::before	{
	content: "\f014";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_search::before	{
	content: "\f002";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_settings::before	{
	content: "\f085";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_log::before	{
	content: "\f02d";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_list::before	{
	content: "\f022";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_add::before	{
  font-family: addnew !important;
	content: "\61";
	font-size: 25px;
	cursor: pointer;
}

.icon_datalink::before	{
	content: "\f0ae";
	font-size: 20px;
	cursor: pointer;
}

.icon_menu_oc::before	{
	content: "\f0db";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_calendar_oc::before	{
	content: "\f073";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_add_ws::before	{
	content: "\f055";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_add_ws_cal::before	{
	content: "\f055";
	font-size: 16px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_calendar::before {
	content: "\f073";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_mailbox::before	{
	content: "\f0e0";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_upload::before	{
	content: "\f093";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_export::before	{
	content: "\f019";
	font-size: 25px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_edit_20::before	{
	content: "\f044";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_up_20::before	{
	content: "\f062";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_down_20::before	{
	content: "\f063";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_edit_20_nopadding::before	{
	content: "\f044";
	font-size: 20px;
	cursor: pointer;
}

.icon_mail_20_nopadding::before	{
	content: "\f003";
	font-size: 20px;
	cursor: pointer;
}

.icon_money_20_nopadding::before	{
	content: "\f0d6";
	font-size: 20px;
	cursor: pointer;
}

.icon_time_20_nopadding::before	{
	content: "\f017";
	font-size: 20px;
	cursor: pointer;
}

.icon_ok_20_nopadding::before	{
	content: "\f00c";
	font-size: 20px;
	cursor: pointer;
}

.icon_warning_20_nopadding::before	{
	content: "\f071";
	font-size: 20px;
	cursor: pointer;
}

.icon_adjust_20_nopadding::before	{
	content: "\f042";
	font-size: 20px;
	cursor: pointer;
}

.icon_mail2_20_nopadding::before	{
	content: "\f0d0";
	font-size: 20px;
	cursor: pointer;
}

.icon_play_20_nopadding::before	{
	content: "\f04b";
	font-size: 20px;
	cursor: pointer;
}

.icon_copy_20::before	{
	content: "\f0c5";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_external_20::before	{
	content: "\f08e";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_copy_20_nopadding::before	{
	content: "\f0c5";
	font-size: 20px;
	cursor: pointer;
}

.icon_external_20_nopadding::before	{
	content: "\f08e";
	font-size: 20px;
	cursor: pointer;
}

.icon_print_20::before	{
	content: "\f02f";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_print_20_nopadding::before	{
	content: "\f02f";
	font-size: 20px;
	cursor: pointer;
}

.icon_lock_20_nopadding::before	{
	content: "\f023";
	font-size: 20px;
	cursor: pointer;
}

.icon_unlock_20_nopadding::before	{
	content: "\f09c";
	font-size: 20px;
	cursor: pointer;
}

.icon_group_20_nopadding::before	{
	content: "\f01c";
	font-size: 36px;
	cursor: pointer;
}

.icon_delete_20::before	{
	content: "\f014";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_megse_20::before	{
	content: "\f05e";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_delete_20_nopadding::before	{
	content: "\f014";
	font-size: 20px;
	cursor: pointer;
}

.icon_megse_20_nopadding::before	{
	content: "\f05e";
	font-size: 20px;
	cursor: pointer;
}

.icon_search_20_nopadding::before	{
	content: "\f002";
	font-size: 20px;
	cursor: pointer;
}

.icon_log_20::before	{
	content: "\f02d";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_settings_20::before	{
	content: "\f085";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_search_20::before	{
	content: "\f002";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_close_20::before	{
	content: "\f00d";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_list_20::before	{
	content: "\f022";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_link_14::before	{
	content: "\f08e";
	font-size: 14px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_plus_14::before	{
	content: "\f067";
	font-size: 14px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_minus_14::before	{
	content: "\f068";
	font-size: 14px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_plus::before	{
	content: "\f067";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_minus::before	{
	content: "\f068";
	font-size: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_down_14::before	{
	content: "\f0c5";
	font-size: 14px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_color_blue {
	color: #000000;
	font-size: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	float: left;
	display: inline-block;
	width: 25px;
	text-align: center;
  text-shadow: none;
}

.icon_color_blue_nonefloat {
	color: #000000;
	font-size: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	text-align: center;
  text-shadow: none;
}

.icon_response:before {
	content: "\f0e6";
	font-size: 18px;
	color: #ff0000;
}

.icon_response_gray:before {
	content: "\f0e6";
	font-size: 18px;
	color: #dedede;
}

.icon_response_none:before {
	font-size: 18px;
	color: #F5F5F5;
}

/* ###################################################### ICONSET END   ###############################################*/

#cm_otherwindow h1
	{
		text-align: center;
	}
	
.cm_form_row
  {
    /* Az új elrendezést próbáltam! */
    /*width: 650px;*/
    float: left;
		border-bottom: 1px solid #c4c4c4;
		text-align: left;
  }

.cm_form_row_label
  {
    /* Ha van label, akkor ebbe a divbe kerül bele az összes */
    /*width: 650px;*/
    display: inline-block;
		text-align: left;    
  }

.cm_label_style, .cm_form_row_labelnew 
	{
    padding: 2px 2px 20px 2px;
    margin: 1px;
    border: 1px solid #888;
    background-color: #CDCDCD;
    vertical-align: top;
		border: 1px solid black;
		color: black;
		box-sizing: border-box;
	}

.cm_data_block
  {
    margin: 0;
    /*min-width: 1000px;*/
    height: calc(100vh - 153px);
    overflow: auto;
    display: block;
    color: #000;
    border-radius: 3px;
    padding: 1px;
  }
  
.cm_table_list th
  {
  	background-color:#6AB3FC;
    color: #003471;
    font-weight: bold;
    font-size: 13px;
  }

.cm_table_list
  {
    /*box-shadow: 0 2px 5px 1px #333333;*/
    background-color: #fff;
    /*border: 1px solid #000;*/
    width: 100%;
    height: 100%;
  }

.cm_table_list th,.cm_table_list td
  {
    padding: 2px;
    border-bottom: 1px solid #808080;
    /*border-right: 1px solid #808080;*/
  }  
  
.cm_table_list th
  {
    background: var(--table-head); /* Old browsers */
    padding: 2px;
    border-bottom: 3px solid #3A3C41;
    border-right: none;
    text-align: left;
    color: #fff;
    font-weight: normal;
  }  
  
.cm_table_list tr:nth-child(2n+1)
{
    background: #F2F2F2;
}

.cm_head
  {
    text-align: center;
    font-size: 24px !important;
    /*padding: 10px !important;*/
  }

.cm_head2
  {
    text-align: center;
    font-size: 24px !important;
  }
  
.cm_search
  {
    /*width: 98%;*/
    /*min-width: 100px;*/
    /*padding-right: 0px !important;*/
  }
  
.cm_table_list tr:hover
  {
		background: #DBDBDB; /* Old browsers */
  }

.keszlet_prefix_hover:hover + div + div + div table tr:first-child td, .keszlet_code_hover:hover + div table tr:first-child td, .keszlet_name_hover:hover + div + div table tr:first-child td, .keszlet_hover:hover{
	background-color: rgba(0,0,0,0.5);
}

.cm_actionimg
  {
    width: 20px;
  }

.cm_actionimg:hover
  {
    background-color: #67C5EA !important;
  }

.cm_action
  {
    background: rgb(190,232,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(190,232,248,1) 10%, rgba(190,232,248,1) 17%, rgba(190,232,248,1) 25%, rgba(190,232,248,1) 49%, rgba(223,240,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(190,232,248,1)), color-stop(17%,rgba(190,232,248,1)), color-stop(25%,rgba(190,232,248,1)), color-stop(49%,rgba(190,232,248,1)), color-stop(100%,rgba(223,240,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee8f8', endColorstr='#dff0f7',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-align: center;
    width: 70px;
  }

/* megjeleno ablak */

div.cm_window 
  {
    background-color: rgba(234, 243, 252, 0.5);
    display: block;
    height: 580px;
    left: 275px;
    margin: 0 auto;
    position: fixed;
    top: 70px;
    width: 780px;
    z-index: 101;
    border: 2px solid #383838;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  }

.cm_window_head {
    /*background-color: #808080;*/
    background: #000; /* Old browsers */
    border: 0 none;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.cm_window_head_buttoms
	{
		position: absolute;
		right: 0;
	}

.cm_window_head_move {
    background: #383838; /* Old browsers */
    cursor: grab;
    display: table;
    float: left;
    height: 40px;
    width: 100%;
    /*border-right: 1px solid #fff;*/
    /*background-color: #6D6D6D;*/
}

.cm_window_head_move h1{
  font-size: 18px;
  color: #fff;
  margin: 10px 0 0 0;
}
.cm_window_head img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 5px 5px 0 !important;
    z-index: 1000;
}
div.cm_window_area {
    background: #E2E2E2; /* Old browsers */
    /*background-color: #DDDDDD;*/
    border-color: -moz-use-text-color #808080 #808080;
    border-style: none solid solid;
    border-top: 1px solid #fff;
    /*border-width: 0 3px 3px;*/
    color: #000000;
    height: 535px;
    overflow: auto;
    width: 780px;
    text-align: left;
}
div.cm_window_area_margin {
   margin: 0px;
   display: block;
}

.cm_form_label
{
  display: inline-block;
  /*width: 190px;*/
  /*text-align: right;
  padding-right: 10px;*/
}

.cm_form_column
{
  display: inline-block;
  /*width: 405px;*/
}

.cm_form_column input[type="text"],.cm_form_column input[type="number"]
{
  /*width: 345px;*/
}

.cm_form_column .urlap_input_1_select /* Munkalap beviteli mező !!! */
{
  width: 345px;
}

/*.cm_form_column select 
{
  width: 357px;
}
*/

.cm_form_column input[subtype="gps_lon"], .cm_form_column input[subtype="gps_lat"]
{
  width: 124px;
}

.cm_form_row h1
{
  text-align: center;
}

.cm_label
{
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.cm_form_column .urlap_input_1_select, :not().haccpname{
width: 345px !important;
}
/* megjeleno ablak */

.cm_submit_button{
  display: inline-block;
  padding: 3px 10px 3px 10px;
  margin: 10px;
  background-color: #ffffff;
  border: 1px solid #BEBEBE;
  color: #000;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  margin: 0 auto;
  cursor: pointer;
}

.cm_submit_button_new {
    background-color: #284f60;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 5px 10px 0;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    display: table;
}

.cm_submit_button:hover{
  background-color: #DBFCBA;
}
.cm_submit_button img{
  vertical-align: middle;
}

.cm_log_table_all,.cm_log_table{
  width: 100%;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

.cm_log_table_all td,.cm_log_table_all th{
  padding: 5px;
}

.cm_log_table_all td,.cm_log_table_all th{
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
  
.cm_log_table_all tr{
  background-color: #fff;
}

.cm_log_table_all tr:nth-child(2n+1){
  background-color: #60C5ED;
}

.cm_log_table tr:nth-child(2n+1){
  background-color: #60C5ED;
}

.cm_log_table,.cm_log_table tr{
  width: 100%;
  background-color: #fff;
}

.cm_log_table td{
  padding: 3px;
}

.cm_log_label{
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

.cm_log_table th{
    font-weight: bold;
    text-align: center;
    background: rgb(190,232,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(190,232,248,1) 10%, rgba(190,232,248,1) 17%, rgba(190,232,248,1) 25%, rgba(190,232,248,1) 49%, rgba(223,240,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(190,232,248,1)), color-stop(17%,rgba(190,232,248,1)), color-stop(25%,rgba(190,232,248,1)), color-stop(49%,rgba(190,232,248,1)), color-stop(100%,rgba(223,240,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(190,232,248,1) 10%,rgba(190,232,248,1) 17%,rgba(190,232,248,1) 25%,rgba(190,232,248,1) 49%,rgba(223,240,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee8f8', endColorstr='#dff0f7',GradientType=0 ); /* IE6-9 */
}

.cm_row_up_down:hover{
background-color: #60C5ED;
}

.cm_jogok{
  display: table;
  padding: 3px;
  margin: 10px;
  background-color: #ffffff;
  border: 1px solid #808080;
  color: #000;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  margin: 0 auto;
  cursor: pointer;
  width: 70%;
  text-align: center;
}

.cm_jogok img{
	float: left;
}

.cm_row_buttons{
  display: table;
  padding: 3px 10px 3px 10px;
  background-color: #ffffff!important;
  border: 1px outset #808080;
  border-radius: 6px;
  color: #000;
  /*-webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;*/
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  float: left;
}

.zaradekdiv{
	cursor: pointer; 
	margin: 2px; 
	float: left; 
	text-align: center; 
	display: inline-block; 
	width: 140px; 
	border-radius: 6px; 
	border: 1px solid #808080; 
	padding: 5px;
	background-color: #fff!important;
}

.venyekdiv{
	cursor: pointer; 
	margin: 2px; 
	float: left; 
	text-align: center; 
	display: inline-block; 
	width: 140px; 
	border-radius: 6px; 
	border: 1px solid #808080; 
	padding: 5px;
	background-color: #fff!important;
}

.termek_csoport_tetel_stock table{

}

.cm_row_buttons:hover{
  background-color: #5EC5EE;
}

.cm_jogok:hover{
  background-color: #DBFCBA;
}

.cm_jogok_piros{
  display: table;
  padding: 3px 10px 3px 10px;
  margin: 10px;
  background-color: #FC99B7;
  border: 1px solid #808080;
  color: #000;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  margin: 0 auto;
  cursor: pointer;
}

.cm_jogok_piros:hover{
  background-color: #FF6D99;
}

.cm_kijelol_elem, .cm_kijelol{
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}

.cm_main_table{
	min-width: 1225px;
	margin: 0 auto;
}

.cm_main_table, .cm_main_table tr, .cm_main_table td{
  background: none;
  /*width: 100%;*/
}

.cm_tabs_th{
  text-align: left !important;
}

.cm_tabs_class{
  min-width: 120px;
  height: 30px;
  display: inline-block;
  padding: 10px 5px 3px 5px;
  border: none;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  margin: 0;
	background: #383838; /* Old browsers */
	color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
	/*-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	*/
	line-height: 14px;
}

.cm_tabs_class_active, .cm_tabs_class:hover{
  background: #EEEEEE;
  color: #003471;
}

.cm_bottom_button{
display: inline-block;
margin: 0 0 0 5px;
float: left;
font-size: 14px;
color: #000;
}

#cmimportbox, #cmimportbox:hover{
position: fixed;
bottom: 91px;
left: 5px; 
padding: 10px;
border: 1px solid #000;
background-color: #383838;
color: #fff;
}

.cm_import_row_title{
display: inline-block;
float: left;
width: 190px;
text-align: right;
}

.cm_import_row_select{
display: inline-block;
float: left;
width: 250px;
text-align: left;
height: 22px;
}

.cm_import_row{
display: table;
float: left;
}

/* Lookup gps window */
.cm_leaflet_popmap_mask {
	left:0;
	top:0;
	width: 100%;
	height:100%;
	position:fixed;
	background-color:#FFF;
	z-index:99999998;
	opacity:0.7;
}

.cm_leaflet_popmap_content {
	position:fixed;
	top:0;
	left:0;
	margin:30px;
	width:calc(100% - 60px);
	height:calc(100% - 60px);
	z-index:99999999;	
	box-sizing:border-box;
	border:3px solid #333;
	border-radius:5px;
	background-color:#FFF;
}

div.cm_leaflet_adminmap {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#EAFED3;
}

div.cm_leaflet_adminmap_close {
	display:block;
	right:10px;
	top:10px;
	border-radius:4px;
	position:absolute;
	background-color:#FFFFFF;
	color:#000000;
	width:26px;
	height:26px;
	line-height:26px;
	text-decoration:none;
	font-size:20px;
	font-weight:400;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	cursor:pointer;
}

.cm_import_table_border{
  overflow: auto;
  width: 1000px;
  height: 400px;
  margin: 0 auto; 
}

.cm_import_keret{
  background-color: #dedede;
  border: 2px solid #000000;
  color: #000000;
  margin: 0 auto;
  width: 97%;
  min-width: 1050px;
}

.displaynone{
  display: none;
}

.cm_import_row .cm_form_label{
display: none !important;
}

.cm_import_row input[type="text"].urlap_input_1_select, .cm_import_row input[type="number"].urlap_input_1_select{
    width: 135px !important;
}

.cm_import_row .cm_form_column{
    width: 145px !important;
}

.cm_import_row input[type="text"],.cm_import_row input[type="number"] {
    width: 145px !important;
}

.cm_import_row select {
    width: 149px !important;
}

.cm_import_row textarea {
    width: 180px !important;
    height: 18px !important;
    line-height: 16px !important;
    float: none !important; /*Firefox*/
    display: inline-block;
}

.cm_import_row_label0{
		width: 100%;
		display: table;
		height: 15px;
}

.cm_import_row_label{
		width: 100%;
		display: table;
		font-size: 16px;
		font-weight: bold;
		border: 1px solid #000000;
		background-color: #d3d3d3;
}

.cm_related_add_button, .cm_related_edit_button, .cm_related_down_button{
  width: 20px;
  height: 20px;
  display: inline-block;
}

.cm_related_add_button{
  background: url('/modul/cmanagement/img/itemadd.png');
}

.cm_related_edit_button{
  background: url('/modul/cmanagement/img/itemedit.png');
}

.cm_related_down_button{
  background: url('/modul/cmanagement/img/itemdown.png');
}

.cm_import_row_select .cm_form_row{
  width: 175px;
  text-align: left;
}

.cm_import_row_select .cm_import_nofix_data{
  width: 147px;
  text-align: left;
  display: inline-block;
}

.cm_window_area .setbox,.cm_window_area .chosedbox {
	display: inline-block;
	width: 172px;
	height: 130px;
	overflow: auto;
	background: #fff;
	border: 1px solid #000;
	float: left;
	padding: 0 0 0 5px; 
}

.cm_window_area .setboxitem{
	width: 200px;
	cursor: pointer;
}

.cm_window_area .setboxitem:hover{
	background-color: #dedede;
}

.alertmessage{
  pointer-events: none;
	display: table;
	position: fixed;
	top: -5000px;
	background-color: rgba(136, 136, 136, 0.5);
	min-height: 60px;
	height: 60px;
	max-height: 200px;
	border: 1px solid #000;
	width: 100%;
  right: 0;
  margin-right: auto;
  margin-left: auto;
	color: #FFffff;
	font-size: 28px;
	font-weight: bold;
	padding: 5px;
	z-index: 10000001;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	padding-top: 60px;
	text-shadow: 2px 1px 2px #000000;
	line-height: 35px;
}

.cmboxactive{
	border: 2px solid #ff0000 !important;
  /*
	left: 273px !important;
  top: 42px !important;
  */
}

.cm_presentation{
	/*border-bottom: 1px solid #000;*/
	font-weight: bold;
}

.cm_presentation_text{
	border: 1px inset #000;
	margin-bottom: 20px;
	padding: 5px;
}

.cm_presentation_text_2{
	border: 0;
	margin-bottom: 20px;
	padding: 5px;
}

.cm_presentation_videos{
	/*border-bottom: 1px solid #000;*/
}

.cm_presentation_videos_area{
	border: 1px inset #000;
	margin-bottom: 20px;
	padding: 5px;
	display: table;
}

.cmcomment{
	/*position: absolute; HA VISSZATESZED A TÖRZSKEZELŐBEN ELCSESZŐDNEK A KOMMENTEK! */
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	z-index: 110;
	display: none;
	text-align: left;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  opacity: 0.85;
  padding: 5px;
}

.cmcomment_area{
  overflow: auto;
	max-width: 500px;
	max-height: 300px;
	padding: 3px;
	font-size: 12px;
}

.cm_source_orange_box{
	display: block;
}

.cm_source_orange{
	background-color: #F7FCCF;
}

.cm_source_normal_box{
	display: none;
}

.cm_source_normal{
	
}

#cmdatamenuitemshead{
	display: inline-block; 
	float: right;
	margin-top: 5px;
	border: 1px solid #000;
	background-color: #000;
	padding-left: 5px;
	color: #fff;
}
#cmdatamenuitemshead img{
	height: auto !important;
}

td.cm_inactive{
background-color: #fa8573;
}

td.cm_correction{
background-color: #F7FCCF;
}

td.cm_same{
background: #fa8573;
background: -moz-linear-gradient(top, #fa8573 0%, #fa8573 45%, #f0ff72 55%, #f0ff72 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fa8573), color-stop(45%, #fa8573), color-stop(55%, #f0ff72), color-stop(100%, #f0ff72));
background: -webkit-linear-gradient(top, #fa8573 0%, #fa8573 45%, #f0ff72 55%, #f0ff72 100%);
background: -o-linear-gradient(top, #fa8573 0%, #fa8573 45%, #f0ff72 55%, #f0ff72 100%);
background: -ms-linear-gradient(top, #fa8573 0%, #fa8573 45%, #f0ff72 55%, #f0ff72 100%);
background: linear-gradient(to bottom, #fa8573 0%, #fa8573 45%, #f0ff72 55%, #f0ff72 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8573', endColorstr='#f0ff72', GradientType=0 );
}

td.cm_req_check{
background-color: #a0e645;
}

td.cm_same_req_check{
background: rgba(250,133,115,1);
background: -moz-linear-gradient(top, rgba(250,133,115,1) 0%, rgba(250,133,115,1) 45%, rgba(160,230,69,1) 55%, rgba(160,230,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,133,115,1)), color-stop(45%, rgba(250,133,115,1)), color-stop(55%, rgba(160,230,69,1)), color-stop(100%, rgba(160,230,69,1)));
background: -webkit-linear-gradient(top, rgba(250,133,115,1) 0%, rgba(250,133,115,1) 45%, rgba(160,230,69,1) 55%, rgba(160,230,69,1) 100%);
background: -o-linear-gradient(top, rgba(250,133,115,1) 0%, rgba(250,133,115,1) 45%, rgba(160,230,69,1) 55%, rgba(160,230,69,1) 100%);
background: -ms-linear-gradient(top, rgba(250,133,115,1) 0%, rgba(250,133,115,1) 45%, rgba(160,230,69,1) 55%, rgba(160,230,69,1) 100%);
background: linear-gradient(to bottom, rgba(250,133,115,1) 0%, rgba(250,133,115,1) 45%, rgba(160,230,69,1) 55%, rgba(160,230,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8573', endColorstr='#a0e645', GradientType=0 );
}

.cm_multitag_class_240{
	width: 240px !important;
}

.cm_multitag_table{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	display: inline-block;
}

.cm_multitag_table td{
	background: #DEDEDE;
}

.cm_table_list td{
	vertical-align: top;
	height: 100%;
}

.cm_corr_youtube
	{
		display: block;
		overflow: auto;
		height: 130px;
	}

.cmcorr_table
	{
		background-color: #f0ff72;
	}

.cmreq_table
	{
		background-color: #71fcb9;
	}
	
.cm_image_default
	{
		float: left;
		margin-top: 3px;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	
.cm_image_default_green
	{
		background-image: url("/modul/cmanagement/img/key_check.png");
	}
	
.cm_image_default_gray
	{
		background-image: url("/modul/cmanagement/img/key_uncheck.png");
	}
	
.cm_image_default_gray:hover
	{
		background-image: url("/modul/cmanagement/img/key_check.png");
	}

.left_side_tabs_items{
		float: right; 
		text-align: center; 
		width: 30px; 
		height: 100%; 
		display: table; 
		padding-top: 7px; 
		font-size: 13px;
		cursor: pointer;
}

.left_side_menu_full{
    display: table;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    top: 60px;
    width: 265px;
}

.left_side_menu {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
    border-bottom: 1px solid #DCDCDC;
    /*box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);*/
    display: table;
    height: 100%;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    top: 60px;
    width: 230px;
    z-index: 1000001;
}

.left_side_menu_tabs{
		float: left;
		width: 97%;
		height: 40px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		border-bottom-right-radius: 20px;
		background-color: #d0d0d0;
		display: table;
		border: 1px solid #000;
		z-index: 1000002;
		color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 #656565;
		background-color: #DFDFDF;
		margin-top: -5px; 
}

#left_side_menu_tabs_M{
		margin-top: 5px; 
}

.left_side_menu_tabs:hover, .lsmt_active{
		width: 98%;
		background-color: #4098F7;
}

.left_menubtn_gray 
{
    background: #ffffff;
    border-top: none;
		border-left: 1px solid #808080;
		border-right: 1px solid #808080;
		border-bottom: 1px solid #808080;
    width: 142px;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
    text-align: left;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    float: right;
}

.left_menubtn_gray:hover 
{
	color: #000;
}

.navbar
	{
		display: block;
	}

.filterbar
	{
		display: none;
	}

#etcbar, #databar
	{
		display: none;
	}

#filterbar_content{
	display: block;
	width: 200px;
	margin: 0 auto;
}


.filterbar_content_item_label{
	text-align: left;
	color: #000;
	line-height: 16px;
	font-size: 12px;
}

.fcitems, #etcbar_content, #databar_content{
	display: block;
	overflow: scroll;
	overflow-x: hidden;
}

.cfi_disable, .cfi_disable:hover{
	color: #dedede;
	text-shadow: 1px 1px 0 #888888;
	float: left;
	height: 40px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	background-color: #d0d0d0;
	display: table;
	border: 1px solid #000;
	z-index: 1000002;
  text-decoration: none;
	background-color: #DFDFDF;
}

.navbar h1, .filterbar h1, .etcbar h1, .databar h1
	{
		color: #ffffff;
		text-shadow: 1px 1px 0px #656565;
		margin: 0;
		padding: 10px 0 10px 0;
		background-color: #4098F7;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		width: 220px;
		font-size: 21px;
	}

.clockStyle {
border: none;
position:fixed;
right:0;
top:0;
padding:3px;
color:#000000;
font-family:"Arial Black", Gadget, sans-serif;
font-size:14px;
font-weight:normal;
letter-spacing: 1px;
display:inline;
}

.errorclass {
	background:url(../images/input_error_bg.png) right center no-repeat #ffffff !important;
	}

.warningclass {
	background:url(../images/input_warning_bg.png) right center no-repeat #ffffff !important;
	}

.menu_sorszam{
  font-size: 10px;
  margin-right: 5px;
}

/* DOC */

.cm_form_column a, .cm_form_column a:hover	{
	color: #236EA7;
}

.cm_tm_button{
  display: table;
  padding: 3px;
  background-color: #ffffff;
  color: #000;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  margin: 3px;
  border: 1px solid #808080;
  cursor: pointer;
  width: 70%;
  text-align: center;
}

.cm_tm_button:hover, .cm_tm_button_active{
	margin: 0px;
	border: 4px solid #003F70;
}

.tm_status_ch h3{
	margin: 0;
}

.cm_log_table_all h3{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.cmm_from_class{
	width: 50px !important;
	display: inline-block;
}

.cmm_to_class{
	width: 50px !important;
	display: inline-block;
}

.cmm_percent_class{
	width: 50px !important;
	display: inline-block;
}

.cmm_fixprice_class{
	width: 50px !important;
	display: inline-block;
}

.cmm_type_class{
	width: 80px !important;
	display: inline-block;
}

.cmm_semester_class{
	width: 50px !important;
	display: inline-block;
}

.cmm_head{
	margin-left: 2px;
	margin-right: 2px;
}

.cmm_icon_remove::before	{
	content: "\f00d";
	font-size: 18px;
	padding: 0px;
	cursor: pointer;
}

.cm_table_div{
	display: inline-block;
	float: left;
}

.cm_table_div .cm_table_list{
	width: auto !important;
	margin: 5px;
	box-shadow: none;
	border-right: 0px none;
}
	
.cm_table_div .cm_table_list td:first-child{
	width: 165px;
}

.cm_table_div .cm_table_list td:last-child{
	width: 240px;
}


.cm_label_grp_0{
/*	width: auto !important; */
}
 
.cm_title_box{
	display: inline-block;
	white-space:nowrap;
	overflow: hidden;	
}

.cm_title{
	display: inline-block;
	white-space:nowrap;
	overflow: hidden;
	border: 1px solid #249179;
	background-color: #249179;
	margin: 2px;
	padding: 2px 9px;
	color: #fff;
	border-radius: 10px;
}

.cm_title_value{
	display: inline-block;
}

.cm_title_close{
	display: inline-block;
	cursor: pointer;
	padding-left: 5px;
}

.cm_title_refresh{
	display: inline-block;
	cursor: pointer;
	padding-left: 5px;
}

.cm_title_input{
	width: 80px;
}

.cm_f_input{
	width: 70px;
}

.cm_pack_main {
	width: 740px;
	background-color: #f2f2f2;
	display: table;
	margin: 0 10px 10px 10px;
}

.cm_pack_head {
	text-align: left;
	background-color: #0F7C64;
	color: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	font-size: 18px;
	padding: 7px 5px 7px 10px;
}

.cm_pack_item {
	width: 160px;
	display: inline-block;
	background-color: #BADABA;
	margin: 10px;
	border-radius: 3px;
	text-align: center;
}

.cm_pack_item h1, .cm_pack_item h2, .cm_pack_item h3 {
	color: #000;
	text-align: center;
	margin: 0;
	
}

.cm_pack_item h1{
	color: #104040;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

.cm_pack_item h2, .cm_pack_item h3 {
	color: #104040;
	font-size: 14px;
	text-align: center;
	margin-bottom: 5px;
}

.client_button {
	background-color: #284f60;
	border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 5px 10px 0;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
}

.cm_upper_box {
	width: 100%;
	height: calc(100% - 40px);
	z-index: 5;
	display: block;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	margin-top: 40px; 
}

.cm_submit_margin	{
	margin-top: 20px;
}

.cm_app_row {
	width: 100%;
	display: table;
	padding: 3px;
}

.cm_app_row_first {
	background-color: #DDFFCC;
}

.cm_app_row_second {
	background-color: #CCEEBB;
}

.cm_app_row_active {
	background-color: #FFFFCC;
}

.cm_app_row_active2 {
	background-color: #FFFF99;
}

.cm_app_row_grey {
	background-color: #dedede;
}

.cm_app_row_white {
	background-color: #ffffff;
}

.cm_app_row h1{
	display: inline-block;
	text-align: left;
	margin: 3px;
	font-size: 18px;
}

.cm_app_row h2{
	display: table;
	float: right;
	margin: 3px;
	font-size: 18px;
}

.cm_app_row p{
	display: block;
	margin: 20px 3px 10px 3px;
	font-size: 13px;
}

.cm_app_button {
	display: table;
	font-size: 12px;
	border: 2px solid #767a8e;
	padding: 2px 10px;
	background-color: #FFFFFF;
	color: #000;
	cursor: pointer;
	margin: 0 auto;
}

.menu_pack {
	display: inline-block;
  background: none repeat scroll 0 0 transparent;
  border: 1px solid transparent;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 6px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #FFFFFF;
  padding: 1px;
}

.menu_pack:hover 
{
	color: #000;
}

.menu_pack_item0,.menu_pack_item1,.menu_pack_item2,.menu_pack_item3,.menu_pack_item4,.menu_pack_item5 {
	display: inline-block;
}

.menu_pack_item0 {
	color: #ff0000;
}

.cm_contract {
	text-align: left; 
	display: block; 
	height: 300px; 
	overflow: auto; 
	background-color: #dedede; 
	width: 95%; 
	padding: 5px; 
	margin: 0 auto;
	border: 1px solid #888;
}

.styled-textarea {
	text-align: center;
}

.styled-textarea h1 {
	text-align: center;
	width: 100%;
}

.styled-textarea textarea {
	border: 1px solid #DFDFDF;
	height: 100px;
	width: 500px;
}

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

.styled-select {
	width: 240px;
	height: 34px;
	overflow: hidden;
	background: url(img/down_arrow_select.jpg) no-repeat right #fff;
	border: 1px solid #ccc;
	margin: 0 auto;
}

.cm_multitag_class_100 {
	width: 100px !important;
}

.cm_multitag_class_200 {
	width: 150px !important;
}

textarea.cm_multitag_class_300{
	width: 400px;
	height: 80px;	
}   

.cm_student_uni_title {
	display: inline-block;
	width: 200px;
}

.cm_student_uni_input {
	display: inline-block;
}

.cm_student_uni_input input{
	width: 430px;
}

.cm_student_uni_break {
	display: block;
}   

.cm_student_uni_main {
	display: table;
	width: 680px;
	margin: 0 auto;
}

tr.cm_contract_row_1 td:first-child:before {
	/*background-color: #ff0000 !important;*/
  font-family: FontAwesome;
	content: "\f02e";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
	color: #FF0000;
}

tr.cm_contract_row_2 td:first-child:before {
	/*background-color: #ff0000 !important;*/
  font-family: FontAwesome;
	content: "\f02e";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
	color: #249179;
}

tr.cm_contract_row_3 td:first-child:before {
	/*background-color: #ff0000 !important;*/
  font-family: FontAwesome;
	content: "\f02e";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
	color: #3FF4A3;
}

.cm_usis_fees_head {
  border-bottom: 1px solid #808080;
  display: table;
	padding-left: 20px;
	padding-right: 20px;
}

.cm_usis_fees_items_title {
	display: inline-block;
	width: 300px;
}

.cm_usis_fees_items_price {
	display: inline-block;
	width: 200px;
	text-align: right;
}

.cm_usis_fees_items_check {
	display: inline-block;
	width: 150px;
	text-align: right;
}

.cm_usis_fees_items_check input[type="checkbox"] {
	width: 20px;
}

.cm_usis_fees_items_check input[type="text"], .cm_usis_fees_items_check input[type="number"]{
	width: 70px;
}

.cm_uni_deposit {
	width: 100px;
}

.cm_app_price_items .cm_form_row .cm_form_column, .cm_app_price_items .cm_form_row .cm_form_label {
	font-size: 12px;
	color: #000;
}
.cm_app_price_items .cm_form_row {
	background-color: #EAF3FC;
}

.cm_app_price_items {
	width: 650px;
	display: table;
	border: 2px solid #249179;
}

span.stepnum {
    background-color: rgb(40, 79, 96);
    border-radius: 0 0 5px;
    color: white;
    display: inline-block;
    font-size: 30px;
    margin: 0px 3px -15px -3px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
    width: 22px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.cm_app_row_head {
	display: block;
	width: 100%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
                      
tr.cm_app_new td, div.cm_app_new {
	background-color: #FF0000;
}

tr.cm_app_close td, div.cm_app_close {
	background-color: #0F7C64;
	color: #ffffff;
}

tr.cm_app_student td, div.cm_app_student {
	background-color: #FFFF00;
	color: #000000 !important;
}

tr.cm_app_uni td, div.cm_app_uni {
	background-color: #FFB200;
}

.cm_multitag_fee_1{
	width: 60px !important;
	margin-right: 5px !important;
}

.cm_multitag_fee_2{
	width: 258px !important;
	margin-right: 5px !important;
}

.cm_multitag_fee_3{
	margin-right: 5px !important;
}

.cmanagement_head_id{
border: 1px solid #fff;
border-radius: 16px;
color: #fff;
font-size: 12px;
padding: 2px;
line-height: 15px;
margin: 6px;
position: absolute;
left: 0;
}

.full_width_row .cm_form_row {
	width: 100%;	
}

.full_width_row.cm_form_row_label {
	width: calc(100% - 5px) !important;
	display: table;
}

.full_width_row .cm_form_row .cm_form_column.cm_from_editor {
	width: 100% !important;
	
}

.full_width_row .cm_form_row .cm_form_label {
	text-align: left;
}

/* DOC */

.cm_table_list th input[type=text]{
	width: calc(100% - 20px) !important;
	box-sizing: border-box;
}

.cm_window_itemsarea{
	text-align: center;
	border: 1px solid black;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cmtab_a{
	display: inline-block;
}

.cm_rendeles_text.partner {
	width: 200px;
}

.cm_rendeles_text.cim {
	width: 680px;
}

.cm_rendeles_text.telefon {
	width: 211px;
}

.cm_rendeles_text.email {
	width: 680px;
}

.cm_rendeles_text.button_box {
	width: 930px;
	height: 40px;
	display: block;
	background-color: #dedede;
	border: 1px solid #888;
	padding: 8px;
	overflow: auto;
	margin: 2px auto;
}

.cm_rendeles_text.button_box0 {
	width: 930px;
	height: 30px;
	display: block;
	background-color: #dedede;
	border: 1px solid #888;
	padding: 8px;
	overflow: auto;
	margin: 2px auto;
}

.cm_rendeles_text.szallitasi_cim_box {
	width: 930px;
	height: 100px;
	display: block;
	background-color: #dedede;
	border: 1px solid #888;
	padding: 8px;
	overflow: auto;
	margin: 2px auto;
}

.cm_rendeles_text.szallitasi_cim {
	width: calc(100% - 60px);
}

.cm_rendeles_text.szallcimadd {
	width: 200px;
	margin: 3px;
	float: left;
	display: inline-block;
}

.cm_rendeles_text.rendeles_rogzites {
	width: 200px;
	margin: 3px;
	float: right;
	display: inline-block;
}
.cm_rendeles_text.rendeles_megsem {
	width: 200px;
	margin: 3px;
	float: right;
	display: inline-block;
	background-color: #FCC2C2;
}

.cm_rendeles_text.tetel_box {
	width: 930px;
	height: 100px;
	display: block;
	background-color: #dedede;
	border: 1px solid #888;
	padding: 8px;
	overflow: auto;
	margin: 2px auto;
}

.cm_rendeles_text.cikk {
	width: calc(100% - 430px);
}

.cm_rendeles_text.cikkszam {
	width: 100px;
}

.cm_rendeles_text.mennyiseg {
	width: 50px;
}

.cm_rendeles_text.netto {
	width: 80px;
	background-color: #FCE8B0;
}

.cm_rendeles_text.cikkcsoport {
	width: 100px;
	background-color: #FCE8B0;
}

.cm_rendeles_text.afa {
	width: 50px;
	background-color: #FCE8B0;
}

.cm_rendeles_text.brutto {
	width: 50px;
	background-color: #FCE8B0;
}

.cm_rendeles_text.header {
	background-color: #888;
	color: #fff;
	font-weight: bold;
}

.cm_rendeles_text.cikk.header {
	width: calc(100% - 418px);
}

.cm_rendeles_text.cikkszam.header {
	width: 110px;
}

.cm_rendeles_text.cikkcsoport.header {
	width: 110px;
}

.cm_rendeles_text.partner_box {
	width: 930px;
	height: 100px;
	display: block;
	background-color: #dedede;
	border: 1px solid #888;
	padding: 8px;
	overflow: auto;
	margin: 2px auto;
}

.termek_csoport_tetel {
	background-color: #dedede;
	width: 98%;
	/*cursor: pointer;*/
	border-bottom: 1px dotted #000;	
	border-left: 1px dotted #000;
}

.termek_csoport_tetel:hover {
	background-color: #888;
	color: #fff;
	/*cursor: pointer;*/
}

.termek_csoport_tetel_stock{
	color: #000;
}
.termek_csoport_tetel_stock:hover{
	color: #000;
}

.cmstock_yellow{
	background-color: rgba(252,255,216,0.8); /**/
	color: #000;
}

.cmstock_grey{
	background-color: rgba(222,222,222,0.8); /**/
	color: #000;
}

.cmstock_green{
	background-color: rgba(219,254,186,0.8); /**/
	color: #000;
}

.cmstock_red{
	background-color: rgba(255,96,96,0.8); /**/
	color: #000;
}

.cmstock_pink{
	background-color: rgba(255,209,209,0.8); /**/
	color: #000;
}

.termek_csoport {
	/*background-color: #d3d1d1;*/
	width: 100%;
	padding: 2px;
}

.termek_csoport:hover, .termek_csoport_active{
	background-color: #555;
	width: 98%;
	color: #fff;
}

#termek_tetelek_csoport {
	display: block;
	float: left;
	width: calc(40% - 1px); 
	background-color: #ccc;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
}

#termek_tetelek_csoport_new {
	display: block;
	width: calc(100% - 2px); 
	background-color: #ccc;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
}

#termek_tetelek_lista {
	display: block;
	float: right;
	width: calc(60% - 2px); 
	background-color: #ccc;
	border: 1px solid #888;
	height: 520px;
	overflow: auto;
}

#termek_tetelek_lista_new {
	display: block;
	width: calc(100% - 2px); 
	background-color: #ccc;
	border: 1px solid #888;
	height: 480px;
	overflow: auto;
}

.termek_tetelek_csoport_left {
	display: table;
	float: left;
	width: 100%;
}

.termek_tetelek_tetelek_left {
	display: table;
	float: left;
	width: calc(50% - 2px); 
}

.uzemanyaggombsor{
	display: inline-block;
	height: 26px;
}

.uzemanyaggombsor  .iconset{
	padding: 0px;
}

.uzemanyaggombsor .icon_home:before, .uzemanyaggombsor .icon_user:before, .uzemanyaggombsor .icon_download:before, .uzemanyaggombsor .icon_refresh:before{
	font-size: 16px !important;
	width: 20px;
	background-color: #fff;
	padding: 4px;
	border:1px solid #cccccc;
	box-shadow:inset -1px -2px 1px rgba(0,0,0,0.8);
	margin: 0;
	text-shadow: none;
	color: #888;
}

.uzemanyaggombsor .icon_home:hover::before, .uzemanyaggombsor .icon_user:hover::before, .uzemanyaggombsor .icon_download:hover::before, .uzemanyaggombsor .icon_refresh:hover::before{
	color: #000 !important;
}

.iconsetpetrol::before{
	font-size: 40px;
	margin-top: 20px;
/*  font-size: 16px !important;*/
  background-color: #fff;
  padding: 4px;
  border: 1px solid #cccccc;
  box-shadow: inset -1px -2px 1px rgba(0,0,0,0.8);
  margin: 0;
  text-shadow: none;
  color: #888;	
}

.iconsetpetrol:hover::before{
	color: #000;
}

.icon_fire:before {
	content: "\f06d";
}

.icon_truck:before {
	content: "\f0d1"
}

.loader {
    background: url('/images/cstore_120.png');
		/*
		border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
		*/
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loadermini {
    animation: spin 2s linear infinite;
    width: 25px;
    height: 20px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
		border-radius: 20px;
		background-color: #fff;
}

.iconsetbiz {
	min-width: 62px;
	min-height: 74px;
	font-size: 9px;
	text-shadow: #ffffff 1px 1px 1px;
	color: #000;
	font-family: 'Prompt', sans-serif;
	line-height: 10px;
	/*display: table;*/ /* Bekavar a törzsek alján lévő gombokba */
}

.iconsetbiz::before {
	font-size: 50px;
	display: block;
	font-family: FontAwesome;
	line-height: 45px;
	margin-bottom: 5px;
}

.vsz_gomb {
	margin: 2px; 
	float: left; 
	text-align: center; 
	cursor: pointer; 
	display: inline-block; 
	width: 140px; 
	border-radius: 6px; 
	border: 1px solid #808080; 
	padding: 5px;
	font-style: normal;
	color: #000;
	font-family: 'Prompt', sans-serif;
	line-height: 12px;
}

.vsz_gomb:hover {
	background-color: #DBFEBA;	
}

.iconsetmenu{
	min-width: 140px;
	font-size: 14px;
	text-shadow: #ffffff 1px 1px 1px;
	color: #000;
	font-family: FontAwesome,'Prompt', sans-serif;
	line-height: 23px;
	display: block;
	float: right;
	background-color: #fbffe2;
}

.dbpopupclosebox{
	background-color: #000;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #fff;
}

.icon_money:before {
	content: "\f0d6";
	margin: 15px 10px 10px 20px;
}

.icon_arajanlat:before {
	content: "\f02f";
	margin: 15px 10px 10px 20px;
}

.icon_usernew::before	{
	content: "\f007";
	margin: 15px 10px 10px 29px;
}

.icon_calendarnew::before	{
	content: "\f073";
	margin: 15px 10px 10px 23px;
}

.icon_dijbekero:before {
	content: "\f09d";
	margin: 15px 10px 10px 20px;
}

.icon_munkalap:before {
	content: "\f073";
	margin: 15px 10px 10px 20px;
}

.icon_mobilmenu:before {
	content: "\f0c9";
	color: #888; 
	float: right !important;
	margin-right: 15px;
}

/*.icon_mobilmenu:before {
	content: "\f0c9";
} */

.dbboxmain{
	width: 100px;
	height: 100px;
	display: inline-block;
	border: 1px solid #888;
	background-color: #f2f2f2;
	/*box-shadow: 1px 1px 1px #000;*/
	text-align: center;
	border-radius: 4px;
	margin: 10px;	
}

.dbboxmain:hover{
	background-color: #dedede;
	color: #000;
}

.bizonylat_keret{
	margin-bottom: 30px;
}

.width_140{
	width: 140px;
}

.width_454{
	width: 454px;
}

.width_430{
	width: 438px;
}

.width_437{
	width: 438px;
}

.width_674{
	width: 674px;
}

.width_636{
	width: 636px; /* Bevét bizonylat megjegyzés! */
}

.width_506{
	width: 506px;
}

.width_892{
	width: 892px;
}

.width_801{
	width: 801px;
}

.width_823{
	width: 823px;
}

.width_685{
	width: 685px;
}

.width_400{
	width: 374px;
}

.width_410{
	width: 410px;
}

.nobr{
white-space: nowrap;
}

.felsobombsor{
	display: table;
	margin: 0; 
	text-align: center; 
	cursor:pointer; 
	float: right;
}

.cm_table_title_resp{
	display: none; /* Responzivitásnál fontos !!! */
}

.cm_table_data_resp{
	display: block;
	width: 100%;
	vertical-align: middle;
	height: calc(100% + 4px);
}

.active .cm_table_data_resp{
	height: calc(100% + 2px);
}

.cm_main_table thead tr th div{
	width: calc(50% - 10px);
	display: inline;
}

.cm_table_number_th, .cm_list_mod{
	width: 145px;
}

.cm_table_title_th{
	display: inline;
}

#cm_filter_delete{
	width: auto;
	/*border: 1px solid #808080;*/
	margin-left: -5px;
	display: inline-block !important;
	 
}

.cm_table_list .cm_table_data_resp .cm_multitag_table{
	border-left: 1px solid #888;
	border-top: 1px solid #888;
}

.cm_table_list .cm_table_data_resp .cm_multitag_table tr td{
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 3px;
}

.cm_search_iconset {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    text-decoration: inherit;
    vertical-align: baseline;
    width: auto;
    padding: 2px;
    display: inline-block;
    margin-top: 2px;
}

.cm_search_iconset::before {
    font-size: 19px !important;
    color: #dedede;
  	text-shadow: none;
}

.cm_search_iconset_active::before{
  color: #000 !important;
  text-shadow: 1px 1px 1px #595959;
}

.cm_table_mobilsearch{
	display: none;
}

.iconsetmenu2{
	width: auto;
	font-size: 14px;
	text-shadow: #ffffff 1px 1px 1px;
	color: #000;
	font-family: FontAwesome,'Prompt', sans-serif;
	line-height: 23px;
	background-color: #fbffe2;
}

.icon_message::before {
	content: "\f086";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
}

.icon_red_message::before {
	content: "\f06a";
	font-size: 23px;
	padding-right: 5px;
	cursor: pointer;
	color: #ff0000;
}

.icon_calendar2:before {
	content: "\f073";
	margin: 15px 10px 10px 20px;
}

#dashboard_calendar3{
	text-align: left;
}

.icon_delete_14::before	{
	content: "\f014";
	font-size: 14px;
	padding-right: 5px;
	cursor: pointer;
	color: #ff0000;
}

.auto_jogok{
	width: 100%;
}

.jog_checkboxok{
	width: 160px;
	display: inline-block;
	clear: right;
	float: right;
	min-height: 30px;
}

#joghozzaadas{
	background-color: #AAA;
	color: #000;
}

.auto_jogok li{
	min-height: 30px;
}

.auto_jogok li{
	border-top: 1px solid #444;
}

.auto_jogok li:hover{
	color: #fff;
	background-color: #000;
}

.auto_jogok li ul li:hover{
	color: #fff;
	background-color: #333;
}

.auto_jogok li ul li ul li:hover{
	color: #fff;
	background-color: #555;
}

.auto_jogok li ul li ul li ul li:hover{
	color: #fff;
	background-color: #999;
}

.auto_jogok{
	width: 600px;
	padding: 20px 0;
	margin: 0px auto;
}

.jogok_title{
	width: calc(100% - 160px);
	display: inline-block;
	min-height: 30px;
}

.bizonylat_keret_belso_jog{
	height: calc(100vh - 320px);
	overflow: auto;
}

.auto_jogok input[type='checkbox'] {
	height: 20px;
	width: 20px;
}

.etcbox{
  pointer-events: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 200px;
	width: 400px;
	border: 3px solid #000;
	display: block;
	z-index: 200;
	background: rgba(200,200,200,0.8);
	display: none;
}

.penzatregyenlegmain{
	margin: 20px;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	text-shadow: 2px 2px 2px #000; 
}

.penzatregyenleg{
	display: table;
	width: 100%;
	font-size: 25px;
}

.status_item{
	display: table; 
	margin: 0 auto; 
	width: 312px;
}

.status_item_ajanlat{
	display: table; 
	margin: 0 auto; 
	width: 250px;
}

/* ########################################### Árajánlat ################################################ */
.status_buttons_ajanlat{
	margin: 0 auto; 
	width: 290px;
	height: auto;
	overflow: hidden; 
}

.status_item_ajanlat div{
	width: 230px!important;
}

.status_buttons_ajanlat:hover{
	display: table;
	width: 560px;
	height: 90px!important;
	position: absolute;
	background-color: #DBDBDB;
	border: 1px solid #000;
	border-radius: 0px 0px 5px 5px;
	margin-left: -10px;
	padding: 5px;
	box-shadow: 2px 2px 2px #888;
	right: 10px; 
}

.status_buttons_ajanlat i{
	min-width: auto;
	min-height: auto;
}

.status_buttons_ajanlat i:before{
	font-size: 20px;
	line-height: 20px; 
}

.status_buttons_ajanlat i span{
	display: none;
}

.status_buttons_ajanlat:hover i span{
display: block;
}

.status_buttons_ajanlat:hover i:before{
	font-size: 50px;
	line-height: 45px; 
}

.status_buttons_ajanlat:hover i{
	min-width: 62px;
	min-height: 72px;
}
/* ########################################### Árajánlat ################################################ */
/* ########################################### Normal    ################################################ */
.status_header{
	display: block;
	height: 50px;
}

.status_buttons{
	margin: 0 auto; 
	width: 312px;
	overflow: hidden;
	height: auto; 
}

.status_buttons:hover{
	display: table; 
	width: 470px;
	height: 90px!important;
	right: 10px;
	position: absolute;
	background-color: #DBDBDB;
	border: 1px solid #000;
	border-radius: 0px 0px 5px 5px;
	margin-left: -10px;
	padding: 5px;
	box-shadow: 2px 2px 2px #888; 
}

.status_buttons i{
	min-width: auto;
	min-height: auto;
}

.status_buttons i:before{
	font-size: 20px;
	line-height: 20px; 
}

.status_buttons i span{
	display: none;
}

.status_buttons:hover i span{
	display: block;
}

.status_buttons:hover i:before{
	font-size: 50px;
	line-height: 45px; 
}

.status_buttons:hover i{
	min-width: 62px;
	min-height: 72px;
}
/* ########################################### Normal    ################################################ */

.storno_status{
	text-align: center; 
	color: red; 
	font-size: 20px!important; 
	margin: 20px auto; 
	display: table;
	line-height: 26px;
}

.storno_status_success{
	font-size: 20px!important; 
	margin: 20px auto; 
	display: table;
	line-height: 26px;
	background-color: #DCF8C2;
	color: red;
}

.storno_button{
	margin: 0 auto;
	display: table;
	width: 165px;
}

.icon_biz_items:before{
	font-size: 22px;
	padding: 0;
	line-height: 27px; 
}
.icon_biz_items_div{
	border-top:1px solid #888; 
	border-bottom:1px solid #888; 
	border-right:1px solid #888; 
	display: inline-block; 
	height: 25px; 
	vertical-align: top;
	background-color: #F2F2F2;
}

.active, .active div{
	background-color: #888888;
}

.active td, .active td div{
	background-color: #bfbfbf;
}

.active td{
	/*border-right: #fff 1px solid;*/
}

.cmlistheader{
	display: block;
	position: fixed;
	top: 62px;
  width: calc(100% - 2px);	
	height: 60px;
	background-color: #383838;
	border-top: 1px solid #888;
	text-align: left;
	vertical-align: top;
	color: #fff;
	padding: 5px 0 0 0;
}

.cmlistfooter{
	display: block;
	position: fixed;
	bottom: 0;
  width: calc(100% - 2px);	
	min-height: 90px;
	background-color: #383838;
	border-top: 1px solid #888;
	text-align: left;
	vertical-align: top;
}

.cmlistcontent{
	position: fixed;
	width: 100%!important;
	overflow: auto;
	top: 128px;
	max-height: calc(100vh - 218px);
	background-color: #545353;
}
.cmlistcontent .cm_main_table{
	width: 100%!important;
}

.cmlistfooter div{
/*	display: inline-flex; */
vertical-align: top;
}

.cmlistujgomb, .cmlistfunkciogombok, .cmlistetcgombok {
	display: inline-block;
/*	max-height: 100px;*/
	width: auto;
	float: unset;
	/*min-width: 400px;*/  
}

.cmlistfunkciogombok{
	float: right;
}

.cmlistfooter .iconset{
	background-color: #dedede;
}

.cmlistfooter .iconset:hover{
	background-color: #DBFEBA;
}

.status_buttons_new{
	float: right;
	text-align: right;
  margin: 0;
  padding: 0;	
}

#content{
  width: 100%;
}

.cmsearch{
	position: absolute;
	top: 70px;
	left: -1050px;
	background-color: #dedede;
	border: solid 2px #000;
	width: 1000px;
	overflow: auto;
	max-height: calc(100vh - 200px);
	text-align: left;
	padding: 10px;
	z-index: 50;
}

.cmsearchrow{
	display: table;
	border-bottom: 1px #888 solid;
	width: 100%;
}

.cmlistrowtitle{
	display: inline-block;
	width: 200px;
}

.cmlistrowcontent{
	display: inline-block;
	width: 250px;
}

.cmlistrowcontent input{
	width: 200px;
}

.cmlistrowetc{
	display: inline-block;
}

.cmlistrowtypes, .cmlistrowtypes div{
	display: inline-block;
}

@keyframes beuszasbalrol {
	0%   {left:-1050px;}
  100% {left:0px;}
}

/* The element to apply the animation to */
.uszasbalrolbe {
	animation-name: beuszasbalrol;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}

@keyframes kiuszasbalra {
  0%   {left:0px;}
  100% {left:-1050px;}
}

/* The element to apply the animation to */
.uszasbalraki {
  animation-name: kiuszasbalra;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}

.cm_table_list thead{
	transform: translateY(0px);
}

.icon_inactive, .icon_inactive:before, .icon_inactive:hover{
	cursor: no-drop;
	color: #999;
	background: #dedede!important;
}

.invoicestatus{
	margin: 0px; 
	text-align: center; 
	display: table;
	padding: 0px 2px 0 2px;
	margin: -2px;
	width:100%;
	height:100%;
	vertical-align: middle;
}

.active .invoicestatus{
	margin: 0px; 
	text-align: center; 
	display: table;
	padding: 0px 2px 0 2px;
	margin: -2px;
	width:100%;
	height:calc(100% + 2px);
	vertical-align: middle;
}

.invoicestatus p, .navkuldes p, .penzugy p{
	vertical-align: middle;
	display: table-cell;
}

.navkuldes{
	margin: 0px; 
	text-align: center; 
	cursor: pointer; 
	display: table;
	padding: 0px 2px 0 2px;
	margin: -2px;
	width:100%;
	height:100%;
	vertical-align: middle;
}

.active .navkuldes{
	margin: 0px; 
	text-align: center; 
	cursor: pointer; 
	display: table;
	padding: 0px 2px 0 2px;
	margin: -2px;
	width:100%;
	height:calc(100% + 2px);
	vertical-align: middle;
}

.penzugy{
	margin: 0px; 
	text-align: left; 
	cursor: pointer; 
	display: table;
	padding: 0px 2px 0 2px;
	margin: -2px;
	width:100%;
	height:100%;
	vertical-align: middle;
	white-space: nowrap;
	min-width: 120px;
}

.active .penzugy{
	margin: 0px; 
	text-align: left; 
	cursor: pointer; 
	display: table;
	padding: 0px 2px 0 2px;
	margin: -2px;
	width:100%;
	height:calc(100% + 2px);
	vertical-align: middle;
	white-space: nowrap;
	min-width: 120px;
}

.number{
	white-space:nowrap;
}

.icon_searchHEAD::before {
    content: "\f002";
    font-size: 18px;
    padding-right: 0;
    cursor: pointer;
}

.cm_window_itemsarea .cm_title_listbox .cm_title_box{
	margin-left: -27px;
}

#cm_window_area_margin_add_3006_ .cm_form_row_label, #cm_row_id_3006_text_add_3006_, #cm_row_id_3006_text_add_3006_ .cm_from_editor{
	width: 100%!important;
}

#cm_window_area_margin_add_3007_ .cm_form_row_label, #cm_row_id_3007_text_add_3007_, #cm_row_id_3007_text_add_3007_ .cm_from_editor{
	width: 100%!important;
}

#cm_row_id_3006_text_add_3006_, #cm_row_id_3007_text_add_3007_{
	height: calc(100vh - 385px);
}

#cm_row_id_3006_text_add_3006_ .cm_from_editor,#cm_row_id_3007_text_add_3007_ .cm_from_editor{
height: calc(100vh - 433px);
}

#cke_column_id_3006_text_add_3006_,#cke_column_id_3006_text_add_3006_ .cke_inner, #cke_column_id_3007_text_add_3007_,#cke_column_id_3007_text_add_3007_ .cke_inner{
height: calc(100vh - 435px);
}

#cke_column_id_3006_text_add_3006_ .cke_contents, #cke_column_id_3007_text_add_3007_ .cke_contents{
height: calc(100vh - 570px)!important;
}

/**/
#cm_window_area_margin_add_3006_ .cm_form_row_label, #cm_row_id_3006_text_add_3006_, #cm_row_id_3006_text_add_3006_ .cm_from_editor{
	width: 100%!important;
}

#cm_window_area_margin_add_3007_ .cm_form_row_label, #cm_row_id_3007_text_add_3007_, #cm_row_id_3007_text_add_3007_ .cm_from_editor{
	width: 100%!important;
}

#cm_row_id_3006_text_add_3006_, #cm_row_id_3007_text_add_3007_{
	height: calc(100vh - 385px);
}

#cm_row_id_3006_text_add_3006_ .cm_from_editor,#cm_row_id_3007_text_add_3007_ .cm_from_editor{
height: calc(100vh - 433px);
}

#cke_column_id_3006_text_add_3006_,#cke_column_id_3006_text_add_3006_ .cke_inner, #cke_column_id_3007_text_add_3007_,#cke_column_id_3007_text_add_3007_ .cke_inner{
height: calc(100vh - 435px);
}

#cke_column_id_3006_text_add_3006_ .cke_contents, #cke_column_id_3007_text_add_3007_ .cke_contents{
height: calc(100vh - 570px)!important;
}

.haccpname {
	width: 230px !important;
/*	background: url("../../../images/multiselect_downarrow.png") no-repeat scroll right center #ffffff;*/
}

.haccpquantity {
	width: 70px !important;
}

.width_815{
	width: 815px;
}

.haccpunit {
	width: 70px !important;
}

.onlymobile{
	display: none;
}

.bizonylat_full{
	display: table; 
	margin: 0 auto;
}

.zaradek_a_tetelen{
	display: inline-block;
}

.wdate{
	width: 80px!important;
	float: left;
}

.wname{
	width: 200px!important;
}

#warning_box_invoice label{
	display: block;
	margin-left: 20px;
}
#warning_box_invoice{
	max-height: 300px;
	overflow: auto;
}

.sablon_title{
	width: calc(100% - 255px)!important;
	display: inline-block;
	max-width: 500px;
	min-width: 150px;
}

.sablon_checkbox.cmm_head{
    zoom: 1;
    padding: 0;
    margin: 1px;
    vertical-align: bottom;
    width: 60px;
}

.sablon_checkbox{
    zoom: 2;
    padding: 0;
    margin: 1px;
    vertical-align: bottom;
    width: 60px;
}

.sablon_name{
	width: calc(100% - 465px)!important;
	display: inline-block;
	max-width: 500px;
	min-width: 150px;
}

.sablon_quantity{
	width: 40px!important;
	display: inline-block;
}

.sablon_price{
	width: 100px!important;
	display: inline-block;
}

.sablon_tax{
	width: 130px!important;
	display: inline-block;
	min-height: 27px;
}

.sablon_unit{
	width: 130px!important;
	display: inline-block;
	min-height: 27px;
}

.full_width .cm_form_column{
	width: calc(100% - 250px)!important;
	display: inline-block;
}

.cm_label_grp_2056 {
	width: 100%!important;
}

.cm_label_grp_2056 .fullwidth, .cm_label_grp_2056 .cm_form_row{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.cm_label_grp_2056 .cm_form_label{
	display: none;
}


.cm_label_grp_2056 .cm_form_column{
	margin: 0 auto;
	display: table;
}

.cm_label_grp_2057 {
	width: 100%!important;
}

.cm_label_grp_2057 .fullwidth, .cm_label_grp_2057 .cm_form_row{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.cm_label_grp_2057 .cm_form_label{
	display: none;
}


.cm_label_grp_2057 .cm_form_column{
	margin: 0 auto;
	display: table;
}

.cm_label_grp_2060 {
	width: 100%!important;
}

.cm_label_grp_2060 .fullwidth, .cm_label_grp_2060 .cm_form_row{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.fullwidth, .fullwidth .cm_form_column{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.fullwidth .cm_form_column .cm_jogok{
	margin:0 auto!important;
}

.fullwidth .cm_form_column div{
	text-align: center;
}

.cm_label_grp_2060 .fullwidth .cm_form_column{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.cm_label_grp_2060 .fullwidth .cm_form_column .cm_jogok{
	margin:0 auto!important;
}
.cm_label_grp_2060 .fullwidth .cm_form_column div{
	text-align: center;
}

.cm_label_grp_2060 .cm_form_label{
	display: none;
}

.cm_label_grp_2060 .cm_form_column{
	margin: 0 auto;
	display: table;
}

.cm_label_grp_2061 {
	width: 100%!important;
}

.cm_label_grp_2061 .fullwidth, .cm_label_grp_2061 .cm_form_row{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.cm_label_grp_2061 .fullwidth .cm_form_column{
	margin: 0 auto;
	width: calc(100% - 10px);
}

.cm_label_grp_2061 .fullwidth .cm_form_column .cm_jogok{
	margin:0 auto!important;
}
.cm_label_grp_2061 .fullwidth .cm_form_column div{
	text-align: center;
}

.cm_label_grp_2061 .cm_form_label{
	display: none;
}

.cm_label_grp_2061 .cm_form_column{
	margin: 0 auto;
	display: table;
}

.cm_insert_row_AT {
  display: table;
  height: 37px;
  width: 100%;  
}

.itemsid{
	display: none;
}

.itemsname, .itemspair {
	width: 300px!important;
	display: inline-block!important;
}

.itemsquantity {
	width: 100px!important;
	display: inline-block!important;
	text-align: right;
}

.itemsdatetime {
	width: 120px!important;
	display: inline-block!important;
	text-align: left;
}

.itemscomment {
	width: 300px!important;
	display: inline-block!important;
}

.itemscheckbox{
    zoom: 2;
    padding: 0;
    margin: 1px;
    vertical-align: bottom;
    width: 100px;
}

.itemscheckbox.cmm_head{
    zoom: 1;
    padding: 0;
    margin: 1px;
    vertical-align: bottom;
    width: 200px;
}

.cmtablecolor{
	color: #000;
}

.machine_items{
	cursor: pointer; 
	color: #3A3C41;
}

.machine_items:hover td, .machine_items:hover{
 font-weight: bold;
 /*color: var(--table-head);*/
}

.iconsetinactive{
	color: #dedede;
}

.iconsetinactive:hover{
	color: #dedede;
	background-color: #dedede;
}

.cmlistitems{
	display: table;
	width: calc(100% - 40px);
	padding: 10px;
	margin: 5px auto;
	border: 1px solid #888;
	background-color: #fff;
	color: #000;
}

#cm_otherwindow_product_select_list{
	width: 350px;
}

@keyframes villog {
	0%   {background-color: #fff;}
  25% {background-color: #ff0000;}
  50% {background-color: #fff;}
  75% {background-color: #ff0000;}
  100% {background-color: #fff;}
}

/* The element to apply the animation to */
.villog {
	animation-name: villog;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}

.bizonylat_mellekletek{
  color: #000000;
  background-color: #dedede;
  border: 2px solid #000000;
  display: table;
  margin: 0 auto;
  margin-bottom: 30px;
	width: calc(100% - 4px);
  display: table;
	padding-top: 10px;
}

.kisero_dokumentumok{
  color: #000000;
  background-color: #dedede;
  border: 2px solid #000000;
  display: table;
  margin: 0 auto;
  margin-bottom: 30px;
	width: calc(100% - 24px);
  display: table;
	padding: 10px;
  text-align: left;
}

.attachedfiles{
    display: table;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 5px;
    min-width: 50%;
    background-color: #fff;	
}

.attachedfiles div span{
	display: inline-block;
	float: right;
}

.item_number{
	display: inline-block;
}

.item_number_td{
	width: 50px;
}

.PU_teljes table{
	height: auto!important;
}

.PU_teljes{
	width: calc(100% - 10px);
	display: block;
	color: #000;
	margin: 0 auto;
}

.PU_szurobox div{
	display: block;
  width: calc(100% - 20px);
  height: 30px;
}

.PU_szurobox, .PU_bizonylatok, .PU_fejadatok, .PU_kiegyenlitesek{
	width: calc(50% - 12px);
  display: inline-block;
  background-color: #dedede;
  margin: 0;
  padding: 5px;
  float: left;
  border: 1px solid #888;
  text-align: left;
  overflow: auto;
}

.PU_szurobox label{
	width: 120px;
	display: inline-block;
}

.PU_szurobox .width_140{
	width: calc(100% - 138px);
}

.PU_szurobox .cm_submit_button{
	width: auto;
	float: right;
	display: table;
}

.PU_szurobox #datefrom, .PU_szurobox #dateto{
	width: 140px;
}

.PU_szurobox{
  height: calc(30vh - 50px);
}

.PU_fejadatok{
  height: calc(30vh - 50px);
}

.PU_bizonylatok{
  height: calc(70vh - 50px);
}

.PU_kiegyenlitesek{
  height: calc(70vh - 50px);
}

.SZA_teljes table{
	height: auto!important;
}

.SZA_teljes{
	width: calc(100% - 10px);
	display: block;
	color: #000;
	margin: 0 auto;
}

.SZA_szurobox div{
	display: block;
  width: calc(100% - 20px);
  height: 30px;
}

.SZA_szurobox, .SZA_bizonylatok, .SZA_fejadatok, .SZA_szamlaloallasok, .SZA_munkalapok{
	width: calc(50% - 12px);
  display: inline-block;
  background-color: #dedede;
  margin: 0;
  padding: 5px;
  float: left;
  border: 1px solid #888;
  text-align: left;
  overflow: auto;
}

.SZA_szurobox label{
	width: 120px;
	display: inline-block;
}

.SZA_szurobox .width_140{
	width: calc(100% - 138px);
}

.SZA_szurobox .cm_submit_button{
	width: auto;
	float: right;
	display: table;
}

.SZA_szurobox #datefrom, .SZA_szurobox #dateto{
	width: 140px;
}

.SZA_szurobox{
  height: calc(35vh - 50px);
}

.SZA_fejadatok{
  height: calc(35vh - 50px);
}

.SZA_bizonylatok{
  height: calc(65vh - 50px);
}

.SZA_szamlaloallasok{
  height: calc(30vh - 32px);
}

.SZA_munkalapok{
  height: calc(35vh - 30px);
}

.radioset{
	border: 1px solid #888;
	padding: 5px;
	margin: 5px;
	border-radius: 3px;
	background-color: var(--table-head);
	cursor: pointer;
}

.cm_sr_form{
  margin: 0 auto;
  padding: 10px;
  display: table;
}

.cm_row_up_down{
  border: 1px solid #888;
  border-radius: 5px;
  margin-top: 5px;
  padding: 3px;
}

.cm_submit_button{
  margin: 0 auto;
  padding: 10px;
  display: table;
}

.calcstatus{
  height: 100%;
  width: 100%;
  display: block;
  margin: 2px 0 0 0;
  padding: 5px;
  border: 2px solid #888;
  vertical-align: middle;
  text-align: center;
  border-radius: 10px 0px;
}

.cm_calcdoc_row{
  background-color: transparent!important;
}

.projekt{
  display: inline-block;
  margin: 10px;
  min-width: 300px;
  min-height: 400px;
  max-width: 500px;
  background-color: #FF7676;
  border-radius: 30px 0 30px 0;
  padding: 10px 30px;
  border: 2px solid #fff;
  vertical-align: top;
}

.projekt row{
  display: block;
  width: 100%;
  text-align: left;
}

.projekt h1{
  margin: 10px;
  padding: 0px;
}

.projekt label{
  width: 100px;
  display: inline-block;
  text-align: left;
}

.projekt span{
  width: calc(100% - 100px);
  display: inline-block;
  text-align: left;
}

.pieChart{
  display: inline-block;
}

.pieChart h3{
  font-size: 14px;
}

.pieContainer {
  height: 100px;
  width: 100px;
  position: relative;
  margin: 10px;
  display: inline-block;
}

.pieBackground{
  background-color: #333;
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, .75);
}

.stat-circle-cover {
  position: absolute;
  top: 10%;
  right: 10%;
  background-color: #333;
  height: 80%;
  width: 80%;
  border-radius: 50px;
  box-shadow:inset 0px 0px 1px #666;
}

.stat-circle-cover span.stat-number {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  line-height: 80px;
  color: #f78e1e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-family: Helvetica-Neue, Helvetica, arial, verdana, sans-serif;
  font-weight: bold;
}

.pie {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  clip: rect(0px, 50px, 100px, 0px);
}

.hold {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  clip: rect(0px, 100px, 100px, 50px);
}

.pieSlice_1 .pie {
  background-color: #0f0;
}

.pieSlice_2 {
  transform:rotate(180deg);
}

.pieSlice_2 {
  transform:rotate(180deg);
}

.pieSlice_2 .pie {
  background-color: #0f0;
}

