.quad-control {
	width: 515px;
	height: 325px;
	padding: 10px 23px 17px 23px;
	border: 1px solid #828283;
	border-radius: 11px;
	background: #eeeeef;
	display: none;
	position: fixed;
	z-index: 2002;
	top: 50%;
	left: 50%;
	margin-left: -257px;
	margin-top: -162px;
}
.quad-control.open {
    display: block;
}

.quad-control .control-column {
	width: 125px;
	height: 316px;
	float: left;
	position: relative;
}

.quad-control .center-line {
	width: 1px;
	height: 290px;
	margin: 0 6px;
	background: #adadae;
	float: left;
}

.quad-control .occupancy {
	width: 40px;
	height: 40px;
	background: url("../images/icon-sprite-occupancy.png") no-repeat;
	margin: 0 auto;
}

.quad-control .occupancy.unoccupied {
	background-position: 0 -40px;
}

.quad-control .column-title {
	width: 100%;
	height: 88px;
	text-align: center;
}

.quad-control.openMobile {
    /*border: solid red 3px;*/
    display: flex;
    flex-wrap: wrap;
    width: 265px;
    height: fit-content;
    z-index: 2002;
    left: 76%;
    top: 30%;
}
.quad-control.openMobile .increase,
.quad-control.openMobile .decrease {
 /* border: solid green 2px;*/
}

.quad-control.openMobile .control-confirm-ok {
/*    border: solid red 2px;*/
    height: 44px;
    width: 44px;
    left: 45%;
    top: 275px;
}

.quad-control.openMobile .control-confirm-cancel {
/*    border: solid red 2px;*/
    left: 84%;
    top: 12px;
}



.quad-control.openMobile.bottomRow .increase {
    top: 57%;
}
.quad-control.openMobile.bottomRow .decrease {
    top: 84%;
}

.quad-control.openMobile .center-line {
     display: none;
}

.quad-control.openMobile .column-title {
    /* display: none;*/
}



.quad-control .button {
	width: 107px;
	height: 81px;
	line-height: 81px;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 10px;
	background: #fff url("../images/buttonfill_quad.png") repeat-x;
	margin: 0 auto;
	font-size: 2.5em;
	cursor: pointer;
}

.quad-control .button.highlighted {
	width: 99px;
	height: 73px;
	line-height: 74px;
	border: 5px solid #000;
	border-radius: 12px;
}

.quad-control .increase {
	width: 125px;
	height: 71px;
	background: url("../images/btn_adjust_increase_quad.png") no-repeat;
	position: absolute;
	top: 66px;
	left: 287px;
	z-index: 10;
	cursor: pointer;
}

.quad-control .decrease {
	width: 125px;
	height: 71px;
	background: url("../images/btn_adjust_decrease_quad.png") no-repeat;
	position: absolute;
	top: 222px;
	left: 287px;
	z-index: 10;
	cursor: pointer;
}

.quad-control .warning {
	font-size: .8em;
	color: #880000;
	margin-top: 12px;
	text-align: center;
	display: none;
}

.quad-control .control-confirm-ok,
.quad-control .control-confirm-cancel {
	display: block;
	background-repeat: no-repeat;
	background-size: 90% 90%;
	background-position: center center;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: 1px solid #999999;
	border-radius: 6px;
	position: absolute;
	z-index: 2003;
}

.quad-control .control-confirm-ok {
	background-image: url("../images/btn_submit.png");
	top: 305px;
	left: 50%;
	margin-left: -18px;
}

.quad-control .control-confirm-cancel {
	background-image: url("../images/btn_cancel.png");
	top: 14px;
	left: 515px;
}