/* System  BG colors */

.bg-kek {
	background-color: #007bff;
}
.bg-szurke {
	background-color: #6c757d;
}
.bg-zold {
	background-color: #28a745;
}
.bg-piros {
	background-color: #dc3545;
}
.bg-sarga {
	background-color: #ffc107;
}
.bg-turkiz {
	background-color: #17a2b8;
}
.bg-grafit {
	background-color: #343a40;
}
.bg-ezust {
	background-color: #f8f9fa;
}
.bg-feher {
	background-color: #ffffff;
}

/* System BG colors vége */

/* Webshop-on látszik eVIR-en nem */

.login-shopping-cart {
	display: none !important;
}
body{
	width: 100%;
	height: 100vh;
/*	background-color: #f8f9fa;*/
	font-family: "Open Sans", sans-serif;
	overflow-y: auto;
}
.vh-100 {
	height: 100vh;
	overflow-y: auto;
}
.container-shadow {
	box-shadow: 5px 5px 15px #333333;
}
.top-5 {
	position: relative;
	top: -5px;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1px;
}
textarea {
	resize: both !important;
}
a:hover, a:focus {
	text-decoration: none;
}
.sidebar-toggle {
	cursor: pointer;
}
.legend {
	font-size: 30pt;
}
.thead-softdark {
	background-color: #c8c9ca;
}
.bg-evir{
	background-color: #5886b7;
	color: #ffffff;
}
.text-evir{
	color: #5886b7;
}
.border-evir{
	border-color: #5d79bb;
}

.text-muted-evir {
	color: #d1d1d1;
}
/* js_fix_head, perlben keszul, ezzel itt most lathatatlanna tettem egyelore*/
#main_list-fixed{
	top: 73px;
	display: none;
	z-index: -1;
}

.minw-130 {
	min-width: 130px;
}

.mw-250 {
	max-width: 250px;
}
.mw-300{
	max-width: 300px;
}
.mw-1200 {
	max-width: 1200px;
}
.break-word, pre {
	white-space: pre-wrap;  /*Ezt igy nem szeretjuk. ahol sort torest akarunk latni ott a <pre> tag-et eroltetjuk, de ez kikapcsolja a sortorest */
	word-wrap: break-all;       /* Internet Explorer 5.5+ */
	word-break: break-all;       /* Internet Explorer 5.5+ */
}
.normal-ws a {
	white-space: normal;
}
@media (max-width: 992px) {
	.w-sm-50 {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.w-sm-50 {
		width: 50%;
	}
}
@media (min-width: 1200px) and (max-width: 1800px) {
	.mw-5 {
		max-width: 45%;
	}
}

@media (min-width: 1800px) {
	.pl-xxl-3 {
		padding-right: 1rem !important;
	}
	.mb-xxl-2 {
		margin-bottom: .5rem;
	}
	.grid-xxl-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
	  	max-width: 50% !important;	
	}
	.col-xxl-auto {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 auto !important;
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
	}
	.col-xxl {
		-ms-flex-preferred-size: 0 !important;
		flex-basis: 0 !important;
		-webkit-box-flex: 1 !important;
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
		max-width: 100% !important;
	}
	.col-xxl-10 {	
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 83.333333% !important;
		flex: 0 0 83.333333% !important;
		max-width: 83.333333% !important;
	}
	.col-xxl-9 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
    	max-width: 75% !important;
    }
	.col-xxl-8 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 66.666667% !important;
		flex: 0 0 66.666667% !important;
    	max-width: 66.666667% !important;
    }
	.col-xxl-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;	
	}
	.col-xxl-4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;	
	}
	.col-xxl-3 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;	
	}
	.col-xxl-2 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 16.666667% !important;
		flex: 0 0 16.666667% !important;
		max-width: 16.666667% !important;	
	}
	.col-xxl-1 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 8.333333% !important;
		flex: 0 0 8.333333% !important;
		max-width: 8.333333% !important;	
	}
	.offset-xxl-2 {
		margin-left: 16.666667%;
	}
	.offset-xxl-1 {
		margin-left: 8.333333%;
	}
}

p.pulldown:hover {
	background-color: #dee2e6;
}
.c-pointer {
	cursor: pointer;
}
.form-group {
	line-height: 1;
}
.hover:hover, .hover:focus {
	background-color: #007bff !important;
	color: #ffffff !important;
}
/*Input*/
.input-group-addon {
	padding: 0px 10px;
	font-size: 14pt;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}
input [type="hidden"] {
	height: 0px;
	display: none;
}
.scroll-table select.form-control {
	width: auto;
}
.pcsop {
	width: 300px;
	max-width: 500px;
}
input[type=checkbox], input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	padding: 10px;
} 
.range_label {
	top: -5px;
	align-self: center;
}
/* Button */
button.btn-evir:active {
}

/* Tables */
.scrolltable, .ham-menu {
	position: relative;
	padding: 0px;
/*	width: calc(100vw - 360px);*/
}
.vscroll,.vscroll-mh, .vscroll-mw, .vscroll-mwh {
	padding: 0px;
	z-index: 90;
}
.vscroll {
	max-height: 80vh;
	overflow: auto;
}
.vscroll-mh {
	overflow: auto;
}
.vscroll-mw {
	max-height: 80vh;
	width: max-content;
	overflow-x: auto;
}
.vscroll-mwh {
}
.wrap {
	white-space: normal;
}
.no-wrap {
	white-space: nowrap;
}
table.scroll-table {
 	border-collapse: collapse;
	width: 100%;
	table-layout: auto;
	display: table;	
	overflow: auto;
	border-spacing: 0px;
	z-index: 90;
	line-height: 1.5;
	
}
table.scroll-table thead{
	display: table-header-group;
 	border-collapse: collapse;
	z-index: 90;
	padding: 0px;
	border-spacing: 0px;
}
table.scroll-table thead tr{
	display: table-row;
}
table.scroll-table tbody{
	display: table-row-group;
  	overflow: auto;
}

table.scroll-table th {
	white-space: normal;
}
th.scroll-th,td.scroll-td {
	display: table-cell;
}
th.scroll-th {
	position: sticky;
	position: -webkit-sticky;
	top: -1px;
	z-index: 90;
}
th.scroll-th a.active:after {
	content: "\f0dc";
	font-family: "Font Awesome 5 Free"
}
th.scroll-th span:after {
	content: none;
}
tr.edit-tr th.scroll-th {
	top: 40px;
}
td.lista, td.lista a, th.scroll-th, th.scroll-th a {
}
tbody.alert-secondary {
	background-color: rgba( 0,0,0,.05);
}
tbody.lista1 {
	background-color: #f2f2f2;
}
tbody.lista2 {
	background-color: #ffffff;
}
tbody.lista1:hover,tbody.lista1:focus, tbody.lista2:hover, tbody.lista2:focus {
	background-color: #ececec;
}
.listalab {
	background-color: #e9ecef;
}
.small, .small-wrap {
	top: -5px;
	z-index: 95;
	width: intrinsic; /* Safari */
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;
}
.small {
	white-space: nowrap;
}
.small-wrap {
	white-space: normal;
}

/* View */

.alert .small {
	top: 0px;
	white-space: normal;
}
.plus-line-height {
	line-height: 1.5 !important;
}
.fit-content {
	width: fit-content;
}
.max-content {
	width: intrinsic; /* Safari */
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;

}
/* Buttons */
button.c_szunet {
}
button:hover, button:focus, button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:hover, button.c_keres:hover {
	color: #ffffff;
	border-color: transparent;
	margin-top: -2px;
	margin-bottom: 2px;
	transition: all 0.3s;
	box-shadow: 0 4px 6px #999999;
}
.btn-evir, button.btn-evir:hover, button.btn-evir:focus{
	background-color: #5886b7;
	color: #ffffff;
	border: 1px solid  #5d79bb;
}
.widgetlink-hover:hover, .widgetlink-hover:focus {
    background: rgba(0, 0, 0, .25);
}
/* Calendar */

.calendar td.day{
	font-size: 11pt;
}
div.calendar {
	padding: 10px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	background-color: #ffffff;
    margin-top: 5px;

}
div.calendar table {
	border-collapse: collapse;
	border: none;
	font-size: 11pt;
	color: #555555;
	background-color: #ffffff;

}
.calendar thead .headrow td, .calendar .wn {
	background-color: #ffffff;
	color: #555555;
	font-size: 11pt;
	font-weight: normal;
}
div.calendar thead .title {
	font-weight: bold;
	font-size: 13pt;
}
div.calendar table td.name.wn, div.calendar table td.day.wn {
	background-color: #ffffff;
	color: #456;
	border-right: 1px solid #ced4da;
	
}
.calendar thead .headrow td:hover {
	background-color: #e9ecef;
	color: #555555;
	font-size: 11pt;
}
div.calendar tbody .rowhilite td{
	background-color: #ffffff;
}
div.calendar thead .daynames {
	background-color: #ffffff;
	border-bottom: 1px solid #ced4da;
}
div.calendar thead .daynames td {
	border-bottom: 1px solid #ced4da;
}
div.calendar thead .name {
	color: #456;
}
.calendar thead .title, .calendar thead .button {
	display: table-cell;
	padding: 2px;
}
td.button.nav, td.nav.button.hilite {
	display: table-cell;
	padding: 2px;
	width: auto;
}
.calendar thead .name {
	display: table-cell;
}
div.calendar tbody td.day {
	color: #000000;
}
div.calendar tbody td.weekend {
	color: #ced4da;
}
div.calendar tbody td.hilite, div.calendar thead td.hilite {
	border: none;
	background-color: #e9ecef;

}
div.calendar tbody td.selected {
	border: none;
	background-color: #5886b7;
	color: #ffffff;
}
div.calendar tfoot .ttip {
	border-top: 1px solid #ced4da;
}


/* Uzenetek */
.msgwindow {
	font-size: 9pt;
	text-align: left;
	width: 100%;
	background-color: #dedede;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-spacing: 0px;
}
table.msgwindow {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-spacing: 0px;
	font-family: Tahoma, Geneva, sans-serif;
}
table .msg {
	width: 100%;
	border-spacing: 0px;
}
col .msgszoveg {
	width: 100%;
}
td.msgdebug {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(102, 102, 102);
	background-color: rgb(195, 236, 244);
	color: rgb(0, 0, 0);
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
col.msgcim {
	width: auto;
}
col.msgszoveg {
	width: 100%;
}
th.msgwindow {
	width: 100%;
	background-color: #dedede;
	font-weight: bold;
	color: #666666;
	font-size: 8pt;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom: 1px solid #999999;
	border-left-style: none;
	border-spacing: 0px;
}
td.msgerrorfej, td.msgerrord {
	background-color: rgb(221, 128, 48);
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msgerror {
	background-color: rgb(250, 182, 102);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msgwarnfej, td.msgwarnd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(102, 102, 102);
	background-color: rgb(238, 187, 51);
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}
td.msgwarn {
	background-color: rgb(238, 213, 144);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msginfofej, td.msginfod {
	background-color: rgb(170, 170, 170);
	color: rgb(51, 51, 51);
	font-weight: bold;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msginfo {
	background-color: rgb(221, 221, 221);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msgkmkernel {
	background-color: rgb(255, 128, 128);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msgkmexecutive {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(102, 102, 102);
	background-color: rgb(136, 204, 136);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
}
td.msgkmsupervisor {
	background-color: rgb(255, 192, 0);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msgkmuser {
	background-color: rgb(255, 136, 255);
	color: rgb(0, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
}
td.msgdebugfej, td.msgdebugd {
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(0, 0, 0);
	background-color: rgb(211, 216, 232);
}

/* Csempe Portal */

div#tile_hatter {
	height: 100%;
	width: 100%;
}
@media (max-width: 768px) {
	div.tile_base {
		height: 300px;
	}
}
div.tile_base a {
	cursor: pointer;
}
div.tile_base a:hover {
	text-decoration: none;
}
div.tile_big:hover,
div.tile_wide_top:hover,
div.tile_wide_bottom:hover,
div.tile_small_left_top:hover,
div.tile_small_right_top:hover,
div.tile_small_left_bottom:hover,
div.tile_small_right_bottom:hover {
	background-color: #ffffff !important;
}

div.cimsor h1 {
	font-size: 20pt;
	margin-top: 20px;
}
div.cimsor h2 {
	font-size: 15pt;
}
div.cimsor i {
	font-size: 30px;
}


/* Persona */

div.persona_portal_tagok, div.persona_portal_adatok,div.persona_portal_attributumok {
}

@media (max-width: 1300px) {
	div.persona_portal_adatok, div.pesona_doboz table.persona_doboz {
		margin-top: 10px;
	}

}
@media (min-width: 1300px) {
	div.persona_portal_tagok, div.persona_portal_adatok,div.persona_portal_attributumok {
		float: left;
	}
	div.persona_portal_tagok div.scrolltable, div.persona_portal_tagok div.vscroll, div.persona_portal_tagok table.scroll-table{
		max-height: 100% !important;
		overflow-y: visible;
	}
	div.persona_portal_attributumok,
	div.persona_portal_tagok div.scrolltable,
	div.persona_portal_adatok, div.pesona_doboz table.persona_doboz {
		width: -webkit-calc(30vw - 110px)  !important;
		width: -moz-calc(30vw - 110px)  !important;
		width: calc(30vw - 110px)  !important;
	}
	div.persona_portal_attributumok {
		margin: 0px 5px 0px 5px;
	}
	div.persona_portal_tagok div.scrolltable,
	div.persona_portal_adatok, div.pesona_doboz table.persona_doboz {
		margin: 0px 10px 0px 10px;
	}

}

/* WEBSHOP */

div#webshop_top {
	padding: 5px 15px 5px 15px;
/*	position: fixed;
	top: 0;
	width: 90%;
	background-color: #ffffff;
	z-index: 150;
	border-bottom: 1px solid #e0e0e0;
*/
}

#webshop_top img {
	max-width: 250px;
}
/*
#webshop_main {
	overflow-y: auto;
	top: 100px;
	height: -webkit-calc(100vh - 100px);
	height: -moz-calc(100vh - 100px);
	height: calc(100vh - 100px);
	transition: all 0.3s;
	right: 0;
	position: absolute;
}
*/
.oldalelem .text-evir {
	color: #5886b7 !important;
}
div.oldalframe.sidebar {
    height: auto;
    position: relative;
    transition: all 0.3s;
    z-index: 100;
    overflow-x: hidden;
    overflow-y: auto;
    top: auto;
	background-color: #ffffff;
}
div.kozepframe#middle {
    overflow-y: visible;
    top: auto;
    height: auto;
    transition: all 0.3s;
    position: relative;
}
div.sidebar-togg {
/*	position: fixed;*/
	top: 5px;
	right: 5px;
	z-index: 200;
	padding: 10px;
	background-color: #ffffff;
}
#webshop_left .kosar_item, #webshop_right .kosar_item, #webshop_left .login_item, #webshop_right .login_item {
	margin-bottom: 8px;
}
#webshop_left .nav-container, #webshop_right .nav-container {
	box-shadow: 0px 3px 5px #dee2e6;
	padding-top: 8px;
}
#webshop_left .nav-item, #webshop_right .nav-item {
	width: 100%;
	margin-bottom: 8px;
	
}
#webshop_left .nav-link, #webshop_right .nav-link {
	padding: 0px;
}
#webshop_right .login_item i {
	height: auto;
	width: auto;
}
div#webshop_top div.kosar_item {
/*
	position: fixed;
	top: 5px;
	right: 60px;
	z-index: 200;
	padding: 10px;
	background-color: #ffffff;
	height: 100px;
*/
}
div#webshop_top div.login_item {
/*
	position: fixed;
	top: 5px;
	right: 200px;
	z-index: 200;
	padding: 10px;
	background-color: #ffffff;
	height: 100px;
	*/
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	z-index: 500;
}
.oldalelem th.scroll-th, #webshop_kozep th.scroll-th {
	box-shadow:	none;
}
#webshop_left .oldalelem .form-group, #webshop_right .oldalelem .form-group {
	margin-bottom: 0px;
}


/* Webshop_top */

div#webshop_left img{
	max-width: 250px;	
}
div#webshop_top div.keresolabel {
	display: none;
}
div#webshop_top .kosar_item {
	width: min-content;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
div#webshop_adatok div.keresolabel {
}
div#webshop_left div.oldalelem, div#webshop_right div.oldalelem {
	margin: 0px 0px 5px 0px;
}
.sidebar-left.sidebar ul li a:hover, .sidebar-right.sidebar ul li a:hover, .sidebar-left.sidebar [aria-expanded="true"], .sidebar-right.sidebar [aria-expanded="true"] {
	background-color: #ffffff;
	color: #000000;
}
.sidebar-left.sidebar, .sidebar-left.sidebar a, .sidebar-right.sidebar, .sidebar-right.sidebar a {
	font-size: 10pt;
}
.sidebar-left.sidebar a.nav-link, .sidebar-right.sidebar a.nav-link {
	font-size: 12pt;
}
.sidebar-right.sidebar [aria-expanded="true"] {
	content: none !important;
}
.kereses_item {
}
.kosar_item a {
	padding-left: 5px;
}
#webshop_kozep h1 {
	font-size: 20pt;
}
div.div_cikk_kategoria_link {
	background-color: #f8f9fa;
	padding: 5px;
	margin-bottom: 10px;
}
div.div_cikk_kategoria_link .form-group {
	margin-bottom: 0px;
}
a.cikk_kategoria_link {
	font-size: 11pt;
	color: #000000;
	margin: 5px 5px 15px 5px;
}

/* webshop linkek */
div.oldalelem a {
	color: #343a40;
}

/* webshop kategoriak */

.oldalelem .vscroll {
	max-height: none;
}

div.oldalframe div.scrolltable, div.oldalframe table {
}
div.oldalframe table thead tr, div.oldalframe table thead th, div.oldalframe table td  {
	border: none !important;
}
div.oldalframe table thead {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;

}
div.oldalframe table thead th span {
	font-size: 15pt;
	color: #000000 !important;
	text-transform: uppercase;
	margin-left: 10px;
	font-weight: normal;
}

/* webshop table: rendeles, cimek... */

#webshop_kozep th.scroll-th, #webshop_kozep th.scroll-th span {
	background-color: #ffffff !important;
	color: #000000 !important;
	border: none !important;
}

/* Cikk lista oldal - table */
#webshop_kozep .vscroll {
	max-height: 100% !important;
	overflow-y: visible;
}
#webshop_kozep div.scrolltable, #webshop_kozep table thead, #webshop_kozep table thead tr  {
	border: none !important;
}
th.cikk_lista_left_extension {
	border: none !important;
}
td.cikk_lista_megnevezes {
	height: 75px;
	overflow-y:hidden;
	margin: auto;
	position: sticky;
	position: -webkit-sticky;
	left: 0px;
}
.lista2 td.cikk_lista_megnevezes {
	background-color: #ffffff;
}
.lista1 td.cikk_lista_megnevezes {
	background-color: #f2f2f2;
}
.lista1:hover td.cikk_lista_megnevezes, .lista2:hover td.cikk_lista_megnevezes {
	background-color: #dadada;
}
td.cikk_lista_megnevezes a {
	display: block;
	height: 100%;
	width: 100%;
	position: sticky;
	position: -webkit-sticky;
	left: 0px;
}
#webshop_kozep table.scroll-table td{
	vertical-align: middle;
}
.cikk_lista_raktaron, .cikk_lista_megys, .cikk_lista_kosarba {
	text-align: center;
}

/* Cikk nézegető oldal */

#webshop_kozep h4 {
	margin-top: 15px;
}
#webshop_kozep .webshop_arkategoriak {
	padding-top: 15px;
	padding-left: 15px;

}
a.webshop_webcim {
	padding-top: 14px;
}
input[readonly].webshop_cikkszam, input[readonly].webshop_cikkszam:hover, input[readonly].webshop_cikkszam:active {
	background-color: transparent;
	border:none;
	font-size: 12pt;
	padding-left: 0px;
}
input.webshop_cikkszam, .webshop_arkategoriak, .webshop_gyarto,.webshop_webcim, .div_megnevezes .form-group, .div_dokumentum, .div_tulajdonsag p {
	margin-left: 10px;
	margin-right: 10px;
}
input.webshop_arkategoriak {
	border-bottom: 1px solid #f0f0f0;
}
input.webshop_arkategoriak, .webshop_keszlet_info {
	border:none;
	background-color: #ffffff !important;
	border-radius: 0;
	font-weight: bold;
	padding-bottom: 5px;
}
input.webshop_arkategoriak {
	border-bottom: 1px solid #f0f0f0;
}
.div_megnevezes {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.div_megnevezes .form-group, input.webshop_cikkszam, .div_webshop_keszlet_info {
	border-bottom: 1px solid #f0f0f0 !important; 
	padding-bottom: 10px;
	font-weight: bold;
}
.megnevezes {
	font-weight: bold;
	font-size: 15pt;
}
.webshop_megjegyzes, .webshop_gyarto {
	margin-top: 10px;
	margin-left: 10px;
}
#webshop_kozep .webshop_num {
	background-color: white;
	border: none;
	font-size: 16px;
	padding-top: 0px;
}
div.cikk_kepek .form-row {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.cikk_nagykep {
	position: relative;
	width:100%;
	padding-top: 100%;
	border: 1px solid #f0f0f0;
	margin-top:10px;
	margin-bottom: 20px;
}
div.cikk_nagykep img.PopBoxImageSmall {
	position: absolute;;
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: auto;
	padding: 20px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	vertical-align: middle;
	float: left;
}
div.cikk_minikep {
	margin-top: auto;
	margin-bottom: auto;
	height: 100px;
}
div.cikk_minikep img.PopBoxImageSmall {
	height: 100%;
	width: 100%;
	max-height: 100px;
	object-fit: contain;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	padding: 5px;
	border: 1px solid #f0f0f0;
}
div.div_tulajdonsag input[readonly], div.div_tulajdonsag .input-group-text {
	background: #ffffff;
	border-color: #f0f0f0;
}

/* carousel */

#carouselControls {
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 20px;
}
.carousel-inner {
}
.left, .right {
	background-image: none;
	color: #222222;
	height: 40px;
	width : 40px;
	font-size: 20pt;
	padding: 5px;
	margin-top: 40px;
}
.left:hover, .left:active, .right:hover, .right:active, .left:focus, .right:focus, .left:visited, .right:visited {
	color: #000000;
}
.carousel-item {
	padding: 5px;
}

/* End carousel */
div.div_info {
	border-top: 1px solid #f0f0f0;
	padding: 20px;
}

/* Lista oldal */

label.webshop_lista_szuro {
	font-size: 11pt;
}
div.div_lista1, div.div_lista2 {
	border: 1px solid #f0f0f0;
	border-radius: 5px;
}
div.div_cikk_lista_kep a img{
	border: none !important;
}
div.div_cikk_lista_kep a img{
	object-fit: contain;
}
.cikk_lista_kosarba i {
	font-size: 20pt;
}
#b_kosarba i {
	font-size: 25pt;
}
.sidebar-right.sidebar a.reg_button {
	font-size: 12pt;
}

/* xs */

@media (max-width: 576px) {
	div.cikk_minikep {
height: 60px;
	}
	.left, .right {
		margin-top: 20px;
	}
}

/* sm */

@media (min-width: 576px) and (max-width: 767px) {
	.kozepframe div.div_lista1, .kozepframe div.div_lista2 {
	}
	div.cikk_minikep {
height: 100px;
	}
}

/* <sm */

@media (max-width: 767px) {
	div#webshop_top img {
		min-width: 250px;	
		max-width: 50%;
	}
	div#webshop_top div.login_item, div#webshop_top div.kosar_item {
		margin-bottom: 15px;
	}
	div#webshop_left img {
		min-width: 250px;	
		max-width: 50%;	
	}
	div#webshop_adatok {
	}
	.opacity-50 {
		opacity: 0.5;
	}
	div#webshop_top div.keresolabel {
		display: none;
	}
	.webshop_talalatok_szama {
		margin-top: 15px;
	}
	div.cikk_nagykep {
		padding-top: 50%;
	}
}

/* md */

@media (min-width: 768px) and (max-width: 992px){
	div.kozepframe#webshop_kozep {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	div.kozepframe#webshop_kozep {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	div.cikk_minikep {
		height: 60px;
	}
	.left, .right {
  		margin-top: 20px;
	}

}

/* xs - xl */

@media (max-width: 992px) {
    div.oldalframe.sidebar-left.sidebar, div.oldalframe.sidebar-right.sidebar {
    	display: none;
		margin-left: 0px;
    }
    div.sidebar-left.sidebar.toggled, div.sidebar-right.sidebar.toggled {
    	display: block;
		margin-left: 0px;
    }
	div#webshop_top span.d-m-none{
		display: none;
	}
}

/* lg */

@media screen and (min-width: 992px) {
    div.sidebar-left.sidebar, div.sidebar-left.sidebar.toggled, div.sidebar-right.sidebar, div.sidebar-right.sidebar.toggled {
	    margin-left: 0px;
    }
    div.kozepframe{
	    width: 100%;
    }
	div#webshop_top div.login_item {
	}
	a.cikk_kategoria_link {
		width: auto;
	}
	div.oldalframe table thead th {
		background-color: #ffffff;
		color: #343a40;
		text-align: left;
	}
	div.oldalframe table thead th span {
		font-size: 15pt;
		margin-left: 10px;
	}
}

/* lg */

@media (min-width: 992px) and (max-width: 1200px) {
}

/* xl */
@media (min-width: 1200px) {
	input.webshop_arkategoriak {
		width: 50%;
	}
}


/* webshop egyedi szinek */
.text-egyedi {
	color: #1f5790 !important;
}
.text-egyedi-2 {
	color: #de9222 !important;
}
.bg-egyedi {
	background-color: #1f5790;
}
.bg-egyedi-2 {
	background-color: #de9222;
}
.bg-egyedi, .bg-egyedi-2 {
	position: relative;
	left: 5px;
	top: -5px;
	margin-right: 5px;
	min-width: 45px;
	text-align: center;
}
.box-shadow {
	box-shadow: 0px 3px 5px #dee2e6;
}

button.cikk_lista_kosarba, button#b_kosarba, button.cikk_lista_kosarba:hover, button.cikk_lista_kosarba:focus, button#b_kosarba:hover, button#b_kosarba:focus, button.btn-nobg, button.btn-nobg:hover,button.btn-nobg:focus {
	margin: 0px;
	padding: 0px;
	background-color: transparent !important;
	border: none;
}
button.btn-nobg i {
	font-size: 20pt;
}
.btn-egyedi {
	background-color: #16946b;
	border: none;
}
button.cikk_lista_kosarba, button#b_kosarba {
	color: #f3854c;
}
button.cikk_lista_kosarba:hover, button.cikk_lista_kosarba:focus, button#b_kosarba:hover, button#b_kosarba:focus, button.btn-nobg:hover, button.btn-nobg:focus {
	box-shadow: none;
	margin-top: -2px;
	margin-bottom: 2px;
	transition: all 0.3s;
}
button.btn-egyedi:hover, button.btn-egyedi:focus {
	background-color: #005c3e;
}
button.cikk_lista_kosarba:hover, button.cikk_lista_kosarba:focus, button#b_kosarba:hover, button#b_kosarba:focus {
	color: #de6122;
}
button.cikk_lista_kosarba i:hover, button.cikk_lista_kosarba i:focus, button#b_kosarba i:hover, button#b_kosarba i:focus {
}
.div_cikk_lista_netto a,
.div_cikk_lista_brutto a {
	color: #1f5790;
}
/*
.oldalelem button[type="submit"],
#webshop_kozep button[type="submit"],
.div_cikk_lista_kosarba button {
	background-color: #008000 !important;
	border-color: #28a745;
}
.oldalelem button[type="submit"]:hover,
#webshop_kozep button[type="submit"]:hover,
.div_cikk_lista_kosarba button:hover {
	background-color: #28a745;
	border-color: #28a745;
}
*/

/* FONT SIZE */
.small-font, .small-font input, .small-font select, .small-font textarea {
	font-size: 9pt;
}
.medium-font,.medium-font input, .medium-font select, .medium-font textarea {
	font-size: 11pt;
}
.large-font, .large-font input, .large-font select, .large-font textarea {
	font-size: 13pt;
}