/**** Forms ****/
label {display: inline-block;}
button:focus:not(:focus-visible) {outline: 0;}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-appearance: none;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
  cursor: pointer;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="radio"] {
  -webkit-appearance: radio;
  width: 15px;
  height: 15px;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
  width: 15px;
  height: 15px;
}
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
      border: 1px solid #e4e4e4;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {vertical-align: baseline;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px;-webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}
.form-group {margin-bottom: 1rem;}
.form-label {margin-bottom: 0;padding: 0.375rem 0.8rem;display: block;}
.form-control, 
.form-control-small {
  display: block;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid;
  border: 1px solid #ececec;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
input.form-control, 
textarea.form-control, select.form-control  {padding: 0.375rem 0.8rem;}
@media (prefers-reduced-motion: reduce) {.form-control {transition: none;}}
.form-control::-webkit-input-placeholder {color: #6c757d;opacity: 1;}
.form-control::-moz-placeholder {color: #6c757d;opacity: 1;}
.form-control:-ms-input-placeholder {color: #6c757d;opacity: 1;}
.form-control::-ms-input-placeholder {color: #6c757d;opacity: 1;}
.form-control::placeholder {color: #6c757d;opacity: 1;}
.form-control:disabled, .form-control[readonly] {background-color: #e9ecef;opacity: 1;}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control:focus::-ms-value {color: #495057;background-color: #fff;}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
select.form-control[size], select.form-control[multiple] {height: auto;}
textarea.form-control {height: auto;}
/* Select Default*/
.selecter {position: relative;}
.selecter:before {
  content: "\F229";
  font-family: bootstrap-icons !important;
  display: inline-block;
  position: absolute;
  right: 0px;
  pointer-events: none;
	padding: 6px 6px 0;
	background-color: #fff;
  margin: 2px 5px 1px 1px;
}
/** Buttons Default **/
.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  padding: 10px;
}
.addtocart.btn{padding: 0px;}
@media (prefers-reduced-motion: reduce) {.btn {transition: none;}}
/* Checkbox  Default*/
.checkbox label {float: right;width: calc(100% - 25px);}
/** selectSearch **/
.selectSearch {cursor: pointer;}
.selectSearchElement li {cursor: pointer;padding: 5px;}
.selectSearchElement li:HOVER {background-color: #e4e4e4;padding: 5px;}