@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html, body{
	height:100%;
}

body{
	background-color:#D3D7DE;
	/*font-family: 'Open Sans';*/
	color:#212326;
}

body.dark{
	background-color:#17191f;
	color:#ffffff;
}

h2{
	font-size: 20px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background:  f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.w-100{
	width:100%;
	max-width: 100%;
}

.btn{
	border-radius: 0;
	height:40px;
	padding-left: 20px;
	padding-right:20px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.btn-secondary{
	background-color:#34A1FF;
	border-color: #34A1FF;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	background-color: #51a0e4;
    border-color: #51a0e4;
}

.btn img{
	margin-right: 15px;
	vertical-align: baseline;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
}

.nav-tabs .nav-link.active{
	background-color: transparent;
	border:0px solid #000;
	border-top: 4px solid #34A1FB;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	font-weight: bold;
}

.nav-tabs .nav-item a{
	font-size:14px;
	color:#5E6774;
	text-transform: uppercase; 
}

.tab-content{
	background-color:#eaecf0;
}

#loader{
	position: absolute;
	height:100%;
	width:100%;
}

#loader img{
	position: relative;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

/* /loader */

#cont{
	height: 100%;
	padding:20px;
	padding-top:70px;
}

#mainmenu{
	z-index: 100;
	position: fixed;
	height:70px;
	width:100%;
	background-color:#f4f5f7;
	border-left:5px solid #34a1fb;
	border-top: 1px solid #B1B8C3;
	border-bottom: 1px solid #B1B8C3;
}

body.dark #mainmenu{
	background-color:#262834;
	border-bottom: 1px solid #262834;
	border-top: 1px solid #262834;
}

#mainmenu-items{
	height: 100%;
}

#mainmenu-items .menu-item{
	display: block;
	color:#212326;
	height: 100%;
	width:160px;
	text-align: center;
	position: relative;
	border-left: 1px solid #B1B8C3;
}

body.dark #mainmenu-items .menu-item{
	color:#fff;
	border-left: 1px solid #17191F;
}

#mainmenu-items .menu-item.aktiv{
	border-bottom: 4px solid #34A1FB;
}

#mainmenu-items .menu-item:hover{
	text-decoration: none;
}

#mainmenu-items .menu-item:first-child{
	margin-left: auto;
}

#mainmenu-items .menu-item .icon{	
	display: inline-block;
	position:relative;
	top:50%;
	transform: translateY(-50%);
}

body.dark #mainmenu-items .menu-item .icon img{	
	filter: invert(57%) sepia(98%) saturate(2671%) hue-rotate(184deg) brightness(101%) contrast(97%);
}

#mainmenu-items .menu-item.hover .icon img{	
	filter: invert(57%) sepia(98%) saturate(2671%) hue-rotate(184deg) brightness(101%) contrast(97%);
}

#mainmenu-items .menu-item .title{
	display: inline-block;
	position:relative;
	top:50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: bold;	
	text-transform: uppercase;
	padding-left: 10px
}

#logo img{
	margin-left:20px;
}

#grid{
	height:40%;
	max-height:40%;	
	overflow-y: scroll;
	background-color:#eaecf0;
}

#grid.rendelesek{
	height:50%;
	max-height:50%;	
}

#grid.bevetelezesek{
	height:100%;
	max-height:100%;
}

#grid.bevetelezesek .title{
	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
	padding-left: 10px;
}

#grid.content{
	height:100%;
	max-height:100%;	
	overflow-y: scroll;
	background-color:#eaecf0;
}

body.dark #grid{
	background-color:#262834;
}

#grid .menu-2{
	font-size: 14px;
	background-color:#D3D7DE;
	padding-top:20px;
	padding-bottom:20px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(/assets/images/line-bg.svg);
	background-repeat: repeat-x;
	background-position: center
}

body.dark #grid .menu-2{
	background-color:#17191f;
	background-image: none;
}

#grid .menu-2 .btn{
	font-size: 14px;
}

#grid .menu-2 .btn.active{
	border:2px solid #fff;
}

#grid #search{
	position: relative;
}

#grid #search input{	
	font-size: 14px;
    padding: 8px;
    padding-left: 10px;
	padding-right:30px;
	background-color: #F4F5F7;
	border:0px solid #F4F5F7;
	color:#63686F;
}

body.dark #grid #search input{	
	background-color: #262834;
	color:#fff;
}

#grid #search .remove{
	position: absolute;
	left: 203px;
	top:2px;
	width:16px;
	height:16px;
	background-image: url(/assets/images/cancel.png);
	cursor: pointer;
}

#grid #search .keszleten{
	display: inline-block;
	position: relative;
	margin-left:10px;
}

#grid #search .keszleten div{
	top:-13px;
	position: absolute;
	width:100px;
	padding-left:10px;
	background-color: #D3D7DE;
}

#grid #search .keszleten div input{
	margin-right:5px;
}

#form{	
	height:60%;
	max-height:60%;
	padding-top:0px;
	border-top: 0px solid #dee2e6;
	font-size: 12px;
	background-color:#eaecf0;
	margin-top:5px;
}

#form.rendelesek{
	height:50%;
	max-height:50%;
}

body.dark #form{	
	border-top: 0px solid #dee2e6;
	background-color:#262834;
}

#form .container{
	width: 100%;
	max-width: 100%;
	background-color:#eaecf0;
}

body.dark #form .container {
    background-color: #262834;
}

#form .group1{
	border-left:1px solid #dee2e6;
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	padding:10px;
	padding-bottom:10px;
}

body.dark #form .group1{
	border-left:1px solid #1b1d26;
	border-right:1px solid #1b1d26;
	border-bottom:1px solid #1b1d26;
}

#form .group2{
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	padding:10px;
	padding-bottom:10px;
}

body.dark #form .group2{
	border-right:1px solid #1b1d26;
	border-bottom:1px solid #1b1d26;
}

#form .group2 .jogosultsagok .title{
	font-size: 12px;
}

#form .group3{
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	padding:10px;
	padding-bottom:10px;
}

body.dark #form .group3{
	border-right:1px solid #1b1d26;
	border-bottom:1px solid #1b1d26;
}

/* === grid === */
.acgrid{
	font-size: 12px;
	table-layout: fixed;
	min-width: 1800px;
}

/* adat fejlec */
.acgrid .head-row .head-cell{
	color:#212326;
	padding:0px;
	background-color:#F4F5F7;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	padding-top:10px;
	padding-bottom:10px;
	border-right:2px solid #D3D7DE;
	border-bottom:4px solid #D3D7DE;
}
body.dark .acgrid .head-row .head-cell {
    color: #fff;
    background-color: #262834;
    border-right: 2px solid #1b1d26;
    border-bottom: 4px solid #1b1d26;
	border-top:1px solid #1b1d26;
}

.acgrid .head-row .head-cell:hover{
	background-color:#E1E3E8;
	cursor: pointer;
}

.acgrid .head-row .head-cell img{
	width:10px;
	margin-left:5px;
}

.acgrid .head-row .head-cell img.up{
	transform: rotate(180deg);
}

/* adat sor */
.acgrid .data-row .data-cell{
	color:#212326;
	padding:10px;
	padding-left:3px;
	padding-right:3px;
	font-size: 14px;
	font-weight: 500;
}
body.dark .acgrid .data-row .data-cell{
	color:#fff;
}

.acgrid .data-row .data-cell:not(:last-child){ /*utolso cella kivetelvel*/
	/*border-right: 1px solid #dee2e6;	*/
}

.acgrid .data-row .data-cell .icon{
	width:20px;
}

.acgrid .data-row{
	border-bottom: 1px solid #dee2e6;	
}

body.dark .acgrid .data-row {
    border-bottom: 1px solid #1b1d26;
}

body.dark .acgrid .data-row .data-cell{
	border-bottom: 1px solid #1b1d26;
}

.acgrid .data-row:hover{
	background-color:#E1E3E8;
	cursor: pointer;
}

body.dark .acgrid .data-row:hover{
	background-color:#17191F;
}

/* === /grid === */

/* === form === */

.acform input{
	width:100%;
	background-color:#D3D7DE;
	color:#393D43;
	border:0px solid #000;
	font-size: 14px;
	font-weight: 500;
	padding:5px;
	padding-left: 10px;
	padding-right: 10px;
}

body.dark .acform input{
	background-color:#17191f;
	color:#fff;
}

/*.acform input.required{
	border:1px solid #eab2b2;
}*/

.acform input[required]{
	border:1px solid #eab2b2;	
}

.acform select[required]{
	border:1px solid #eab2b2;	
}

.acform input[type=date]{
	padding-right: 0px;
	font-size: 12px;
}

.acform textarea{
	width:100%;
	height:50px;
	background-color:#D3D7DE;
	border:0px solid #000;
	font-size: 14px;
	font-weight: 500;
	padding:5px;
	padding-left: 10px;
	padding-right: 10px;
	color:#393D43;
}
body.dark .acform textarea{
	background-color:#17191f;
	color:#fff;
}

.acform select{
	width:100%;
	text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
	background-color: #eaecf0;
	border:0px solid #000;
	font-size: 14px;
	font-weight: 500;
	border:1px solid #989BA0;
	padding:5px;
	padding-left: 10px;
	padding-right: 10px;
	color:#393D43;
}
body.dark .acform select{
	background-color: #262834;
	border:1px solid #989BA0;
	color:#fff;
}

.acform .title{
	padding-top: 6px;
	font-size: 14px;
	color:#5E6774;
}

.input-unit-group{
	position: relative;
}

.input-unit-group input{
	padding-right: 25px;
}

.acform .input-unit{
	position: absolute;
	top:7px;
	right:8px;
}

/*multi*/
.acform .multi-plus{
	position: relative;	
}

.acform .multi-plus input{
	width:calc(100% - 30px);
}

.acform .multi-plus input{
	padding-right: 30px;
}

.acform .multi-plus .plus{
	position: absolute;
	top:6px;
	right:0px;
	width:21px;
	height:21px;
	background-image: url(/assets/images/plus-icon.svg);
	cursor: pointer;
}

/*selectplus*/
.acform .select-plus{
	position: relative;	
}

.acform .select-plus select{
	width:calc(100% - 30px);
}

.acform .select-plus input{
	width:calc(100% - 30px);
}

.acform .select-plus .plus{
	position: absolute;
	top:6px;
	right:0px;
	width:21px;
	height:21px;
	background-image: url(/assets/images/plus-icon.svg);
	cursor: pointer;	
}

/* === /form === */

#columns-container{
	position: relative;
}

#columns-container .columns-selector{
	font-size: 12px;
	display:block;
	right:32px;
	position: absolute;
	border:1px solid #dee2e6;
	width:200px;
	min-height:200px;
	background-color:#ffffffe3;
}
body.dark #columns-container .columns-selector{
	background-color: #2D303C;
    border: 1px solid #707070;
    color: #fff;
}


#columns-container .columns-selector .check{
	text-align: center;
	padding-top:2px;	
}

#columns-container .columns-selector .title{
	text-align: left;
	vertical-align: middle;
}

/* === beallitasok === */

#beallitasok .menu-2{
	font-size: 14px;
    background-color: #D3D7DE;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(/assets/images/line-bg.svg);
    background-repeat: repeat-x;
    background-position: center;
}

body.dark #beallitasok .menu-2{
	background-color:#17191f;
	background-image: none;
}

#beallitasok .kategoria-select{
	width:100%;
	height:400px;
}

#beallitasok .cimke{
	font-weight: bold;
}

#beallitasok .termekgyarto-select{
	width:100%;
	height:400px;
}

.search-box{
	position: absolute;
	width:340px;
	height:110px;
	background-color:#D3D7DE;
	z-index: 100;
	overflow-y: scroll;
	overflow-x: hidden;
	border:1px solid #000;
	top:30px;
}

body.dark .search-box{
	background-color: #2D303C;
    border: 1px solid #707070;
    color: #fff;
}


.search-box.szeles{
	width:400px;
}

.search-box .item{
	cursor: pointer;
	border-bottom:1px solid #ccc;
	padding:2px;
}

body.dark .search-box .item{
	cursor: pointer;
	border-bottom: 1px solid #1b1d26;
	padding:2px;
}

.search-box .item:hover{
	background-color:#ccc;
}

body.dark .search-box .item:hover{
	background-color:#17191F;
}

#szerk-enable, #szerk-enable-rendeles{
	padding-top:10px;
}

#szerk-enable input, #szerk-enable-rendeles input{
	width:10px;
	margin-right:5px;
	vertical-align: middle;
}

#context-menu{
	display: none;
	position: absolute;
	/*height:100px;*/
	min-width:150px;
	background-color: #ffffff;
	border:1px solid #dee2e6;
	padding-top:10px;
	padding-bottom:10px;	
	font-size: 12px;
	white-space: nowrap;
}

body.dark #context-menu{
	background-color: #2D303C;
	border:1px solid #707070;
	color:#fff;
}

#context-menu .item{
	margin-top:2px;
	margin-bottom:2px;
	padding-left: 30px;
	padding-right: 10px;
}

#context-menu .item:hover{
	cursor: pointer;
	background-color:#e8e8e8;
}

body.dark #context-menu .item:hover{
	background-color:#262834;
}

.ajax-form{
	font-size: 12px;
}

.ajax-form input{
	width:100%;	
}

.ajax-form .input-unit {
    position: absolute;
    top: 3px;
    right: 8px;
}

.ajax-form .title{
	padding-top:6px;
}

.ajax-form select {
    width: 100%;
    height: 24px;
    text-align: center;
    text-align-last: center;
}

.ajax-form textarea{
	width:100%;
}

#bevetelezes-ajax-form .search-box{
	top:50px;	
}

#login{
	background-color:#d3d7de;
	color:#42454c;
}

#login-window{
	position: relative;
	top:50%;
	left:50%;
	width:500px;
	height:300px;
	background-color:#eaecf0;
	transform: translate(-50%,-50%);
}

#login input{
	background-color:#f4f5f7;
	border:0px solid #000;
	padding:2px;
	color:#797e84;
	width:200px;
}

#login button.login{
	background-color: #34a1ff;
	color:#fff;
	border:0px solid #000;
	padding-left:30px;
	padding-right:30px;
	height:40px;
	margin-top:30px;
}

#theme-changer{
	width:20px;
	height:20px;	
	position: absolute;
	top:0px;
	left:5px;
	cursor: pointer;
}

#theme-changer img{
	width:20px;
	height:20px;	
}

body.dark #theme-changer img{
	filter: invert(57%) sepia(98%) saturate(2671%) hue-rotate(184deg) brightness(101%) contrast(97%);
}

#theme-changer img:hover{
	filter: invert(57%) sepia(98%) saturate(2671%) hue-rotate(184deg) brightness(101%) contrast(97%);
}

.termekek-form .data-kep img{
	max-width: 300px;
}

.termekek-form .data-kep2 img{
	max-width: 300px;
}

.termekek-form .data-kep3 img{
	max-width: 300px;
}

.termekek-form .data-kep4 img{
	max-width: 300px;
}

.termekek-form .data-kep5 img{
	max-width: 300px;
}

.acform .sp{
	height:60px;
}

@media (max-width: 1700px){		
	
	.acform .title{
		font-size: 12px;
	}
	.acform input{
		font-size: 12px;
		/*padding:3px;*/
	}
	
	.termekek-form .group1{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.termekek-form .group2{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.termekek-form .group3{
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.partnerek-form .group1{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.acform .sp{
		height:0px;
	}
	
	.szallitasi-form{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.rendeles-submit-event{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.rendeles-tetelek{
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	
	.szamla-submit-event{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.szamla-tetelek{
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.termek-csoportok-col{
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.felhasznalok-form .group1{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.felhasznalok-form .group2{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
}

@media (max-width: 1280px){
	
	#mainmenu-items .menu-item{
		width:68px;
	}
	
	#mainmenu-items .menu-item .title{
		display:none;
	}
	
	#mainmenu-items .menu-item.aktiv{
		width:160px;
	}
	
	#mainmenu-items .menu-item.aktiv .title{
		display:inline-block;
	}
	
	.acgrid .head-row .head-cell{
		padding:5px;
	}
	
	.acgrid .data-row .data-cell{
		font-size: 11px;
		padding:5px;
	}
	
	.termekek-form .group2{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.termekek-form .group3{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.partnerek-form{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.partnerek-form .group2{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.rendeles-submit-event .group1{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.rendeles-submit-event .group2{
		flex: 0 0 100%;
		max-width: 100%;
	}
		
	.rendeles-tetelek{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.szamla-submit-event .group1{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.szamla-submit-event .group2{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.szamla-tetelek{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.termek-gyartok-col{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.felhasznalok-form .group1{
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 800px){
	
	.acgrid .head-row .head-cell{
		width:150px !important;
	}
	
	#mainmenu-items .menu-item.aktiv{
		width:68px;
	}
	
	#mainmenu-items .menu-item.aktiv .title{
		display:none;
	}
	.termek-gyartok-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.termek-csoportok-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#form .col-1,#form .col-2,#form .col-3,#form .col-4,#form .col-5,#form .col-6,#form .col-7,#form .col-8,#form .col-9,#form .col-10,#form .col-11,#form .col-12{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#logo{
		display: none;
	}
	
	#theme-changer{
		left:auto;
		right:5px;
	}
	
	#cont{
		padding:0px;
		padding-top:70px;
	}
	
	#grid{
		height: 60%;
		max-height: 60%;
	}
	#grid.content{
		height: 100%;
		max-height: 100%;
	}
	#form {
		height: 40%;
		max-height: 40%;
	}

	#search input{
		margin-top:20px;
	}
		
}

.data-row.dark, .data-row.dark:hover{
	background-color: #abadb1;
}

.cc_torzs, .cc_torzs2, .cc_torzs3, .cc_torzs4, .cc_torzs5{
	width:13px;
	cursor: pointer;
}

.round-icon{
	display:inline-block;
	width:37px;
	height:37px;
	border:1px solid #34a1ff;
	border-radius: 50%;
	background-color: #34a1ff;	
	position: absolute;
	right:40px;	
}

.round-icon img{
	width:19px;
	position: absolute;
	right:7px;
	top:8px;
}

body.print{
	background-color: #fff;
	font-family: 'Open Sans';	
	padding:20px;
}

.print .content{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}

.print .cim{
	font-size:26px;
	font-weight: bold;
	text-decoration: underline;
}

.print .ceg{
	position: relative;
	top:-25px;
	font-size:14px;
	font-weight: bold;
}

.print .adatok{
	border:1px solid #ccc;	
	height:120px;
}

.print .adatok .adat1{
	padding:10px;
	text-align: center;
	border-right:1px solid #ccc;	
}

.print .adatok .adat2{
	padding:10px;
	border-right:1px solid #ccc;	
}

.print .adatok .adat3{
	padding:10px;
}

.print .lista{
	width:100%;
	margin-top:30px;
}

.print .lista .head{
	text-align: center;
	font-weight: bold;
	border-bottom:2px solid #ccc;		
}

.print .lista .data{
	border-bottom:1px solid #ccc;		
}

.print .lista .data td{
	padding-top:20px;
	padding-bottom:20px;
}

.print .font1{
	font-size: 18px;
	font-weight: bold;
}

/**/
body.print2{
	background-color: #fff;
	font-family: 'Open Sans';	
	padding:20px;
	font-size: 16px;
}

.print2 .content{
	width:700px;
	margin-left: auto;
	margin-right: auto;
}

.print2 .cim{
	font-size:26px;
	font-weight: bold;
}

.print2 .ceg{
	position: relative;
	top:-25px;
	font-size:14px;
	font-weight: bold;
}

.print2 .adatok{
	height:120px;
	margin-top:50px;
}

.print2 .adatok .adat1{
	text-align: left;
}

.print2 .adatok .adat2{
}

.print2 .adatok .adat3{
}

.print2 .lista{
	width:100%;
	margin-top:30px;
}

.print2 .lista .head{
	text-align: center;
	font-weight: bold;
	border-bottom:2px solid #ccc;		
}

.print2 .lista .data{
	border-bottom:1px solid #ccc;		
}

.print2 .lista .data td{
	padding-top:20px;
	padding-bottom:20px;
}

.print2 .font1{
	font-size: 16px;
	font-weight: bold;
}

.print2 .bb{
	border-bottom: 2px solid #000;
	margin-bottom:10px;
}

/**/

#keszlet .head td, #arvaltozas .head td, #foglalasok .head td{
	font-weight: bold;
	text-align: center;
}

#keszlet .data td, #arvaltozas .data td, #foglalasok .data td{
	width:150px;
	text-align: center;
	border-top:1px solid #ccc;
}

#keszlet .data.kiadas td{
	background-color:#F4F5F7;
}

#grid-table .kiadhato-1{
	background-color:#c0ffea;
}

#grid-table .kiadhato-2{
	background-color:#fbd2d2;
}

.dropdown button.dropdown-toggle {
	width:220px;
}
.dropdown .dropdown-menu{
	width:220px;
}

.garancia-form .data-gyariszam input{
	border:1px solid #34A1FF;
}

.garancia-form .garancia-nyomtat{
	width:165px;
	margin-right:5px;
	margin-top:10px;
}

.garancia-form .garancia-nyomtat.akt{
	border-color:#34A1FF;
}

/* inaktiv */
#grid-table .status-0{
}
/* atveve */
#grid-table .status-1{
	background-color: #fff;
}
/* felteteles */
#grid-table .status-2{
	background-color: #cce5ff;
}
/* leazarva */
#grid-table .status-3{
	background-color: #d4edda;
}
/* elutasitva */
#grid-table .status-4{
	background-color: #f8d7da;
}

#grid .dropdown.raktar-valaszto div.dropdown-item{
	cursor: pointer;
}

#menutree.level-1{
	width:800px;
}

#menutree .level-3{	
	margin-top:3px;
	margin-bottom:3px;
}

#menutree .level-2{
	margin-bottom:30px;
	margin-top:30px;
}

#menutree .level-2 .blokk{	
	padding-left:40px;
}

#menutree .level-3 .blokk{	
	padding-left:0px;
}

#menutree .nev{
	display: inline-block;	
	width:200px;
}

#menutree .blokk.kek{
	color:blue;
}

#menutree .blokk input{
	width:50px;
	text-align: right;
	padding-right:2px;
}

#menutree .blokk .mert{
	margin-right: 3px;
}

/* egyedi szabalyok */

.egyedi-szabalyok{
	margin-top:50px;
}

.hidden{
	display: none;
}

.egyedi-szabalyok .cim{
	border-bottom:1px solid rgb(85, 82, 82);
	font-weight: 500;
}

.egyedi-szabalyok .cim .cella{
	text-align: center;
}

.egyedi-szabalyok .data{
	padding-top:3px;
	padding-bottom:3px;
}

.egyedi-szabalyok .data .cella{
	text-align: center;
}

.egyedi-szabalyok .edit input{
	text-align: center;
}

.egyedi-szabalyok .muvelet{
	text-align: center;
}

.egyedi-szabalyok .icon{
	width:20px;
}

.k_sarga{	
	background-color:#f0e036 !important;
}

.k_sarga:hover{
	background-color:#f7f2b5 !important;
}

.k_piros{
	background-color:#efb6b6 !important;
}

.k_piros:hover{	
	background-color:#c07c7c !important;
}

.checkbox .title{
	display:inline-block;
}

.checkbox .input{
	display:inline-block;
}