body {
	padding:20px 0;
}

.h4, h4 {
	padding:10px 0;
	border-bottom:1px solid #ccc;
	margin-top:30px;
}

body > .container {padding-top:70px;}

.container {
	max-width:800px;
}
.home .container {
	max-width:1170px;
}
.modal-header h3 {
	font-weight: bold;
	margin:0;
	float:left;
}
.modal-header h4 {
	border:0;
	padding:0;
}

.btn-wide {
	width:100%;
}

.vaxHistory > tbody > tr > td > .btn-danger {
	font-style:normal;
	margin-left:10px;
}

.vaxHistory td {
	vertical-align: middle !important;
}

.displayInline {
	display:inline;
}

.font-italic {
  font-style: italic;
}

.error {
	border:2px solid #ff0000;
	color:#ff0000;
	border-radius:5px;
	text-align:center;
	padding:5px;
	background-color:#ffdede;
	margin:10px 0;
}

.success {
	border:2px solid #0fb200;
	color:#0fb200;
	border-radius:5px;
	text-align:center;
	padding:5px;
	background-color:#cdffc8;
	margin:10px 0;
}

.studentInfo {
	padding:20px 0;
}

.studentInfo img {
	width:100%;
}

.studentInfo h2 .fa {
	font-size:0.8em;
	color:#b3b3b3;
}

.standardPadding {
	padding:10px;
}
.bold {
	font-weight: bold;
}
.eventInstanceButtons {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
    -webkit-justify-content: space-around; /* Safari 6.1+ */
	justify-content: space-around;
	margin:20px 0;
}
.eventInstanceButtons label {
	display:block;
	text-align:center;
	border:1px solid #ccc;
	border-radius:8px;
	width:230px;
	padding:10px 10px;
	min-height:150px;
	color:#999;
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
	display: flex;
    -webkit-justify-content: center; /* Safari 6.1+ */
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
	font-size:15px;
	font-weight:normal;
	cursor: pointer;
}
.eventInstanceButtons label .eventName {
	font-size: 20px;
	font-weight: bold;
}
.eventInstanceButtons label.active {
	border:1px solid #337ab7;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(51,122,183,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(51,122,183,1);
	box-shadow: 0px 0px 10px 0px rgba(51,122,183,1);
	color:#333;
}
.eventInstanceButtons label .classLvl {
	/*text-transform: uppercase;*/
	font-size:30px;
}
.eventInstanceButtons label input[type=checkbox], .eventInstanceButtons label input[type=radio] {
	display:none;
}
span.classLvl {
	display:block;
}

#frmLogin, #frmForgotPassword {
	max-width:400px;
	width:90%;
	margin:0 auto;
}
#newStudentDiv {
	margin-bottom:50px;
}
#newStudentDiv h4 {
	cursor:pointer;
}
.avatarContainer {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
    -webkit-justify-content: space-between; /* Safari 6.1+ */
	justify-content: space-between;
	overflow-x:auto;
	padding:10px 2px 5px;
}
.avatarContainer label {
	height:60px;
	width:60px;
	min-width:60px;
	margin:0 5px 10px;
	border:1px solid #ccc;
	border-radius:6px;
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
	display: flex;
    -webkit-justify-content: center; /* Safari 6.1+ */
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	background-size:cover;
	cursor:pointer;
	color:#ccc;
	font-size:32px;
	text-align:center;
}
.avatarContainer label:first-of-type {
	/*margin-left:0;*/
}
.avatarContainer label.active {
	border:1px solid #337ab7;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(51,122,183,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(51,122,183,1);
	box-shadow: 0px 0px 10px 0px rgba(51,122,183,1);
	/*color:#333;*/
}
.avatarContainer label input[type=radio] {
	display:none;
}
#pw {
	/*text-align:center;
	-webkit-text-security: disc;*/
}
.keypad {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
	display:flex;
    -webkit-justify-content: space-between; /* Safari 6.1+ */
	justify-content: space-between;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display:none;
}
.keypad button {
	width:33%;
	margin-top:5px;
}
#classList .text-right {
	padding-top:0;
	padding-bottom:0;
}
#classList .text-right a {
	font-size:20px;
	line-height:34px;
	margin-left:10px;
	color:#b3b3b3;
}

.chkbox input[type=checkbox] {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.chkbox div {
	display: table-cell;
	font-weight: normal;
}

/* COMBOBOX SPECIFIC STYLES */
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
  form[name=frmSelectUser] .custom-combobox {
  	width:100%;
  }
  form[name=frmSelectUser] .custom-combobox-input {
  	width:95%;
  	display:inline-block;
  	border-bottom-right-radius:0px;
  	border-top-right-radius:0px;
  	background-color:#fff;
  }
  form[name=frmSelectUser] .custom-combobox-toggle {
  	display:inline-block;
  	height:46px;
  	/*margin-top:-3px;*/
  	vertical-align:top;
  	padding:0;
  	/*background-color:#fff;*/
  }
  .hidebydefault {
  	display:none;
  }
  #ui-id-1.ui-menu .ui-menu-item-wrapper {
  	padding:8px 1em;
  	font-size:1.1em;
  }
  .ui-datepicker {
  	z-index: 3 !important;
  }
  form[name=purchasecredit] .col-sm-6 .form-group label {
  	display:block;
  }
  form[name=purchasecredit] .col-sm-6 .form-group.override {
  	display:none;
  }
  form[name=purchasecredit] #datepicker {
  	display:none;
  }

	.vaxStatus {
		color: #ff0000;
		font-size: 2rem;
		font-style: italic;
		font-weight: bold;
	}

	.vaxStatus.verified {
		color: #008000;
		font-style: normal;
	}

	.userInfo {
		margin-bottom:50px;
	}

  .profilepic img {
    width: 100%;
  }

	.confirm-vaccine-modal-md table {
		margin:20px 0;
	}

	.confirm-vaccine-modal-md table td {
		width:50%;
	}

@media only screen and (max-width: 600px) {
	.eventInstanceButtons label {
		font-size:14px;
		min-height:100px;
		width:120px;
	}
	.eventInstanceButtons label .classLvl {
		font-size:18px;
	}
	form[name=frmSelectUser] .custom-combobox-input {
		width:90%;
	}

}