/****************************** BUTTONS ***********************************/
button{
	padding: 5px 8px;
    border-radius: 2px;
    border: none;
    color: #fff;
    background: var(--main-bg-color);
    cursor: pointer;
    text-transform: uppercase;
}

button.small{
	padding: 3px 6px;
	font-size: 12px;
}

button:hover{
	
}

button.red{
	background: red;
}

button.green{
	background: green;
}

button.grey{
	background: grey;
}

button:hover{
	-webkit-filter: contrast(70%);
}

button:focus,
select:focus{
	outline: none
} 


input[type="checkbox"]{
	border:1px solid #dedede;
	border-radius: 2px;
	background: #fff;
	width: 16px;
	height: 16px;
	margin: 0px;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}

input[type="checkbox"]:active,
input[type="checkbox"]:focus{
	background: #ccc;
}

input[type="checkbox"]:checked{
	background: url('data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjM2MSAxNzIgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSJub25lIiBmaWxsPSIjNEY5N0Y3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjM2MSIgeT0iMTcyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjwvcmVjdD4NCiAgICA8cG9seWxpbmUgaWQ9IkxpbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBmaWxsPSJub25lIiBwb2ludHM9IjM2NiAxODIuNjg0NzkxIDM2OS40OTY2MDQgMTg2LjExMTY3MyAzNzUuNjA4Mjc2IDE3OCI+PC9wb2x5bGluZT4NCjwvc3ZnPg==');
	background-size: 16px 16px;
	border:none;
	overflow: hidden;
}


input[type="radio"]{
	border:1px solid #dedede;
	border-radius: 8px;
	background: #fff;
	width: 16px;
	height: 16px;
	margin: 0px;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}

input[type="radio"]:active,
input[type="radio"]:focus{
	background: #ccc;
}


input[type="radio"]:checked{
	background:#1690FF url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCiAgICA8L2c+DQo8L3N2Zz4=');
/* 	background: url('data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjM2MiAyNzEgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSJub25lIiBmaWxsPSIjNEY5N0Y3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjM2MiIgeT0iMjcxIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxMCI+PC9yZWN0Pg0KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc3Ryb2tlPSJub25lIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjM2OCIgeT0iMjc3IiB3aWR0aD0iOCIgaGVpZ2h0PSI4IiByeD0iNCI+PC9yZWN0Pg0KPC9zdmc+'); */
	background-size: 6px 6px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

textarea.required,
form input[type='text'].required,
form input[type='number'].required,
form input[type='datetime-local'].required,
form input[type='date'].required,
form input[type='time'].required,
form input[type='password'].required,
select.required{
	border: 1px solid lightcoral;
}



/****************************** SEARCH ***********************************/
.searchFrm{
	position:absolute; 
	left: 50%; 
	top:4px; 
	width: 250px;
	height: auto;
	margin: 0px -125px;
}

.searchFrm input[type=text]{
	width: 100%;
	height: 24px;
	border-radius: 2px;
	border: none;
	padding: 0px;
	text-indent: 8px;
	font: 12px Arial, san-serif;
	background: #fff url(../img/buscar.png) no-repeat right 5px center
}


.searchFrm input[type=text]:focus{
	background-color:#FFC;
	outline:none;
}

.searchFrm select {
	width: 100%;
	height: 24px;
	border: none;
	border-radius: 2px;
	padding: 0px;
	text-indent: 8px;
	font: 12px Arial, 'san-serif';
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff url(../img/arrowDown.png) no-repeat right 5px top 3px;
}

.searchFrm select:focus{
	background-color:#FFC;
	outline:none;
}

/****************************** COMMON FORM ***********************************/

form{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	padding:0px;
	margin: 0px;
}

form p{
	position:relative;
	display:block;
	width: 100%;
	height:auto;
	padding:0px;
	margin:5px auto;
}

form fieldset{
	position:relative;
	display:block;
	width: calc(100% - 2px);
	height:auto;
	min-height:50px;
	margin:5px 0px;
	padding: 5px 0px;
	border:1px solid #CECFD3;
	border-radius: 2px;
	background:#E7E7E7;
}

form fieldset.closed{
    height: 16px;
    min-height: auto;
    overflow: hidden;
}

form fieldset legend{
	position:relative;
	margin:0px 6px;
	padding:0px 4px;
	display:block;
	font:13px Arial, Helvetica, sans-serif;
	color:var(--main-bg-color);
}


form label:not(.available){
	position:relative;
	display:block;
	padding:5px 10px;
	width:calc(50% - 20px);
	margin: 0px 0px;
	float:left;
	clear:none;
	font:12px Arial, Helvetica, sans-serif;
	color: #333;
	text-indent: 3px;
}


form  label.w25{
	width:calc(25% - 20px);
}

form label.w100{
	width: calc(100% - 20px);
}

form  .sep{
	position:relative;
	width:100%;
	float:left;
	clear:both;
}

form  .line{
	position:relative;
	width:100%;
	height: 1px;
	margin: 10px 0px;
	border-top: 1px solid #ccc;
	float:left;
	clear:both;
}

form input[type='text'],
form input[type='search'],
form input[type='number'],
form input[type='datetime-local'],
form input[type='date'],
form input[type='time'],
form input[type='password']
{
	position:relative;
	left:0px;
	display: block;
	width: calc(100% - 12px);
	height:12px;
	margin:0px 0px;
	padding:6px 5px;
	clear:both;
	font:12px  Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF;
	border:1px solid #CCC;
	border-radius: 2px;
}

form input[type='text']:focus,
form input[type='search']:focus,
form input[type='number']:focus,
form input[type='datetime-local']:focus,
form input[type='password']:focus{
	background:#FFC;
	outline:none;
}

form input[type='date']:focus,
form input[type='time']:focus
{
	background:#FFC;
	outline:none;
}


form input[readonly], 
form input[readonly]:focus,
form input[disabled] {
 	background: #f7f7f7;
 	border: none;
 	/* border-bottom: 1px solid #ccc; */
}

form button[disabled] {
	background: #ccc;
	color: #eee;
	border: none;
	/* border-bottom: 1px solid #ccc; */
}




form  select,
.selectOutform{
	position:relative;
	left: 0px;
	display: block;
	width: calc(100% - 0px);
	height:26px;
	margin:0px 0px;
	padding:3px 5px;
	clear:both;
	font: 12px  Arial, Helvetica, sans-serif;
	color: #333;
	border:1px solid #CCC;
	border-radius: 2px;
	background-color: #fff;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="%23333"> <polygon id="Shape" fill="%23333" points="7.0546875 0.03125 3.57421875 5.1875 0.09375 0.03125 1.44140625 0.03125 3.57421875 3.1484375 5.70703125 0.03125"></polygon></svg>');
	background-position: right 5px top 10px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;    

	
}




form select:focus{
	background-color:#FFC;
	outline:none;
}


form textarea{
	position:relative;
	left: 0px;
	display: block;
	width: calc(100% - 12px);
	height:auto;
	margin:3px 0px;
	padding:6px 5px;
	clear:both;
	font:12px Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF;
	border:1px solid #CCC;
	border-radius: 2px;
}


form textarea:focus{
	background:#FFC;
	outline:none;
}


form .imgBtn{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 12px);
	height: auto;
	padding: 5px;
	background: #FFF;
	border-radius: 2px;
	margin: 0px;
	cursor: pointer;
	border:1px solid #ccc;
}

form .imgBtn:focus{
	background:#FFC;
	outline:none;
}

form .imgBtn img{
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 63px;
	margin-right: 10px;
	padding: 0;
	background: #eee;
	border: none;
}

form .imgBtn span{
	display: inline-block;
	vertical-align: middle;
}

form .videoBtn {
    position: relative;
    display: block;
    float: left;
    width: calc(100% - 12px);
    height: auto;
    padding: 5px;
    background: #FFF;
    border-radius: 2px;
    margin: 0px;
    cursor: pointer;
    border: 1px solid #ccc;
}

/****************FORM TABLE ***************/
.tableFrm{
	position: relative;
	display: table;
	width: 100%;
	height: auto;
	/* background-color: #fff; */
	text-align: left;
	/* border-collapse: collapse; */
	border: none;
	table-layout: fixed;
}


.tableFrm tr{
	/* border-bottom: 2px solid #E8E8E8; */
}

.tableFrm th{
	/* background-color: var(--main-bg-color); */
	font-size: 12px;
	/* color: #ffffff; */
	font-weight: bold;
	width: 100px;
}

.tableFrm td, .tableFrm th{
	padding: 4px;
	/* height: 0px; */
	/* min-height: 35px; */
}

.tableFrm td{
/* 	width: 300px; */
}



.cart_quantity{
	position: relative;
	/* left: calc(50% - 120px); */
	/* bottom: 6px; */
	width: 100%;
	height: 32px;
	/* padding: 11px 0px; */
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	/* margin: 3px 0px; */
	background:#FFF;
	background-size: 15px;
	font: 12px FuturaPTBook;
	font-weight: 700;
	text-align: center;
	z-index: 110;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
border-radius: 5px;overflow: hidden;}


.cart_quantity input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
   -moz-appearance: textfield;
   appearance: textfield;
   margin: 0;
}


.cart_quantity input[type=number]{
	position: absolute;
	left:0px;
	display: block;
	width: calc(100% - 0px)!important;
	height: 30px;
	
	border: none;
	text-align: center;
	font-size: 14px;
	padding: 0px !important;/* font-family: FuturaPTBook; */
	/* border-radius: 30px; */
z-index: 10;}

.cart_quantity .add{
	position: absolute;
	top:0px;
	right: 0px;
	display: block;
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDE3LjQyODZIMTcuNDI4NlYyNkgxNC41NzE0VjE3LjQyODZINlYxNC41NzE0SDE0LjU3MTRWNkgxNy40Mjg2VjE0LjU3MTRIMjZWMTcuNDI4NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e84625;
	background-size: 18px;
	font-size: 0px;
	border:none;
	cursor: pointer;
z-index: 11;}


.cart_quantity .remove{
	position: absolute;
	top:0px;
	left: 0px;
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDE3LjQyODVIMTcuNDI4NkgxNC41NzE0SDZWMTQuNTcxNEgxNC41NzE0TDE3LjQyODYgMTQuNTcxM0wyNiAxNC41NzE0VjE3LjQyODVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e84625;
	background-size: 18px;
	font-size: 0;
	border:none;
	cursor: pointer;
z-index: 11;/* filter: revert; */}