.filterBox.size-swacthes .widget-content .swacth-btn2{ margin:0 5px 5px 0; line-height:32px; border:1px solid #cdcfd3; }
.filterBox.size-swacthes .widget-content .swacth-btn2.checked{ border-color:#000000; }

.filterBox .filter-color .swacth-btn2 { display:block; float:left; margin-bottom:5px; position:relative; height:24px; width:34px; border:1px solid transparent; background-color:#f8f8f8; border-radius:3px; margin-right:5px; text-align:center; font-size:10px; line-height:21px; color:#000000; cursor:pointer; }
.filterBox .filter-color .swacth-btn2.checked { border-width:1px; border-color:#000000; }

.size-swacthes .swacth-list .swacth-btn2:after,
.filterBox .filter-color .swacth-btn2:after { content:''; border-style:solid; border-width:0 0 2px 2px; border-color:transparent transparent #000000 #000000; width:12px; height:7px; position:absolute; top:50%; left:0; right:0; margin:-5px auto auto; opacity:0; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); -webkit-transition:transform 0.3s linear, opacity 0.3s linear; transition:transform 0.3s linear, opacity 0.3s linear; }
.size-swacthes .swacth-list .swacth-btn2.checked:after,
.filterBox .filter-color .swacth-btn2.checked:after { opacity:1; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); color:#6d6d6d; z-index:2; }
.size-swacthes .swacth-list .swacth-btn2.checked:before,
.filterBox .filter-color .swacth-btn2.checked:before { content:''; background:rgba(255,255,255,0.5); display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }




/* Size Swacthes */
.size-swacthes .swacth-list .swacth-btn2 { font-size:12px; display:block; margin-bottom:2px; width:34px; height:34px; line-height:32px; }




.disabled {  
	cursor: not-allowed !important;
}	

.nodisplay{
	display:none;
}

.fs-08{
	font-size:.8em !Important;
}

.fs-09{
	font-size:.9em !important;
}

.fs-1{
	font-size:1.0em !important;
}

.fs-11{
	font-size:1.1em;
}

.fs-13{
	font-size:1.3em;
}

.fs-15{
	font-size:1.5em;
}

.fs-60p{
	font-size:60px !important;
}

.dred{
    color: #ae2500 !important;
}

.text-green{
	color: #048b1d !important;
}

.text-blue{
	color: #17a2b8 !important;
}



.text-red-dark {
  color: #d0021b !important; 
}

.errclass{
	border:1px solid #ff0000 !important;
	background:#fde0e0 !important;
}

.disabled {  
  cursor: not-allowed !important;
}	

.nocapitalize{
	text-transform: none !important;
}


.lblstockon{
	background:#83cc52;
	color:#fff;
}

.lblstockoff{
	background:#ef2727;
	color:#fff;
}

.zinpricered{
	color:#d30171;
}


/*ckeditorstiles*/
img.right
{	
	float: right;
	margin-left: 15px !important;
	padding: 5px;
}

img.left {
	float: left;
	margin-right: 15px !important;
	padding: 5px;
}

.img-responsive{
	max-width:100% !important;
}

/*placeholdertotop*/
.input-container {
    position: relative;
    margin-top: 20px;
}

.floating-input {
    border: 1px solid #ccc; /* Ez a szegély marad kattintáskor is */
    padding: 10px 10px 10px 5px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    outline: none; /* Különösen fontos, hogy ne legyen kék kontúr fókusz esetén */
}

.floating-label {
    position: absolute;
    top: 85%;
    left: 0px;
    font-size: 13px;
    color: #aaa;
    pointer-events: none;
    transition: 0.2s ease all;
    transform: translateY(-92%);
	/*background:#fff;	*/
	padding: 4px 4px 4px 4px;
}

/* Csak a label pozíciója és színe változik, az input border-e nem */
.floating-input:focus + .floating-label,
.floating-input:not(:placeholder-shown) + .floating-label {
    top: 0;
    font-size: 11px;
    color: #777;
	border: 1px solid #ddd; /* Ez a szegély marad kattintáskor is */
	border-bottom:0px;
	
}

.regselect{border:1px solid #ccc}

.pwshw{
	margin-left:-25px; width:40px; height:40px;
}

@media (max-width: 768px) {
	.pwshw{ margin-top:-70px;float:right; height:35px;}
	
}


/*placeholdertotop*/

.fixed-select {
	width: 200px;
}


.header-5 #AccessibleNav
 {
    background: #000000;
	
}


.typeahead.dropdown-menu {
    font-size: 12px; /* Adjust this value to your desired size */
}

/* If your suggestions are within <li> or <a> tags inside the list, you might need to target those as well */
.typeahead.dropdown-menu li {
    font-size: 12px; /* Ensures list items also inherit the size */
}

.typeahead.dropdown-menu li a {
    font-size: 12px; /* Ensures the clickable links also inherit the size */
}

.typeahead.dropdown-menu { /* Or whatever the class name for your suggestions list is */
    position: absolute; /* Ensure it's positioned */
    z-index: 10000; /* Set a very high z-index value */
}



.stickyNav .site-header__search { display: none; }


.size-swacthes .swacth-list .swacth-btn:after,
.filterBox .filter-color .swacth-btn:after {
  content: ''; /* Keep this as it is, we'll hide it later for the checked state */
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent #000000 #000000;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -5px auto auto;
  opacity: 0;
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
  -webkit-transition: transform 0.3s linear, opacity 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s linear;
}

.size-swacthes .swacth-list .swacth-btn.checked:after,
.filterBox .filter-color .swacth-btn.checked:after {
  opacity: 0; /* This hides the checkmark */
}

.size-swacthes .swacth-list .swacth-btn.checked, /* Select the button itself for text color */
.filterBox .filter-color .swacth-btn.checked {
  color: #FFFFFF; /* White text */
  background-color: #83cc52; /* Green background */
}

.size-swacthes .swacth-list .swacth-btn.checked:before,
.filterBox .filter-color .swacth-btn.checked:before {
  content: '';
  background: transparent; /* Remove the semi-transparent white background */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}