/* #####################################################################################################
   Button styles
   ##################################################################################################### */

/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)"; 

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Responsive functions -----*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bttn {
  text-align: center;
  background: #00519e;
  height: 40px;
  line-height: 40px;
  display: block;
  border: 0 none;
  color: #fbf8f4;
  padding: 0 30px;
  min-width: 100px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.bttn:hover {
  color: #f4ece1;
  background: #006bd1;
  text-decoration: none;
}
button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.bttn.alt {
  background: #dedede;
  color: #222222;
}
button.alt:hover,
input[type="button"].alt:hover,
input[type="reset"].alt:hover,
input[type="submit"].alt:hover,
.bttn.alt:hover {
  background: #ababab;
}
button.alt1,
input[type="button"].alt1,
input[type="reset"].alt1,
input[type="submit"].alt1,
.bttn.alt1 {
  background: none;
  text-decoration: underline;
  color: #222222;
  padding: 0;
}
button.high,
input[type="button"].high,
input[type="reset"].high,
input[type="submit"].high,
.bttn.high {
  height: 35px;
  line-height: 35px;
}
button.floatLeft,
input[type="button"].floatLeft,
input[type="reset"].floatLeft,
input[type="submit"].floatLeft,
.bttn.floatLeft {
  margin-right: 8px;
}
button.floatRight,
input[type="button"].floatRight,
input[type="reset"].floatRight,
input[type="submit"].floatRight,
.bttn.floatRight {
  margin-left: 8px;
}
button.width,
input[type="button"].width,
input[type="reset"].width,
input[type="submit"].width,
.bttn.width {
  min-width: 107px;
}
input.bttn {
  padding: 0 15px;
  border: 0 none;
  cursor: pointer;
}
.btnDisabled {
  cursor: pointer;
  opacity: 0.3;
}
.deleteButton,
.deleteCodeSmall,
.deleteCode {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 25px;
  color: #6e6e6e;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}
.deleteButton:hover,
.deleteCodeSmall:hover,
.deleteCode:hover {
  color: #e6575a;
  text-decoration: none;
}
.favorize {
  color: #6e6e6e;
  font-size: 30px;
}
.favorize:before {
  content: "\2665";
}
.favorize:hover,
.favorize.active {
  color: #e6575a;
}
a.back {
  float: right;
  padding: 0 0 0 25px;
  margin: 0 0 15px;
  display: block;
  background: transparent url("../images/default/back.png") no-repeat left center;
  color: #222222;
}
.itemBtn {
  margin: 2px 0;
}
.submitCode {
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  margin: 0 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .bttn .width {
    min-width: 140px;
  }
}