.jkeyboard {
  display: inline-block;
  background:#292E34;
  margin:0 auto !important;
  padding: 0 10px !important;
}
#keyboard,#keyboard0,#keyboard2{
	width: 100%;
    margin: 10% auto 0;
	display: block;
}
.content-container #keyboard,.content-container #keyboard0,.content-container #keyboard2{
	 margin: 0% auto 20%;
}
.jkeyboard, .jkeyboard .jline {
  display: block;
  margin: 0;
  padding: 0;
}
.jkeyboard .jline ul{
	display: flex;
    justify-content: space-around;
    padding: 0;
}
.jkeyboard .jline {
  text-align: center;
  margin-left: -6px;
}
#keyboard1 .jkeyboard .jline{
	margin-left: 0 !important;
}
#keyboard1 .jkeyboard .jline ul li.backspace{
   background: url(assets/backspace.png) no-repeat center center;
   border: none;
   width: 170px;
   margin-right: -48px;
   background-size: 100%;
   margin-left: 15px !important;
}
#keyboard1 .jkeyboard .jline ul li{
	width: auto;
    background: #C1C5C8;
    border: 5px solid #484D50;
    color: #000;
    border-radius: 0px;
    font-size: 150px;
    font-weight: bold;
    height: auto;
    display: flex;
    padding: 20px 40px;
    font-style: italic;
	line-height:150px;
	margin:10px 0 1px 16px;
}
#keyboard1 .jkeyboard .jline:last-child ul li{
	margin-left:0px;
	min-width: 160px;
}
#keyboard1 .jkeyboard .jline:last-child ul li:first-child{
	background: transparent;
    border: none;
}
#keyboard1 .jkeyboard .jline ul{
	justify-content: center;
}
.jkeyboard .jline ul li {
  font-family: arial, sans-serif;
  font-size: 4vh;
  display: inline-block;
  background: #484D50;
  margin: 10px 0 1px 6px;
  color: #f7faf7;
  border-radius: 5px;
  width: 100vh;
  height: 7vh;
  box-sizing: border-box;
  text-align: center;
  line-height: 7vh;
  overflow: hidden;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.cupon-body .jkeyboard .jline ul li {
	font-size:2vh !important;
	height:4vh !important;
	line-height:4vh !important;
}
#button-coupon{
	font-size: 30px !important;
	height: 61px !important;
	min-height: 61px !important;
	border-radius: 8px;
	padding: 5px 50px;
}
.jkeyboard .jline ul li.uppercase {
  text-transform: uppercase;
}
.jkeyboard .jline ul li:hover, .jkeyboard .jline ul li:active {
  background-color: #185a82;
}
.jkeyboard .jline:last-child .jkey:last-child{
	font-size: 3vh;
}

.jkeyboard .jline .return {
    width: 50vh;
    background:#5F97F6;
}
.jkeyboard .jline .space {
  width:450px;
}
#checkout-validate .jkeyboard .jline .space {
    width: 200vh;
}
.jkeyboard .jline .numeric_switch {
  /* width: 45vh; */
  background:#373C42;
}
.jkeyboard .jline .layout_switch {
  background: url("assets/locale.png") no-repeat center right;
  display: none !important;
}
.jkeyboard .jline .shift {
  width: 65vh;
  background: #373C42 url("assets/shift.png") no-repeat center center;
  background-size: 70%;
}
.jkeyboard .jline .shift.active {
  border-color: #fff;
}
.jkeyboard .jline .shift.lock {
  transform: rotate(180deg);
}
.jkeyboard .jline .backspace {
    width: 60vh;
    background: #373C42 url("assets/backspace.png") no-repeat 4px center;
    background-size: 85%;
}
#keyboard2 .jkeyboard .jline ul{
	justify-content: center;
}
#keyboard2 .jkeyboard{
	background:transparent;
	margin-bottom:20px;
}
#keyboard2 .jkeyboard .jline ul li{
	min-width: 125px;
	width: auto;
    background: #C1C5C8;
    border: 1px solid #484D50;
    color: #000;
    border-radius: 0px;
    font-size: 105px;
    font-weight: bold;
    height: auto;
    display: flex;
    padding: 18px 25px;
    font-style: italic;
    line-height: 105px;
    margin: 10px 0 1px 13px;
	justify-content: center;
}
#keyboard2 .jkeyboard .jline:last-child ul li:first-child{
	display:none;
}
#keyboard2 .jkeyboard .jline:last-child ul li:nth-child(2){
	margin-left: 150px;
}
#keyboard2 .jkeyboard .jline ul li.backspace {
  background: #373C42 url("assets/backspace.png") no-repeat center center;
  background-size: 100%;
}

@media screen and (min-width: 1024px) {
	.jkeyboard .jline .backspace {
		width: 50vh;
		background-size: 54%;
		background-position: center;
	}
	.jkeyboard .jline .shift {
		width: 50vh;
		background-size: 55%;
	}
}
@media(max-width:768px){
	.jkeyboard .jline .backspace {
		background: #373C42 url("assets/backspace.png") no-repeat 0px center;
		background-size: 100%;
		width: 85vh;
	}
	.jkeyboard .jline .shift {
		background-size: 95%;
		width: 80vh;
	}
	#keyboard1 .jkeyboard .jline ul li{
		font-size: 71px !important;
		line-height: 70px !important;
		padding: 20px 15px !important;
	}
	.jkeyboard .jline .numeric_switch {
		font-size: 18px;
	}
	.modal-customtip .buttons #button-tipvalidate{
		font-size: 36px !important;
		padding: 15px 15px !important;
	}
	#keyboard1 .jkeyboard .jline ul li.backspace{
		margin-left: -12px !important;
		width: 91px !important;
		background-size: 79% !important;
	}
	#keyboard1 .jkeyboard .jline:last-child ul li:nth-child(1),#keyboard1 .jkeyboard .jline:last-child ul li:nth-child(2){
		min-width: 77px !important;
	}
}

@media screen and (width: 1080px){
	.jkeyboard .jline .backspace {
		width: 100vh;
		background-size: 90%;
	}
	.jkeyboard .jline .numeric_switch,.jkeyboard .jline:last-child .jkey:last-child {
		width: 150vh;
		font-size: 60px;
	}
	.jkeyboard .jline .shift {
		background-size: 100%;
		width: 90vh;
	}
}