.rubik-fbg {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
	font-family: Rubik,Arial,Helvetica,sans-serif;
	background-color: #fbfbf6;
	font-weight: 400;
}

.container {
	min-width:536px;
	max-width: 970px;
}

h1,h2,h3,h4 {
	color: rgb(35,132,65);
}

h1 {
	font-weight: 500;
	font-size: 28px;
	line-height: 1.4em;
	/*margin: 0px 20px 0;*/
	margin: 0;
	padding-top: 18px;
}

h2 {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 1em;
}

h3 {
	font-weight: 500;
	font-size: 16px;
}

h4 {
	font-weight: normal;
	font-size: 15px;
}

strong {
	font-weight: 500;
}

.labelnote {
	font-weight:300;
	font-size:0.93em;	
}

.right {
	text-align: right;	
}

.imp {
	color:firebrick;
	font-weight: 500;
}

/* Form */

#firstname, #lastname {
	max-width: 25em;
}

#entrant_email, #school_email, #school_name, #school_contact {
	max-width: 30em;
}
/*
#school_name {
	min-width: 20em;
}*/

#school_phone {
	max-width: 20em;
}

.main_submit, #SubmitButton{
	color: #ffffff;
    background-color: rgb(35,132,65);
    border-color: #597d34;
	font-weight: 500;
	border-radius: 4px;
}
.main_submit:hover, #SubmitButton:hover{
	background-color: #6FAD31;
    border-color: #62992B;
}
.main_submit:active, #SubmitButton:active{
	background-color: #9BAD31;
    border-color: #89992B;
}
.main_submit .disabled, #SubmitButton .disabled , .main_submit[disabled], #SubmitButton[disabled]{
	color: #796F00;
	background-color: #e7ebd1;
}

.edit_btn {	
	background-color: #F8F9F0;
}

.btn_icon {
	color:green;
	vertical-align:text-top;
}

input:user-invalid {
	box-shadow: 0 0 5px 1px red;
}

/* Page header */
#pageheader {
	margin: 0 auto;
	/*padding: 5px 0 10px;*/
	width: 100%;
	/*background-color:rgb(35,132,65)!important;*/
	background-color:#238441!important;
}

/* Page background */
#pagebody {
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 100%;
	background-color: white;	
}

/* Top navigation and headings */
#top_title {
	margin: 0 auto;
	padding:0 20px 0;
}

/* Page footer */
#pagefooter {
	margin: 0 auto;
	color: white;
	/*background-color:rgb(35,132,65)!important;*/
	background-color:#238441!important;
	font-size: 12px;
	clear:both;
}

#footer_left {
	padding:10px 15px 10px 30px
}

#footer_left p,#footer_right p {
	margin-top:0.9em;
}

#ctick {
	float:right;
	margin: 0 15px;
}

#footer_right {
	padding:10px 30px 10px 0;
	text-align:right;
}

#pagefooter div>p>a {
	color:#d7f2f4;
}

#pagefooter div>p>a:hover {
	color:#e3f1f7;
}

/* Main content */
#maincontent, #data_display, #list_display{
	padding:0 20px 20px 20px;
}

/* Form */
#progressbox {
	display: none;
}

#uploaderform, #formcontent {
	margin: 0 auto;
	padding:10px 20px;
}

label {
	font-weight:500;
}

input[type="file"] {
	padding-top: 5px;
	padding-left: 4px;
}

.cat_head {
	border: solid 2px #d7f2f4;
	padding: 10px 12px;
	/*padding-bottom:5px;*/
	border-radius: 5px;
	margin-bottom: 10px;
	max-width:640px;
}

.cat_head h4 {
	margin: 2px 0 5px 0;
    color: #007A93;
}

.cat_box {
	margin-top: 1em;
	display: none;
}

#altered_all {
	display:none;
}

.tmb_right {
	float:right;
	min-width:240px;
}
.tmb_right img {
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.chk_box {
	/*margin-left: 15px;*/
	padding-bottom: 10px;
}
.chk_box ul>li {
	padding-bottom: 3px;
}

.cat_btn {
	padding: 0 12px;
	color: #007a93;
	background-color: #e3f1f7;
	border-color: #d7f2f4;
}

.cat_btn:hover{
	color: #ffffff;
	background-color: #68b6cc;
    border-color: #3196aa;
}
.cat_btn:active{
	color: #ffffff;
	background-color: #007a93;
    border-color: #68b6cc;
}
.cat_btn .disabled , .cat_btn[disabled]{
	color: #acdfe5;
	background-color: #eef2da;
}

.help-block {
	font-size: 13px !important;
	max-width:640px;
}

.btn_icon {
	color:green;
	vertical-align:text-top;
}

.error {
	margin:5px 0;
	padding: 5px;
	color:firebrick;
	max-width:540px;	
}

/* Display styles */

.entrant_table {
	
}

.entrant_table ul {
		font-size: 12px;
}

.entrant_table td>ul {
		padding-left: 1em;
}

.image_table {
	
}

.entrant_table th, .image_table th {
	width: 180px;
	vertical-align:top;
	padding: 3px;
	border-top: solid 1px #CCC;
}

.entrant_table td, .image_table td {
	max-width: 480px;
	min-width: 360px;
	vertical-align:top;
	padding: 3px;
	border-top: solid 1px #CCC;
}

th {
	font-weight:500;
}

.list_table_img th,.list_table_img td {
	vertical-align:top;
	padding: 0.25em 0;
	border-top: solid 1px #CCC;
	font-size:15px;
}
.list_table_img th {
	padding-left: 0.3em;
	padding-right: 0.25em;
}

.settings {
	padding-left: 3em;
	padding-right:1em;
}

.btn_xsm {
	padding: 2px 10px;
}