/*
	Szürke szöveg szín:		#263238
	Kék keret és háttér:	#1dafed
	Kékes szürke: 			#546e7a
	Input keretek:			#cfd8dc;

*/
body {
	background-color:#eceff1;
	font-family:'Roboto', sans-serif;
	color:#263238;
}
a { font-family:'Roboto', sans-serif; color:#263238; text-decoration: none !important; }
a:hover { color:#1dafed; }
p, span { 	font-family:'Roboto', sans-serif; }
h1 { font-weight:900; font-size:24px; line-height:48px; margin:0px; text-transform:uppercase; }
h2 { font-weight:900; font-size:20px; line-height:48px; text-transform:uppercase; margin:0px; margin-bottom:-20px; padding:0px; }
h3 { font-weight:400; font-size:24px; line-height:48px; margin:0px; margin-bottom:-10px; padding:0px; }
hr { margin-top:20px; margin-bottom:15px; }
.blue { color:#1dafed; } 

.newtRow { padding:10px 0px; }
@media only screen and (max-width : 729px) {
	h1 { margin:0px; padding:0px; margin-left:20px !important; }
	h2 { margin-left:20px !important; }
	h3 { margin-left:20px !important; }
	.col-lg-6, .col-md-4, .col-md-8, .col-md-12 { padding:0px; }
	.nextRow { margin-top:-20px !important; }
}
.kpText { color:#FFF500;font-weight:600; }
.noQty { color:#ff0000;font-weight:600; }
.checkQty { white-space: nowrap; padding-left:10px !important; padding-right:10px !important; }
#datatables_length { display:none; }

#datatables_previous, #datatables_next { margin:10px auto 10px !important; text-align:center !important; font-weight:400 !important; font-size:14px !important; color:#1dafed !important; text-transform:uppercase !important; background-color:#ffffff !important; border-radius:50px !important; border:1px solid #cfd8dc !important; cursor:pointer; }
#datatables_previous:hover, #datatables_next:hover { color:#ffffff !important; background:none !important; background-color:#1dafed !important; border:1px solid #1dafed !important; font-weight:600 !important; }
#datatables_paginate > span > .current, #datatables_paginate > span > a:hover { margin:10px 0 10px 2px !important; text-align:center !important; font-weight:600 !important; background:none !important; font-size:14px !important; color:#ffffff !important; text-transform:uppercase !important; background-color:#1dafed !important; border-radius:50px !important; border:1px solid #1dafed !important; cursor:pointer; }

.dataTables_wrapper .dataTables_paginate { padding: 0.3em 1em !important; }

.headerContainer { width:100%; height:80px; margin-top:0px; background-color:#ffffff;
					-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25); }
.headerContainer > .container > .row > div { float:left; height:80px; margin:0 25px; }
.headerContainer > .container > .row > div:nth-child(1) { margin:0px 140px 0px 0px; }
.headerContainer > .container > .row > div:nth-child(2):hover, 
.headerContainer > .container > .row > div:nth-child(3):hover, 
.headerContainer > .container > .row > div:nth-child(4):hover { border-bottom:8px solid #1dafed; }
.headerContainer > .container > .row > div.active:nth-child(2), 
.headerContainer > .container > .row > div.active:nth-child(3), 
.headerContainer > .container > .row > div.active:nth-child(4) { border-bottom:8px solid #1dafed; }
.headerContainer > .container > .row > div > a > img { width:150px; padding-top:23px; }
.headerContainer > .container > .row > div > a { font-size:18px; color:#263238; line-height:80px; }
.headerContainer > .container > .row > div:nth-child(5) { float:right; }
.headerContainer > .container > .row > div:nth-child(5) > a { font-size:16px; font-weight:600; }
.headerContainer > .container > .row > div:nth-child(5) > a > i { color:#1dafed; font-size:28px; margin-left:10px; vertical-align:-3px; }
@media only screen and (max-width : 729px) {
	.headerContainer { height:100px; }
	.headerContainer > .container > .row > div { height:35px; }
	.headerContainer > .container > .row > div > a > img { width:150px; padding-top:17px; padding-left:24px; }
	.headerContainer > .container > .row > div:nth-child(1) { clear:both; margin:-35px 100px 0px 0px; }
	.headerContainer > .container > .row > div:nth-child(2), 
	.headerContainer > .container > .row > div:nth-child(3), 
	.headerContainer > .container > .row > div:nth-child(4) { width:33.33333%; height:48px; border-top:1px solid #cfd8dc; margin:20px 0px 0px; text-align:center; }
	.headerContainer > .container > .row > div > a { font-size:14px; color:#263238; line-height:50px; }
	.headerContainer > .container > .row > div:nth-child(5) { display:none; }
}


/* Menu */
.menuDetailsTDiv { display:none; padding:0px; background-color:transparent; position:absolute; }
.menuDetailsDiv { display:none; padding:10px 10px 10px 10px; position:absolute; background-color:transparent !important; }
.menuDetailsDiv > ul { list-style:none; margin:0px; padding:0px; background-color:#ffffff; float:left; }
.menuDetailsDiv > ul > a > li { width:180px; height:60px; padding:22px 20px 5px 20px; color:#263238; font-weight:100; font-size:14px; }
.menuDetailsDiv > ul > a:nth-child(4) > li { background-color:#546e7a; color:#ffffff; }
.menuDetailsDiv > ul > a > li:hover { background-color:#1dafed; color:#ffffff; font-weight:600; }
.menuDetailsDiv > ul > a > li > i {	font-weight:100; font-size:14px; margin-right:13px; vertical-align:0px; }



.shadowContainer {  background-color:#ffffff; padding:20px 30px; margin:20px 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); }
.loginContainer { margin-top:20px; padding:40px 80px; }


.chatContainer { margin-top:80px; text-align:center; font-size:24px; }
.chatContainer > span { font-size:14px; font-weight:100; }
.chatContainer > a > .grayButton { width:60%; }


.breadcrumbtext, .breadcrumbtext > a { color:#546e7a; font-size:12px; margin:30px 0px 0px; }
@media only screen and (max-width : 729px) {
	.breadcrumbtext, .breadcrumbtext > a { margin-left:10px !important; }
}


.formTitle { text-align:left; margin-top:25px; font-weight:400; font-size:16px; }
.orderInput { width:100%; height:55px; padding: 0px 3%; margin: 15px 0px 5px; font-size: 16px; font-weight:300; color: #37474f; border:1px solid #cfd8dc; outline: medium none; }
.orderInputAlert { border: 1px solid #f6695e; color:#f22929; background-image: url("../../../../images/alertIcon.png"); background-attachment: scroll; background-position: 96% 50%; background-repeat: no-repeat; background-size: 23px 30px; }
.orderInputAlertText { color:#f6695e; font-size:14px; margin-top:0px; margin-bottom:-24px; display:none; text-align:right; }
.showLoginPasswordLabel { float:left; color:#b0bdc4; font-weight:300; margin-top:-2px; }
.lostPassword { float:left; color:#1dafed; }
.loginButton { max-width:200px; height:50px; margin:30px auto 30px; text-align:center; padding:10px 0px; font-weight:600; font-size:18px; color:#ffffff; background-color:#1dafed; border-radius:50px; border:1px solid transparent; cursor:pointer; }
.loginButton:hover { color:#1dafed; background-color:#ffffff; border:1px solid #cfd8dc; }
@media only screen and (max-width : 729px) {
	.loginContainer { padding:20px 30px; margin-top:0px; }
	
	.formTitle { margin-top:5px; }
	.orderInput { height:45px; padding: 0px 3%; margin: 5px 0px 20px; }
	.orderInputAlertText { margin-top:-14px; margin-bottom:-10px; }
}

.balanceContainer { padding:40px 80px; }
.balanceIframeContainer { text-align:right; }
@media only screen and (max-width : 729px) {
	.balanceContainer { padding:20px 30px; }
	.balanceIframeContainer { text-align:center; margin-top:20px; }
}

.mainpageInfo { font-size:24px; line-height:32px; font-weight:600; }
.mainpageInfo > span { font-size:20px; line-height:24px; font-weight:100; color:#98abb4; }
.mainpage3Info, .mainpage3Info > a { font-size:24px; line-height:64px; font-weight:600; }
@media only screen and (max-width : 729px) {
	.mainpage3Info, .mainpage3Info > a { font-size:18px; } 
}



.profilContainer { padding:40px; }
/*.profilBalanceIframeContainer { text-align:right; }*/
@media only screen and (max-width : 729px) {
	.profilBalanceContainer { padding:20px 30px; }
	.profilBalanceIframeContainer { text-align:center; margin-top:20px; }
}

.profilInfo { min-height:360px; border-right:1px solid #cfd8dc; }
.profilBalanceContainer { font-size:18px; line-height:28px; font-weight:600; }

.profilInfo strong, .profilBalanceContainer strong { font-size:20px; line-height:28px; font-weight:600; }
.profilInfo span, .profilBalanceContainer span { font-size:16px; line-height:20px; font-weight:100; color:#98abb4; }

@media only screen and (max-width : 729px) {
	.profilInfo { min-height:360px; border-bottom:1px solid #cfd8dc; border-right:none; }
}



.blueButton { width:100%; /*height:42px;*/ margin:10px auto 10px; text-align:center; padding:10px 0px; font-weight:400; font-size:14px; color:#1dafed; text-transform:uppercase; background-color:#ffffff; border-radius:50px; border:1px solid #cfd8dc; cursor:pointer; }
.blueButton:hover, .blueButton.active { color:#ffffff; background-color:#1dafed; border:1px solid #1dafed; font-weight:600; }
.blueButton.active:hover { color:#1dafed; background-color:#ffffff; border:1px solid #cfd8dc; font-weight:400; }

.grayButton { width:100%; /*height:42px;*/ margin:10px auto 10px; text-align:center; padding:10px 0px; font-weight:400; font-size:14px; color:#1dafed; text-transform:uppercase; border-radius:50px; border:1px solid #cfd8dc; cursor:pointer; }
.grayButton > i { padding-left:10px; font-size:16px; }
.grayButton:hover { color:#ffffff; background-color:#1dafed; border:1px solid #1dafed; }

.searchIconContainer { 	width:50px; height:47px; float:right; position:relative; z-index:1000; border-left:1px solid #cfd8dc; margin-top:-56px; text-align:center; padding-top:9px; }
.searchIconContainer > span { font-size:16px; color:#cfd8dc; }
.searchTextInfo, .cartSumDetials { color:#263238; font-size:16px; font-weight:100; }
@media only screen and (max-width : 729px) {
	.searchIconContainer { 	height:37px; margin-top:-46px; padding-top:3px; }
}

.cartSumDetials { cursor:pointer; }
.cartSumDetials > i { color:#1dafed; font-size:20px; font-weight:100; }
#cartDetailsInfo { font-size:14px; font-weight:100; }
#tableSearch { border: 1px solid #cfd8dc; color:#9aa2a5; margin: 35px 0px 5px; }

#datatables { max-width:1140px !important; }
#datatables th { color:#263238; font-weight:100; text-align:center; }
table.dataTable, table.dataTable th, table.dataTable td { font-size:16px; } 
/*#datatables td { font-size:16px; font-weight:400; text-align:left; }*/
table.dataTable thead th, table.dataTable { border-bottom:1px solid #cccccc !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.termekrendeles-details-control::before { top:50px !important; left:15px !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.kosar-details-control::before { top:15px !important; left:15px !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.jovahagyas-details-control::before { top:15px !important; left:15px !important; }


table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	color: #90a4ae !important;
	border: none !important;
	box-shadow: none !important;
	background: none !important;
	font-size:40px;
}

.productTableContainer { padding:10px 0px 0px !important; min-height:300px; }
@media only screen and (max-width : 729px) {
	.productListContainer { margin-top:-10px; }
}

.moreInfo { color:#1dafed; font-weight:bold; }
.odd { background-color:#f5f6f8 !important; }
.mennyisegContainer { width:122px; height:40px; margin:10px auto 10px; padding:10px 0px; background-color:#ffffff; border-radius:50px; border:1px solid #cfd8dc; }
.minusMennyisegContainer { width:30px; height:30px; float:left; font-weight:600; font-size:18px; color:#1dafed; text-align:center; margin-top:-6px; padding-left:5px; cursor:pointer; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.mennyiseg { width:60px; height:30px; float:left; padding: 0px 3%; margin: -5px 0px 5px; font-size: 16px; text-align:center; font-weight:300; border:1px solid #cfd8dc; border-top:1px solid transparent; border-bottom:1px solid transparent; outline: medium none; }
.plusMennyisegContainer { width:30px; height:30px; float:left; font-weight:600; font-size:18px; color:#1dafed; text-align:center; margin-top:-6px; cursor:pointer; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

.cartButton { width:40px; height:40px; margin:10px auto 10px; text-align:center; padding:10px 0px; font-weight:400; font-size:22px; color:#cfd8dc; text-transform:uppercase; background-color:#ffffff; border-radius:50px; border:1px solid #cfd8dc; cursor:pointer; }
.cartButton:hover { color:#ffffff; background-color:#1dafed; border:1px solid #1dafed; font-weight:600; }

.cartIconsContainer { padding:60px 30px 10px; }
.cartIcons { height:85px; background-position:top center; background-repeat:no-repeat; }
.cartText { text-align:center; font-size:12px; color:#b0bec5; }
@media only screen and (max-width : 729px) {
	.cartIconsContainer { padding:10px 30px 10px; }
}

.rotate{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

.rotate.rotating{
    -moz-transform:rotate(1800deg);
    -webkit-transform:rotate(1800deg);
    transform:rotate(1800deg);
}


ul.customRadio { list-style: none; margin: 0; padding: 0; overflow: auto; }
ul.customRadio li { width: 20%; height: 90px; display: block; position: relative; float: left; margin-left:10%; }
@media only screen and (max-width : 729px) {
	ul.customRadio li { margin-left:5%; }
}
ul.customRadio li input[type=radio] { position: absolute; visibility: hidden; }
ul.customRadio li label { font-family:'Roboto', sans-serif; font-weight:100; height: 24px; display: block; position: relative; font-size: 12px; line-height:24px; padding: 50px 25px 0px 10px; margin: 0px -22px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; -webkit-box-sizing:unset; -moz-box-sizing:unset; box-sizing:unset; }
/*ul.customRadio li:hover label { color: #FFFFFF; }*/
ul.customRadio li .check { height: 20px; width: 20px; display: block; position: absolute; top: 30px; left: 0px; z-index: 5;
				border: 2px solid #cccccc; background-color:#ffffff; border-radius: 100%; transition: border .25s linear; -webkit-transition: border .25s linear; }
/*ul li:hover .check { background-color:#555555; border: 5px solid #FFFFFF; }*/
ul.customRadio li .check::before { display: block; background: #555555; position: absolute; content: ''; border-radius: 100%; margin: auto;	transition: background 0.25s linear; -webkit-transition: background 0.25s linear; 
/*	height: 15px;
	width: 15px;
	top: 5px;
	left: 5px;*/
}
ul.customRadio span { font-size:16px; line-height:24px; font-weight:100; color:#263238; }
input[type=radio]:checked ~ .check { border: 2px solid #cccccc; background: #1dafed; }
/*input[type=radio]:checked ~ .check::before { background: #ff0000; }*/
/*input[type=radio]:checked ~ label { color: #ffffff; }*/

.addresslinesContainer { padding:0px; }
.addresslines { padding:20px 30px; margin:0px; }
.addresslines:nth-of-type(even) { background-color: #ffffff; }
.addresslines:nth-of-type(odd) { background-color: #f5f7f8; }

#orderDesc { width:100%; height:150px; margin:20px 0px; padding:20px; border: none; } 
.mennyiseg[disabled]{ background-color:#ffffff; }
#orderDesc[disabled]{ background-color:#ffffff; }

.thanksContainer { margin-top:80px; padding:50px 0px; text-align:center; font-size:32px; font-weight:600; }
.thanksContainer > span { font-size:16px; font-weight:100; color:#90a4ae; }
.thanksContainer > a { font-size:14px; font-weight:100; color:#90a4ae; }
.thanksContainer > a > .blueButton { width:40%; }

.mediaanyagokContainer { padding:0px; margin-bottom:0px; max-width:380px; }
.mediaanyagokContainer > a > img { width:100%; max-width:380px; margin:0px auto; display:table; }

.mediaSearch > form > #tableSearch { margin: 15px 0px 5px;}
.mediaSearch > form > .orderInput { height:40px; margin: 15px 0px 5px; }
.mediaSearch > .searchIconContainer { height:32px; margin-top:-40px; padding-top:5px; }
.mediaSearch > .searchIconContainer > i { font-size:20px; color:#cfd8dc; }



.productCategoryContainer { color:#546e7a; font-size:18px; }
.productCategoryContainer > div { background-color:#ffffff; text-align:center; padding:15px; /*padding:10px 0px 30px 0px;*/ margin:0px; border:2px solid #eceff1; box-sizing:border-box; }
.productCategoryContainer > div:hover { -webkit-box-shadow: 0px 5px 20px 10px rgba(186,188,190,1); -moz-box-shadow: 0px 5px 20px 10px rgba(186,188,190,1); box-shadow: 0px 5px 20px 10px rgba(186,188,190,1); z-index:2000; }
@media only screen and (max-width : 729px) {
	.productCategoryContainer { font-size:14px; line-height:18px; }
	.productCategoryContainer > div { min-height:150px; }
	.productCategoryContainer > div > img { width:80%; }
}

.productVariantConteiner i { font-size:36px; color:#1dafed; font-weight:100; vertical-align:-6px; }
.productVariantConteiner > .blueButton { max-width:300px; margin-left:0px; }
.productVariantConteiner > .productVariantList > a { color:#546e7a; font-size:16px; font-weight:100; }
.productVariantConteiner > .productVariantList > a.active { font-weight:bold; } 

.productImageContainer { text-align:center; }
#productImage { width:100%; max-width:600px; }

@media only screen and (max-width : 729px) {
	.productVariantList { float:left; }
	.productVariantConteiner > .blueButton:first-of-type { float:none; width:200px; margin-top:80px; }
	.productVariantConteiner > .blueButton { float:right; width:150px; margin-top:-20px; }
	.productVariantConteiner > hr { clear:both; }
	#productImage2 { max-width:200px; margin-top:-80px; float:right; }
	#productImage2:after { clear:both; }
}


.newsletterContainer > div { text-align:center; padding-top:50px; color:#546e7a; font-weight:100; }
.newsletterContainer > div > strong { font-size:32px; font-weight:600; color:#37474f; }

.footerContainer { width:100%; min-height:100px; background-color:#292828; }
.footerContainer > .container > .row > div { padding:40px; font-size:12px; color:#acacac; }
.footerContainer > .container > .row > div > a { color:#acacac; font-size:12px; }
@media only screen and (max-width : 729px) {
	.footerContainer { padding:30px 0px; }
	.footerContainer > .container > .row > div { text-align:center; padding:20px; font-size:16px; }
	.footerContainer > .container > .row > div > a { color:#acacac; font-size:16px; }
}




#my-dropzone, #my-dropzone2 {
	width:100%; min-height:100px;border-style:dashed; background-color:#f5f5f5; padding-top:50px;
	background-image:url(../../images/drag-and-drop.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#dropzone, #dropzone2 { margin:0px 0px; }