article,aside,figure,footer,header,hgroup,menu,nav,section{display:block}
h1,h2,h3,h4,p,a{margin:0;padding:0px;font-weight:normal;text-decoration:none}
ul,ol,dl,dd,dt,li{margin:0;padding:0;list-style:none}
form,fieldset,input,textarea,select,button{margin:0;padding:0;border:0; outline: none;}
img{border:none}

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:"OpenSansRegular",Arial,Helvetica;
	color:#333;
	background-color:#f1f1f1;
}


/* FONTS */

h2 { font-family: 'OpenSansLight'; font-size: 3.2em; }

b, strong { font-family: 'OpenSansBold'; font-weight: normal; }

p { font-family: 'OpenSansRegular'; font-size: 1.4em; margin: 10px 0; }


/* LOADING SPINNER */

#full-loader {
	display: none;
	width: 100%; height: 100%;
	position: fixed; top:0; left:0;
	background-color: #222;
	z-index: 9;
}

#full-loader-spinner {
	text-align: center;
	color: white;
	font-size: 4em;
}


/* LOGIN */

#login-wrap-outer { display: table; width: 100%; height: 100%; background-color: #444; }
#login-wrap {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

#login-box {
	width: 400px;
	margin: 0 auto;
	background-color: white;
	overflow: hidden;
	
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}

#login-box-inner {
	margin: 30px 40px;
	text-align: center;
}

#login-box .title {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 3.2em;
	font-family: 'OpenSansLight';
	color: black;
}

#login-box form {
	width: 100%;
	text-align: center;
}

#login-box form input[type="text"],
#login-box form input[type="password"] {
	width: 100%;
	margin: 10px 0;
	background-color: #f9f9f9;
	font-size: 1.8em;
	padding: 8px 0;
	text-align: center;
	font-family: 'OpenSansLight';
	transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; 
}

#login-box form input:focus {
	outline: none;
	box-shadow: 0 0 0 1px #2093cb; -moz-box-shadow: 0 0 0 1px #2093cb; -webkit-box-shadow: 0 0 0 1px #2093cb;
	transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; 
}

#login-box form input[type="submit"] {
	margin: 10px 0;
	font-size: 1.6em;
	padding: 8px 24px;
	font-family: 'OpenSansLight';
	background-color: #333;
	color: white;
	
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; 
}

#login-box form input[type="submit"]:hover {
	cursor: pointer;
	background-color: #2093cb;
	transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; 	
}



/* SIDEBAR */

section#sidebar {
	width: 240px; height: 100%;
	background-color: #333;
	overflow: hidden;
	float: left;
}

section#sidebar header {
	width: 100%;
	padding: 10px 0 0 0;
}

section#sidebar header .title { display: block; width: 100%; text-align: center; color: white; font-family: 'OpenSansSemibold'; font-size: 3.2em; }

section#sidebar nav {
	width: 100%;
	margin: 20px 0;
}

section#sidebar nav ul { width: 100%; }
section#sidebar nav ul li { width: 100%; }

section#sidebar nav ul li.li-separator { border-top: 2px solid #444; }

section#sidebar nav ul li a,
section#sidebar nav ul li a:link,
section#sidebar nav ul li a:active,
section#sidebar nav ul li a:visited {
	display: block;
	width: 100%;
	padding: 10px 20px;
	color: white;
	font-size: 1.6em;
	font-family: 'OpenSansLight';
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear;
	cursor: pointer;
}

section#sidebar nav ul li.active a,
section#sidebar nav ul li a:hover {
	background-color: white;
	color: #111;
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear;
}

section#sidebar nav ul li a i.fa { margin-right: 10px; }



/* MAIN SECTION */

section#main {
	width: calc( 100% - 254px );
	height: 100%;
	overflow-y: scroll;
	float: left;
}

section#main h1 { font-size: 4.2em; margin: 40px 40px 0 40px; }
section#main h2 { font-size: 2.0em; margin: 0 0 20px 0; font-family: 'OpenSansRegular'; }
section#main h3 { font-size: 1.6em; margin: 0 0 10px 0; font-family: 'OpenSansRegular'; }
section#main h4 { font-size: 1.4em; margin: 10px 0 10px 0; font-family: 'OpenSansRegular'; }

section#main h1 .small { font-size: 0.4em; color: #666; }


.section-row {
	width: 100%;
	overflow: hidden;
}

.main-section {
	width: calc(100% - 80px);
	margin: 40px 40px 0 40px;
	background-color: white;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}

.main-section-half {
	width: calc(50% - 60px);
	margin: 40px 40px 0 40px;
	background-color: white;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	float: left;
}
.main-section-half:nth-child(2n) { margin-left: 0; }


.main-section-inner { padding: 40px 0; margin: 0 40px; }


.main-section-buttons { width: 100%; margin: 20px 0; overflow: hidden; }


#main-col {
	width: calc(75% - 80px);
	margin: 40px 40px 0 40px;
	float: left;
}

.main-section-left {
	width: 100%;
	margin: 0 0 40px 0;
	background-color: white;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	float: left;
}

#main-right-sidebar {
	width: calc(25% - 40px);
	margin: 40px 40px 0 0;
	float: left;
}

.main-right-sidebar-box {
	width: 100%;
	margin: 0 0 40px 0;
	background-color: white;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	float: left;
}

.main-right-sidebar-box p { font-size: 1.3em; margin: 10px 0; }
.main-right-sidebar-box img { max-width: 100%; }

.main-right-sidebar-box hr {
	width: 100%;
	height: 1px; 
	background-color: #ccc;
	border: 0;
	margin: 20px 0;
}

.main-right-sidebar-box .button { width: 100%; text-align: center; padding: 10px 0; margin: 5px 0; }


.header-buttons {
	float:right;
	margin: 0 0 40px 0;
}



/* Dashboard */

ul.dashboard-tiles {
	width: calc(100% - 40px);
	margin: 20px 20px 0 20px;
	overflow: hidden;
}

ul.dashboard-tiles li {
	display: table;
	width: 20%;
	width: calc(25% - 40px);
	margin: 20px;
	height: 200px;
	float: left;
}

ul.dashboard-tiles li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
	background-color: white;
	color: #333;
	font-size: 3em;
	overflow: hidden;
	
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	box-shadow: 0 1px 0 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 0 1px rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.05);
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear; 	
}
ul.dashboard-tiles li a:hover {
	background-color: #2093cb;
	color: white;
	box-shadow: 0 1px 4px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 4px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,0.05);
	transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear; 
}

ul.dashboard-tiles li a i.icon {
	display: block;
	width: 100%;
	text-align: center;
}

ul.dashboard-tiles li a .name {
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}





/* Rows */

ul.rows-list {
	width: 100%;
}

ul.rows-list li { width: 100%; margin: 10px 0; }

ul.rows-list li a,
ul.rows-list li a:link,
ul.rows-list li a:active,
ul.rows-list li a:visited {
	display: block;
	width: 100%;
	background-color: white;
	padding: 15px 0;
	font-size: 1.6em;
	color: #333;
	overflow: hidden;
	
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	box-shadow: 0 1px 0 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 0 1px rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.05);
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear; 
}

ul.rows-list li a:hover {
	color: #0099ff;
	transform: scale(1.005,1.04); -moz-transform: scale(1.005,1.04); -webkit-transform: scale(1.005,1.04);
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear; 
}

	/* List rows */
	ul.rows-list li a .lastupdate { width: 200px; float: left; text-align: center; font-size: 0.7em; color: #aaa; }
	
	/* Events */
	ul.rows-list li a .day { width: 50px; float: left; text-align: center; }
	ul.rows-list li a .time { width: 200px; float: left; text-align: center; }
	ul.rows-list li a .title { width: calc(100% - 50px - 200px - 200px); float: left; }
	
	/* Events */
	ul.rows-list li a .photo { width: 100px; float: left; text-align: center; }
	ul.rows-list li a .name { width: calc(100% - 100px - 200px); float: left; }
	
	ul.rows-list li a .photo .photo-wrap { display: inline-block; width: 50px; height: 50px; background-color: #ccc; }


/* item table */

table.index-table { width: 100%; overflow: hidden; border: 0; border-collapse:collapse; }

table.index-table thead tr { background-color: white; font-size: 1.4em; font-family: 'HelveticaNeueMedium'; }
table.index-table thead tr td { padding: 10px 0; }

table.index-table tbody tr { background-color:white; border: 1px transparent solid; font-size: 1.5em; }
table.index-table tbody tr:nth-child(odd) { background-color:#f1f1f1; }
table.index-table tbody tr td { padding: 15px 0; }

table.index-table tbody tr:hover { background-color:#00a4db; color: white; }
table.index-table tbody tr:hover td a { color: white; }

table.index-table tr td.id { width: 8%; text-align: center; }
table.index-table tr td.title { width: auto; }
table.index-table tr td.value { width: auto; }
table.index-table tr td.actions { width: 10%; text-align: left; }
table.index-table tr td.actions-right { width: 18%; text-align: left; }

table.index-table tr td.actions .act-button {  }

table.index-table tr a { color: black; }

table.index-table .nested-icon { color: #ccc; }

	
.status-red,
.status-green {
	font-size: 0.8em;
}

.status-red { color: #dd6666; }

	
	/* RECRUITERS TABLE */
	
	.companies-table tr td.title { width: auto; }
	.companies-table tr td.email { width: 30%; }
	
	/* JOBS TABLE */
	
	.jobs-table tr td.title { width: auto; }
	.jobs-table tr td.company { width: 30%; }
	
	/* USERS TABLE */
	
	.users-table tr td.title { width: auto; }
	.users-table tr td.email { width: 30%; }
	
	/* ORDERS TABLE */
	
	.orders-table tr td.company { width: auto; }
	.orders-table tr td.amount { width: 20%; }
	.orders-table tr td.date { width: 30%; }
	



/* FORM */

form.std-form {  }
form.std-form fieldset {  }

form.std-form dl { width: 100%; overflow: hidden; }
form.std-form dl dt { display: block; width: 25%; min-height: 40px; margin: 10px 0 0 0; float: left; overflow: hidden; clear: left; }
form.std-form dl dd { display: block; width: 75%; min-height: 40px; margin: 10px 0; float: left; }

form.std-form label {
	display: block;
	font-size: 2em;
	font-family: 'OpenSansLight';
	margin-right: 40px;
	padding: 5px 0;
}

form.std-form input[type="text"],
form.std-form input[type="number"],
form.std-form input[type="date"],
form.std-form input[type="time"],
form.std-form input[type="password"],
form.std-form select,
form.std-form textarea {
	width: 80%;
	font-size: 1.6em;
	font-family: 'OpenSansRegular';
	padding: 12px 0;
	margin-right: 10px;
	color: black;
	border: 1px #ccc solid;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
form.std-form input[type="text"],
form.std-form input[type="password"] { text-indent: 20px; }

form.std-form input[type="date"],
form.std-form input[type="time"] { text-align: center; }

form.std-form textarea {
	width: 80%;
	font-size: 1.6em;
	padding: 15px 20px;
	color: black;
}

form.std-form input.tiny { width: 100px; }
form.std-form input.small { width: 240px; }

form.std-form .helptext {
	display: block;
	width: 100%;
	margin: 10px 0;
	font-size: 1.4em;
	color: #666;
}

form.std-form input:disabled,
form.std-form input:read-only {
	background-color: #f3f3f3;
	color: #444;
}

form.std-form input:focus,
form.std-form textarea:focus {
	outline: none;
	box-shadow: inset 0 0 0 1px #2093cb; -moz-box-shadow: inset 0 0 0 1px #2093cb; -webkit-box-shadow: inset 0 0 0 1px #2093cb;
	transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; 
}


form.std-form ul.checkbox-grid { width: 100%; overflow: hidden; }
form.std-form ul.checkbox-grid li { 
	width: 20%; float: left; margin: 5px; padding: 10px 0; background-color: white; overflow: hidden;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
form.std-form ul.checkbox-grid li label { display: block; float: left; font-size: 1.6em; cursor: pointer; margin: -1px 0; }

form.std-form ul.checkbox-grid li input[type="radio"],
form.std-form ul.checkbox-grid li input[type="checkbox"] { 
	display: block; float: left; width: 16px; height: 16px; margin: 7px 12px; border: 1px #ccc solid; cursor: pointer; -webkit-appearance: none;
}
form.std-form ul.checkbox-grid li input[type="radio"] { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
form.std-form ul.checkbox-grid li input[type="radio"]:checked,
form.std-form ul.checkbox-grid li input[type="checkbox"]:checked { 
	background-color: #0099ff; border: 1px #0066aa solid;
}


/* STATS CHARTS */

#chart_opens {
	margin: 20px 0;
}



/* GALLERIES */

.gallery-wrap {
	width: 100%;
	margin: 20px 0;
}

.gallery-wrap ul { width: 100%; overflow: hidden; }

.gallery-wrap ul li { 
	width: 99%; width: calc(100% - 2px);
	height: 120px;
	margin: 10px 0;
	padding: 10px 0;
	overflow: hidden;
	font-size: 1.4em;
	border: 1px #f1f1f1 solid;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}

.gallery-image-img { width: 18%; width:calc(20% - 20px); margin: 0 10px; float: left; text-align: center; }
.gallery-image-main { width: 58%; width:calc(60% - 20px); margin: 0 10px; float: left; }
.gallery-image-buttons { width: 18%; width:calc(20% - 20px); margin: 0 10px; float: left; }


.gallery-wrap ul li img { max-width: 100%; max-height: 100%; }

	/* Gallery form */

	form.gallery-image-form input,
	form.gallery-image-form textarea {
		width: 99%; width: calc(100% - 2px);
		font-size: 1.1em;
		font-family: 'OpenSansRegular';
		margin-bottom: 10px;
		padding: 5px 0;
		text-indent: 10px;
		color: black;
		border: 1px #ccc solid;
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	}
	
	/* Buttons */
	
	.gallery-button {
		display: block;
		width: 100%;
		text-align: center;
		padding: 5px 0;
		margin: 10px 0;
		font-size: 1em;
		color: white;
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
		transition:all .05s linear; -moz-transition:all .05s linear; -webkit-transition:all .05s linear; 
	}
	.gallery-button:first-child { margin-top: 0; }
	
	.gallery-button:hover {
		cursor: pointer;
		transition:all .05s linear; -moz-transition:all .05s linear; -webkit-transition:all .05s linear; 
	}
	
	.gallery-wrap ul li .gallery-button.save { background-color: #00a4db; }
	.gallery-wrap ul li .gallery-button.save:hover { background-color: #0091c3; }
	
	.gallery-wrap ul li .gallery-button.delete { background-color: #dd0000; }
	.gallery-wrap ul li .gallery-button.delete:hover { background-color: #990000; }



/* DOWNLOADABLES */

ul.media-downloadable-list {
	display: block;
	width: 100%;
	margin: 10px 0;
}

ul.media-downloadable-list li {
	display: block;
	width: 100%;
	margin: 5px 0;
	font-size: 1.4em;
	background-color:white;
	overflow: hidden;
}
ul.media-downloadable-list li:nth-child(odd) { background-color:#f1f1f1; }

ul.media-downloadable-list li .file { 
	display: block; width: 90%; margin: 5% 5% 0 5%; word-break: break-all;
	color: #333;
}
ul.media-downloadable-list li .delete {
	display: block;
	width: 90%; margin: 0 5% 5% 5%;
	font-size: 0.9em;
	color: red;
}

	
/* Overlay */

#overlay {
	display: none;
	position: fixed;
	width: 100%; height: 100%;
	top:0; left:0;
	background-color: rgba(0,0,0,.7);
	z-index: 9;
}

#overlayLoading {
	display: none;
	width: 100%; height: 100px; line-height: 100px;
	text-align: center;
	color: white;
	font-size: 5em;
	z-index: 11;
	position: fixed;
	top: 50%; left: 0;
	margin-top: -50px;
}

#confirmBox {
	display: none;
	width: 400px;
	top: 50%; left: 50%;
	margin: -80px 0 0 -200px;
	padding: 20px 0;
	position: fixed;
	z-index: 10;
	background-color: white;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	text-align: center;
}

#confirmBox .title { margin: 20px; font-size: 2.0em; color: @mainColour; font-family: 'OpenSansRegular'; }
#confirmBox p { font-size: 1.4em; margin: 20px; }



/* BUTTONS */

.button,
.delete-button {
	display: inline-block;
	padding: 10px 15px;
	font-size: 1.6em;
	color: white;
	cursor: pointer;
	
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	transition:all .05s linear; -moz-transition:all .05s linear; -webkit-transition:all .05s linear;  
}

.button.full { width: 100%; padding-left: 0; padding-right: 0; }

.button:hover,
.delete-button:hover { 
	transition:all .05s linear; -moz-transition:all .05s linear; -webkit-transition:all .05s linear; 
}

.button { background-color: #3A3A3A; }
.button:hover { background-color: #13A3DB; }

.delete-button { background-color: #e00000; }
.delete-button:hover { background-color: #ff0000; }

.blue-button { background-color: #00a4db; }
.blue-button:hover { background-color: #0091c3; }

.red-button { background-color: #dd0000; }
.red-button:hover { background-color: #990000; }

.green-button { background-color: #00d9a3; }
.green-button:hover { background-color: #00bf8f; }

.purple-button { background-color: #8e44ad; }
.purple-button:hover { background-color: #7D2D9E; }



/* MISC */


.left { float: left; }
.right { float: right; }

.success,
.warning,
.error {
	display: block;
	width: calc(100% - 80px);
	padding: 20px 0;
	margin: 40px auto 0 auto;
	text-align: center;
	font-size: 1.6em;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.success { background-color: #00d9a3; }
.warning { background-color: rgba(255,0,0,0.2); }
.error { background-color: #ff0000; }



/* CUSTOM */

.access-code {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 5em;
	font-family: 'OpenSansBold';
}