body {
	overflow-x: hidden !important;
}

#custom_anyag_main {
	position: unset !important;
}
.select2-container {
	margin-bottom: 20px !important;
	width: 100% !important;
    max-width: 350px !important;
}
.select2-container ul.select2-selection__rendered {
	margin: 0 !important;
}
.select2-container ul.select2-selection__rendered li {
	line-height: 26px !important;
	display: block !important;
    width: fit-content !important;
}
.select2-container ul.select2-selection__rendered li button {
	height: 100% !important;
}

/* -- BORDERS -- */
.oline    {border: 1px red solid;}
.noborder {border: none;}
.dotbott  {border-bottom:1px dotted gray;}

/* - ALIGN - */
.center  {text-align: center;}
.right   {text-align: right;}
.left    {text-align: left;}
.justify {text-align: justify;}

/* - MOUSE - */
.pointer  {cursor: pointer}
.cur_auto {cursor: auto}

/* - COLORS - */
.white      {color: #ffffff;}
.black      {color: #000000;}
.darkgray   {color: #3a3a3a;}
.mediumgray {color: #606060;}
.lightgray  {color: #e2e2e2;}
.blue       {color: #1156CC;}

/* - TEXT STYLISE - */
.bold   {font-weight: bold;}
.italic {font-style: italic;}
.uline  {text-decoration: underline!important;}

.micro  {font-size: 8px;}
.small  {font-size: 10px;}
.medium {font-size: 11px;}
.normal {font-size: 12px;}
.bigger {font-size: 13px;}
.big    {font-size: 14px;}
.huge    {font-size: 18px;}

/* - LINKS STYLISE - */
.small_link:link,  .small_link:visited,  .small_link:active  {font-size: 10px;text-decoration: none;}
.medium_link:link, .medium_link:visited, .medium_link:active {font-size: 11px;text-decoration: none;}
.normal_link:link, .normal_link:visited, .normal_link:active {font-size: 12px;text-decoration: none;}
.bigger_link:link, .bigger_link:visited, .bigger_link:active {font-size: 13px;text-decoration: none;}
.big_link:link,    .big_link:visited,    .big_link:active    {font-size: 14px;text-decoration: none;}

/* - DIV ORDER - */
.float_left  {float: left;}
.float_right {float: right;}
.clebo       {clear: both; margin: 10px 0 10px 10px; display: inline-block;}

/* - MARGIN - PADDING - */
.padding_3  {padding:  3px;}
.padding_5  {padding:  5px;}
.padding_10 {padding: 10px;}
.padding_15 {padding: 15px;}

.margin_5  {margin:  5px;}
.margin_10 {margin: 10px;}
.margin_15 {margin: 15px;}

.b_space_tiny {padding-bottom:  3px;}
.b_space_med  {padding-bottom:  5px;}
.b_space_much {padding-bottom: 10px;}

.t_space_tiny {padding-top:  3px;} 
.t_space_med  {padding-top:  5px;}
.t_space_much {padding-top: 10px;}


body {
	background-color:#fbfbfb;
	background-image:url('../images/hatterkep.jpg');
	background-repeat:repeat-x;
}
form[name="arajanlatForm"] {
	font-size:12px;
	overflow: scroll !important;
}

td {
    font-size:12px;
}

#map {
    float:left;
    width:420px;
    height:200px;
    position:relative;
    border:1px #500b12 solid;
    text-align :center;
    margin-top:15px;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#index-01 {
	background-image:url('../images/index_01.jpg');
	position:relative;
	width:1025px;
	height:354px;
}

#index-02 {
	background-image:url('../images/index_02.jpg');
    background-repeat: no-repeat;
	width:1025px;
	min-height:305px;
	_height:305px;
}

#index-03 {
	background-image:url('../images/index_03.jpg');
	position:relative;
	width:1025px;
	height:52px;
}


/*kezdolap*/

#kezdolap-01 {
	text-align:left;
	background-image:url('../images/kezdolap_01.jpg');
	width:1025px;
	height:130px;
}

#kezdolap-02 {
	background-image:url('../images/repeat.jpg');
    /*background: #ff0000;*/
	position:relative;
	width:1025px;
	min-height:350px;
	_height:305px;
}

#kezdolap-02_nagy {
    background-image:url('../images/start_bg_nagy.jpg');
    position:relative;
    width:1025px;
    min-height:350px;
    _height:305px;
    z-index:1000;
}

#kezdolap-03 {
	background-image:url('../images/kezdolap_03.jpg');
	position:relative;
	width:1025px;
	height:52px;
    z-index:0;
}
#kezdolap-03_nagy {
    background-image:url('../images/kezdolap_03_nagy.jpg');
    position:relative;
    width:1025px;
    height:52px;
    z-index:0;
}


#belepes {
	width:100%;
	height:100%;
	padding-top:0px;
	margin-top:0px;
}

.panel {
	width:1025px;
	min-height:711px;
	_height:711px;
    background-image:url('../images/start_bg.jpg');
}

/*.panel_nagy {
    width:1025px;
    min-height:711px;
    _height:711px;
    background-image:url('../images/start_bg_nagy.jpg');
}*/

.focim {
	text-align:left;
	position:absolute;
	margin-left:90px;
	margin-top:9px;
	width:770px;
	height:20px;
	z-index:1;
}

.lablec_szoveg {
	color:#b2b2b2;
	padding-top:30px;
}

.arajanlat_gomb {
	position:absolute;
	background-image:url('../images/arajanlat_gomb.jpg');
	left:703px;
	top:26px;
	width:259px;
	height:51px;
	cursor:pointer;
}
.arajanlat_gomb2 {
    position:absolute;
    background-image:url('../images/arajanlat_gomb.jpg');
    margin-left:703px;
    margin-top:26px;
    width:259px;
    height:51px;
    cursor:pointer;
}

.logo {
	position:absolute;
	margin:12px 0 0 57px;
	width:290px;
	height:80px;
	cursor:pointer;
}

.menu_panel {
	position:absolute;
    width:181px;
	height:152px;
	top:92px;
	left:421px;
}

.nyitvatartas_panel {
	width:190px;
	height:94px;
	background-color:#f2f2f2;
	float:left;
    margin-top:10px;
}

.nyitvatartas_panel_02 {
	width:180px;
	height:94px;
	float:left;
    margin-left:18px;
	_margin-left:9px;
}

.nyitvatartas {
	margin-top:10px;
	color:#5b5b5b;
}

.kezdolap_szoveg {
	float:left;
	margin-top:10px;
	margin-left:20px;
	text-align:left;
	width:420px;
}

.elerhetosegek_panel {
	width:185px;
	height:140px;
	background-color:#f2f2f2;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

.elerhetosegek_panel_02 {
	width:180px;
	height:140px;
	float:left;
    margin-left:10px;
	_margin-left:5px;
}

/*gombok*/

.gomb {
	width:181px;
	height:28px;
	font-size:13px;
	text-align:center;
	padding-top:10px;
}

.gomb_over {
	background-image:url('../images/gomb_over.jpg');
	width:181px;
	height:28px;
	font-size:13px;
	text-align:center;
	padding-top:10px;
	color:white;
	cursor:pointer;
}

.gomb a {
    color: #5B5B5B;
    text-decoration: none;
}

.gomb_over a {
    color: #FFFFFF;
    text-decoration: none;
}

/*kezdolap_elemek*/

.tartalom_01 {
	background:url('../images/tartalom_01.jpg') no-repeat top;
	width:209px;
	height:529px;
	float:left;
    margin:0px;	
}

.tartalom_02 {
	text-align:left;
	position:relative;
	background:url('../images/tartalom_02.jpg') no-repeat top;
	width:604px;
	min-height:529px;
	_height:529px;
	float:left;	
}

.tartalom_02_nagy {
    text-align:left;
    position:relative;
    background:url('../images/tartalom_02_nagy.jpg') no-repeat top;
    width:1025px;
    min-height:529px;
    _height:529px;
    float:left;    
}

.tartalom_03 {
	position:relative;
	background:url('../images/tartalom_03.jpg') no-repeat top;
	width:212px;
	height:529px;
	float:right;	
}

.menu_kezdolap {
	width:604px;
	height:47px;
}

.gomb_02 {
	float:left;
	width:151px;
	height:27px;
	font-size:13px;
	text-align:center;
	padding-top:20px;
}

.gomb_02_over {
	float:left;
	background-image:url('../images/gomb_02_over.jpg');
	width:151px;
	height:27px;
	font-size:13px;
	text-align:center;
	padding-top:20px;
	color:white;
	cursor:pointer;
}

/*#the_tr input {
    height:12px;
    font-size:9px;
}

#rows_1 input {
    height:12px;
    font-size:9px;
}*/

#popup {
    position: absolute;
    margin-left:20px;
    border: 2px black solid;
    background: #bfd1f3;
    display:none;
    z-index:1000;
}

#rajz {
    background: white;
    width: 100%;
    max-width: 510px;
}

.rajz_in {
    border:1px black solid;
}

#egyediBar {
    /*background: #2c5aa0;*/
    background: #BFD1F3;
    height:25px;
}

.egyedibarbutt {
    margin-top:3px;
    height:16px;
    color:white;
    padding:3px 10px;
    font-size:11px;
    float:left;
    cursor:pointer;
    margin-left:5px;
    background: #2B5A9E; 
}

.egyedibarbutt_hl {
    margin-top:3px;
    height:16px;
    padding:3px 10px;
    font-size:11px;
    float:left;
    cursor:pointer;
    margin-left:5px;
    background: #ffffff;
}

#rendelesek td,#rendelesek th{border-bottom: 1px solid black}
#rendelesek td:nth-child(2),#rendelesek th:nth-child(2){
    border-left:1px solid black;
    border-right:1px solid black;
}

#rendelesek {
    padding:5px;
}

#rendelesek .uj{
    font-weight: bold;
}

#rendelesek .kesz{
    background:rgb(200,255,200);
}




#popup input,
#popup select,
form[name="arajanlatForm"] input,
form[name="arajanlatForm"] select {
	border: 1px black solid !important;
	padding: 0 !important;
	background-color: white !important;
	font-size: 13px !important;
}

#popup input[type="button"],
form[name="arajanlatForm"] input[type="button"] {
	color: black !important;
	background-color: rgb(239, 239, 239) !important;
	padding: 2px 8px !important;
}



.custom-top-table-first-column,
.custom-order-summary-top-first-column {
	width: 15% !important;
}
.custom-top-table-second-column,
.custom-order-summary-top-second-column {
	width: 30% !important;
}
.custom-top-table-third-column,
.custom-order-summary-top-third-column {
	width: 10% !important;
}
.custom-top-table-fourth-column,
.custom-order-summary-top-fourth-column {
	width: 20% !important;
}
.custom-top-table-fifth-column,
.custom-order-summary-top-fifth-column {
	width: 25% !important;
}
.custom-top-table-first-row input[type="text"],
.custom-top-table-row input[type="text"] {
	width: 100% !important;
}
.custom-top-table-row label {
	display: block !important;
}

.custom-bottom-tables-row table td input[type="text"],
.custom-bottom-tables-row table td input[type="number"] {
	width: 100% !important;
}
.custom-bottom-tables-row table td input[type="number"]::-webkit-outer-spin-button,
.custom-bottom-tables-row table td input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}
.custom-bottom-tables-row table td input[type="number"] {
	appearance: auto !important;
	-moz-appearance: textfield !important;
}


@media only screen and (min-width: 951px) {
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(1) {
		width: 2% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(2) {
		width: 10% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(2) input {
		min-width: 78px !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(3) {
		width: 18% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(4) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(4) input {
		min-width: 43px !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(5) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(5) input {
		min-width: 43px !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(6) {
		width: 4% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(6) input {
		min-width: 31px !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(7) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(8) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(9) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(10) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(11) {
		width: 9% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(11) input {
		min-width: 71px !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(12) {
		width: 9% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(12) input {
		min-width: 64px !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(13) {
		width: 5% !important;
	}
	.custom-bottom-tables-row .custom-bottom-table-row td:nth-of-type(14) {
		width: 13% !important;
	}
}

.custom-file-label {
	width: max-content;
	display: inline-block;
	border: 1px solid black;
    padding: 3px 5px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.custom-file-label:hover {
	background-color: #f0f0f0;
}
.custom-filename {
	max-width: 100px;
}
.custom-row-even {
	background-color: #eee;
}

/*
@media only screen and (max-width: 950px) {
	.custom-bottom-table-head.custom-bottom-table-row {
		display: none !important;
	}
	.custom-bottom-table-row {
		display: flex !important;
		flex-direction: column !important;
	}
	.custom-bottom-table-row td {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: 125px auto !important;
		grid-column-gap: 10px !important;
		align-items: center !important;
	}
	.custom-bottom-table-row td input {
		height: fit-content !important;
	}
	.custom-bottom-table-row td::before {
		font-weight: bold !important;
	}
	.custom-bottom-table-row td:nth-of-type(2)::before {
		content: 'Megnevezés (pl. Oldaltető)';
	}
	.custom-bottom-table-row td:nth-of-type(3)::before {
		content: 'Anyag';
	}
	.custom-bottom-table-row td:nth-of-type(4)::before {
		content: 'Hossz. (mm)*';
	}
	.custom-bottom-table-row td:nth-of-type(5)::before {
		content: 'Szél. (mm)*';
	}
	.custom-bottom-table-row td:nth-of-type(6)::before {
		content: 'Db. *';
	}
	.custom-bottom-table-row td:nth-of-type(7)::before {
		content: 'He (hosszú első)';
	}
	.custom-bottom-table-row td:nth-of-type(8)::before {
		content: 'Hh (hosszú hátsó)';
	}
	.custom-bottom-table-row td:nth-of-type(9)::before {
		content: 'Kb (kereszt bal)';
	}
	.custom-bottom-table-row td:nth-of-type(10)::before {
		content: 'Kj (kereszt jobb)';
	}
	.custom-bottom-table-row td:nth-of-type(11)::before {
		content: 'Megjegyzés';
	}
	.custom-bottom-table-row td:nth-of-type(12)::before {
		content: 'Élanyag szín (ha nem egyezik az anyag színével)';
	}
	.custom-bottom-table-row td:nth-of-type(13)::before {
		content: 'Spec.';
	}
	.custom-bottom-table-row td:nth-of-type(14)::before {
		content: 'Fájl feltöltés';
	}
}
*/

.custom-order-summary-top-row-mobile,
.custom-order-summary-bottom-row-mobile {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	.custom-bottom-tables-row td {
		white-space: nowrap !important;
	}
	.custom-material-select {
		width: fit-content !important;
	}

	#popup {
		margin: 0 !important;
		width: calc(100vw - 48px) !important;
	}
	.custom-popup-table-row {
		display: grid !important;
    	grid-template-columns: 50px 1fr 50px 2fr !important;
	}
	.custom-popup-table-heading {
		grid-column: 1 / 3 !important;
	}
	.custom-popup-table-radio {
		display: flex !important;
    	justify-content: center !important;
	}
	.custom-popup-table-hidden {
		display: none !important;
	}
	.custom-popup-table-custom label {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		width: fit-content !important;
	}
	.custom-popup-table-custom label[for="fokvagas"]::after {
		content: '(fokvágás)';
	}
	.custom-popup-table-custom label[for="egyedi"]::after {
		content: '(egyedi)';
	}

	/*
	.custom-order-summary-top-row-mobile,
	.custom-order-summary-bottom-row-mobile {
		display: block !important;
	}
	.custom-order-summary-top-row,
	.custom-order-summary-bottom-row {
		display: none !important;
	}
	.custom-order-summary-top-row-mobile td,
	.custom-order-summary-bottom-row-mobile td {
		width: 100% !important;
        display: grid !important;
        grid-template-columns: 125px auto !important;
        grid-column-gap: 10px !important;
        align-items: center !important;
	}

	.custom-order-summary-middle-table {
		border: 0 !important;
		margin: 0 !important;
	}
	*/

	/*
	.custom-order-summary-middle-row {
		display: none !important;
	}
	.custom-order-summary-middle-row-mobile {
		display: flex !important;
        flex-direction: column !important;
		margin-bottom: 1.5rem !important;
	}
	.custom-order-summary-middle-row-mobile:last-of-type {
		margin: 0 !important;
	}
	.custom-order-summary-middle-row-mobile:nth-of-type(odd) {
		background-color: #eee !important;
	}
	.custom-order-summary-middle-row-mobile td {
		width: 100% !important;
        display: grid !important;
        grid-template-columns: 125px auto !important;
        grid-column-gap: 10px !important;
        align-items: center !important;
		border-left-width: 1px !important;
	}
	.custom-order-summary-middle-row-mobile td:first-of-type {
		border-top-width: 1px !important;
	}
	.custom-order-summary-middle-row-mobile td::before {
		font-weight: bold !important;
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(2)::before {
		content: 'Megnevezés';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(3)::before {
		content: 'Anyag';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(4)::before {
		content: 'Hossz. (mm)*';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(5)::before {
		content: 'Szél. (mm)*';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(6)::before {
		content: 'Db. *';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(7)::before {
		content: 'He';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(8)::before {
		content: 'Hh';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(9)::before {
		content: 'Kb';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(10)::before {
		content: 'Kj';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(11)::before {
		content: 'Megjegyzés';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(12)::before {
		content: 'Élanyag szín';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(13)::before {
		content: 'Spec.';
	}
	.custom-order-summary-middle-row-mobile td:nth-of-type(14)::before {
		content: 'Fájl feltöltés';
	}
	*/
}

.custom-top-table-row-mobile {
	display: none;
}

/*
@media only screen and (max-width: 550px) {
	.custom-top-table-first-row td,
	.custom-top-table-row td {
		display: none !important;
	}
	.custom-top-table-row-mobile {
		display: block;
	}
	td.custom-top-table-mobile-visible,
	.custom-top-table-row-mobile td {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: 125px auto !important;
		grid-column-gap: 10px !important;
		align-items: center !important;
	}
	td.custom-top-table-mobile-visible.custom-top-table-mobile-visible-1::before {
		content: 'Megrendelő neve:*';
		font-weight: bold;
	}
	td.custom-top-table-mobile-visible.custom-top-table-mobile-visible-2::before {
		content: 'Megrendelő címe:*';
	}
	td.custom-top-table-mobile-visible.custom-top-table-mobile-visible-3::before {
		content: 'Telefonszáma:*';
	}
	td.custom-top-table-mobile-visible.custom-top-table-mobile-visible-4::before {
		content: 'E-mail címe:*';
	}
	td.custom-top-table-mobile-visible.custom-top-table-mobile-visible-5::before {
		content: 'Megrendelés típusa:*';
		grid-row: 1 / 3;
	}
	td.custom-top-table-mobile-visible.custom-top-table-mobile-visible-6::before {
		content: 'Megjegyzés:';
	}
	label[for="inTipus_whole"] {
		grid-column: 2 / 3;
	}
}
*/

form[name="meretekForm"] {
	position: relative !important;
}