.mce-menubar .mce-menubtn{display:none !important;}
.mce-menubar
{
	border: none;	
}

body
{
	margin: 0;
	padding: 0;
}

.hide
{
	display: none;
}

.btn
{
	color: white;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	
	background: #333;
	border-width: 0px;
	border-radius: 5px;
	border-color: #dddddd;
	border-style: solid;
	
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	cursor: pointer;
}

.inputSelect
{
	border: 1px #666666 solid;
	background:#F3F3F3;
	font-size: 20px;	
}

.textInput
{
	border: 1px #666666 solid;
	width: 95%;
	background:#F3F3F3;
	font-size: 20px;
}

.sendMessageContent
{
	color: #000;
}

.jscolor
{
	width: 100px;
	height: 100px;
}

.moreInformationLink
{
	cursor: pointer;
	text-decoration: underline;
	font-size: 14px;	
}

.resetLink
{
	color: red;
	cursor: pointer;
}

.resetConfirmContentBox
{
	position: absolute;
	width: 300px;
	padding: 5px;
	text-align: center;
	background: #FDD5D5;
	border: 1px #333333 solid;
	border-radius: 5px;
	display: none;	
}

.resetConfirmContentBox a
{
	color: #2e7ea1;
	text-decoration: none;
	cursor: pointer;
}

.main
{
}

.main .header
{
	height: 40px;
	background: #333;
	color:#fff;
	text-align: center;
	font-size: 24px;
	padding-top: 15px;
}

.main .innerContent
{
	width: 95%;
	height: calc(95% - 50px);
	top: calc(2.5% + 50px);
	left: 2.5%;
	position: fixed;
}

.main .innerContent .itemContent .imageContent
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.main .innerContent .itemContent .imageContent img
{
	max-width: 90%;
	max-height: 90%;
	cursor: pointer;
}

.kioskContent .topBarContent
{
	background-color: red;
	text-align: center;
	padding: 10px;
	color: #fff;
	font-size: 20px;	
}

.kioskContent .topBarContent .backContent
{
	position: absolute;
	top: 5px;
	left: 15px;
}

.kioskContent .topBarContent .backContent img
{
	height: 35px;
}

.kioskContent .topBarContent .backContent svg
{
	height: 35px;
	fill: #fff;
}

.kioskContent .topBarContent .businessDetails
{
	position: absolute;
	top: 5px;
	right: 15px;
}

.kioskContent .topBarContent .businessDetails img
{
	height: 35px;
	margin-bottom: -4px;
}

.kioskContent .outerContent
{
	
}

.kioskContent .outerContent .leftContent
{
	position: absolute;
	width: 50%;
}

.kioskContent .outerContent .leftContent img
{
	max-width: 100%;
}

.kioskContent .outerContent .leftContent .overviewContent
{
	padding: 10px;
	margin: 10px;
	font-size: 18px;
}

.kioskContent .outerContent .rightContent
{
	position: absolute;
	left: 50%;
	width: 50%;
	height: calc(100% - 100px);
	top: 50px;
}

.kioskContent .rightContent .keypadContent
{
	position: absolute;
	left: 5%;
	width: 90%;
	height: 100%;
}

.kioskContent .rightContent .keypadItem
{
	width: 100%;
	height: 100%;
	position: absolute;
}

.kioskContent .rightContent .keypadContent .birthdayRow
{
	width: 100%;
}

.kioskContent .rightContent .keypadContent .keyRow
{
	height: 20%;
	width: 100%;
}

#birthdayContent .rightContent .keypadContent .keyRow
{
	height: 19% !important;
}

.kioskContent .rightContent .keypadContent .keyRow .keyCol
{
	width: 33.333%;
	height: 100%;
	float: left;
	position:relative;
}

.kioskContent .rightContent .keypadContent .keyRow .keyCol .key
{
	position: absolute;
	width: 95%;
	height: 95%;
	left: 2.5%;
	top: 2.5%;
	text-align: center;
	display: table;
	color: white;
	font-family: ;
	font-size: 27px;
	font-weight: bold;
	font-style: normal;
	
	background: red;
	
	border-width: 0px;
	border-radius: 5px;
	border-color: #dddddd;
	border-style: solid;
	cursor: pointer;
}

.kioskContent .rightContent .keypadContent .keyRow .keyCol .errorKey
{
	position: absolute;
	width: 95%;
	height: 95%;
	left: 2.5%;
	top: 2.5%;
	text-align: center;
	display: table;
	color: white;
	font-family: ;
	font-size: 27px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	
	border-width: 0px;
	border-radius: 5px;
	border-color: #dddddd;
	border-style: solid;
	cursor: pointer;
}

.kioskContent .rightContent .keypadContent .keyRow .keyCol .errorKey .innerKey
{
	display: table-cell; 
	vertical-align: middle;
}

.kioskContent .rightContent .keypadContent .keyRow .keyCol .key .innerKey
{
	display: table-cell; 
	vertical-align: middle;
}

.kioskContent .rightContent .keypadContent .keyRow .numberEnteredContent
{
	display: table;
	width: 100%;
	height: 100%;
}

.kioskContent .rightContent .keypadContent .keyRow .numberEnteredContent .innerContent
{
	display: table-cell; 
	vertical-align: middle;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 23px;
	font-weight: normal;
	font-style: normal;
}

.kioskThankYouContent
{
	width: 98%;
	height: 100%;
	display: none;
	padding-left: 1%;
}

.kioskThankYouContent .kioskThankYouInnerContent
{
	width: 100%;
	height: 100%;
	font-size: 18px;
}

.kioskThankYouContent .kioskThankYouInnerContent h1
{
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}

.joinOurListExtraBoxContent
{
	padding: 20px;	
}

.joinOurListExtraBoxContent h3
{
	padding: 0;
	margin: 0;
}

.joinOurListExtraBoxContent input[type='checkbox'] 
{
    width: 40px;
    height: 40px;
}

.legalContent
{
	font-size: 11px;
	margin-top: 22px;	
}

.joinOurListExtraBoxContent .joinListSecondBtn
{
	width: auto;
}

.ui-controlgroup-controls
{
	height: 100%;
	width: 98%;
	padding-left: 1%;	
	padding-right: 1%;	
}

.ui-select 
{
	float: left;
	clear: none;
	position: relative;
	width: 49%;
	height: 55px;
}

.ui-controlgroup-controls .ui-select:last-of-type 
{
	margin-left: 2%;
}

.ui-btn 
{
	border-width: 1px !important;
	border-style: solid;
	background: red;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	display: table;
	position: absolute;
	border-radius: 5px;	
}

.ui-btn  div
{
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
}

.ui-select .ui-btn > span:not(.ui-li-count) 
{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden !important;
	white-space: nowrap;
}

.ui-select .ui-btn select 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 2;
	font-size: 22px;
	text-align: center;
	white-space: nowrap;
}

.sendMessageContent
{
	z-index: 1000;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: calc(100% - 40px);
	background: #fff;
	padding: 20px;	
}

.sendMessageContent .closePopupImage
{
	position: absolute;
	top: 15px;
	right: 10px;
}

.sendMessageContent .textMessageContent
{
	height: calc(100% - 307px);
}

.sendMessageContent .textMessage
{
	border: 1px #666666 solid;
	width: 100%;
	height: 100%;
	background:#F3F3F3;
	font-size: 20px;
}

.textareaMessage
{
	border: 1px #666666 solid;
	width: 100%;
	height: 100%;
	background:#F3F3F3;
	font-size: 20px;
}

.sendMessageContent .textMessageContent .textMessageImageContent
{
	float: right;
	width: 100px;
	text-align: center;
}

.sendMessageContent .textMessageContent .textMessageImageContent img
{
	display: none;
	width: 100%;
	margin-top: 5px;
}

.sendMessageContent .textMessageContent .textMessageImageContent a
{
	display: none;
	color: blue;
	text-decoration: underline;
}

.sendMessageContent .sendButtonContent
{
	padding-top: 7px;
}

.enterToWinContent
{
	
}

.enterToWinContent h1
{
	padding: 0;
	margin: 0;	
}

.enterToWinContent h2
{
	padding: 0;
	margin: 0;	
}


#loyaltyMessageContent .textMessageCompleteContent
{
	overflow: auto;	
	height: calc(100% - 265px);
}

.enterToWinContent .textMessageCompleteContent
{
	overflow: auto;	
	height: calc(100% - 224px);
}

.enterToWinContent .textMessageContent
{
	height: 178px;
	float: left;
	width: 45%;
	padding-left: 2%;
	padding-right: 2%;
}

#editBirthdayMessageContent h2
{
	padding: 0;
	margin: 0;	
}

#editBirthdayMessageContent .textMessageCompleteContent
{
	overflow: auto;	
	height: calc(100% - 233px);
}

#editBirthdayMessageContent .textMessage
{
	width: 98%;
	height: 200px;
}

.masterSettingsContent h1
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 8px;
}

.masterSettingsContent h2
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 8px;
}

.masterSettingsCompleteContent
{
	overflow: auto;	
	height: calc(100% - 190px);
}

.masterSettingsCompleteContent select
{
	border: 1px #666666 solid;
	background:#F3F3F3;
	font-size: 24px;	
}

.masterSettingsCompleteContent h2 a
{
	text-decoration: underline;
	cursor: pointer;
}

.masterSettingsCompleteContent .phoneNumberRow
{
	padding: 10px;
	border-bottom: 1px #333333 solid;
}

.masterSettingsCompleteContent .phoneNumberRow a
{
	color: red;
	padding-right: 10px;
	cursor: pointer;
}

.masterSettingsCompleteContent .deletePopUpContent
{
	background: #CCC;
	border-radius: 5px;
	border: 1px #999999 solid;
	text-align: center;
	padding: 10px;
	position: fixed;
	top:calc(50% - 30px);
	left:calc(50% - 100px);
	display: none;
}

.masterSettingsCompleteContent .deletePopUpContent .cancelLink
{
	color: #009;
	text-decoration: underline;
	cursor: pointer;
}

.masterSettingsCompleteContent .deletePopUpContent .deleteLink
{
	color: red;
	text-decoration: underline;
	cursor: pointer;
}

.masterSettingsCompleteContent textarea
{
	width: 99% !important;
	height: 200px !important;
	margin-bottom: 20px;
}

.adminTopLinksAreaContent
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	width: 100%;
	background: #333;
	color: #fff;
}

.adminTopLinksAreaContent a
{
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	color: #fff;
}

.masterButtonContent .btn
{
	float: left;
}

.masterButtonContent .normalBtn
{
	width: 139px;
	margin-left: 7px;
}

.masterSettingsContent .masterBackBtn
{
	width: 50px;
	float: left;
}

.masterSettingsContent .savingNowInnerContent
{
	display: table;
	width: 100%;
	height: 100%;
}

.masterSettingsContent .savingNowInnerContent .textSavingContent
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.statsContent
{
	background:#FFC;
	max-width: 300px;
	padding: 5px;
	border: 1px #CCCCCC solid;
	margin-bottom: 20px;	
}

.savingMessageContent
{
	text-align: center;
	color: red;
	font-size: 22px;
	padding-top: 5px;
}

#loyaltyMessageSentContent, #messageSentContent, #enterToWinMessageSentContent
{
	font-size: 20px;	
}

#loyaltyContent .kioskThankYouInnerContent h2
{
	margin: 0px;
}
