/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	ADMIN
-----------------------------------*/
#admin .grid {
	max-width: none;
}

#admin .sidebar {
	float: left;
	width: 19em;
	background-color: #353535;
	padding-top: 80px;
}

#admin .sidebar ul {
	margin: 0;
}

#admin .sidebar li.sub {
	background-color: #575757;
	padding-left: 15px;
}

#admin .sidebar li.sub.inner {
	padding-left: 45px;
}

#admin .sidebar li {
	list-style: none;
	background-color: #464646;
	border-bottom: 1px solid #363636;
	border-top: 0;
	padding: 0;
}

#admin .sidebar li.active, #admin .sidebar li:hover, #admin .sidebar li:active {
	background-color: #E6652C;
}

#admin .sidebar li a {
	color: #FFF;
	display: block;
	font-size: 1.2em;
	letter-spacing: 1px;
	padding: 15px 15px 15px 25px;
	text-decoration: none;
}

#admin #current-user {
	position: absolute;
	right: 70px;
	top: 30px;
	text-decoration: none;
}

#admin .navbar {
	background-color: #F0F0F0;
	margin-left: 19em;
	height: 80px;
	padding: 0;
	position: relative;
}

#admin .navbar h1 {
	font-family: inherit;
	margin: 0;
	font-weight: bold;
	font-size: 30px;
	color: #777;
	position: absolute;
	top: 18px;
	left: 18px;
}

#admin .navbar a {
	position: absolute;
	right: 10px;
	top: 30px;
	text-decoration: none;
}

#admin .main {
	margin-left: 19em;
	height: 400px;
	width: 900px;
}

#admin .main.wide {
	width: auto;
}

#admin #toolbar {
	position: absolute;
	left: 285px;
top: 90px;
	right: 10px;
}

#admin #toolbar h2 {
	background: #F4F4F4;
	background-position: left center;
	border: 1px solid #CCC;
	line-height: 48px;
font-size: 2em;
font-weight: bold;
color: #146295;
margin: 0;
padding: 5px 5px 5px 55px;
background-repeat: no-repeat;
background-image: url('img/tool.png');
}

#admin #toolbar #control {
position: absolute;
top: 2px;
right: 20px;
}

#toolbar #control span {
background-image: url('img/apply.png');
float: none;
width: 32px;
height: 32px;
margin: 0 auto;
display: block;
}

#admin .sensia-logo {
width: 30px;
position: absolute;
right: 10px;
}

/*---------------------------------
	LOGIN
-----------------------------------*/

.backend-login {
	background: #DDD;
}

.backend-login .outer {
	width: 350px;
	margin: auto;
}

.backend-login .inner {
	background: white;
    padding: 12px;
}

.backend-login .inner h2 {
	font-size: 25px;
	padding: 10px;
	margin-bottom: 0;
	font-family: inherit;
}

.backend-login .inner-intro {
	width: 200px;
	padding: 10px;
	float: left;
}

.backend-login .inner-control {
	padding: 10px;
	padding-top: 0;
}

.backend-login .inner input, .backend-login .inner button {
	font-family: inherit;
}
.backend-login .inner input {
	width: 100%;
	border: 1px solid grey !important;
    border-radius: 0 !important;
}
.backend-login .inner input:hover, .backend-login .inner input:focus {
	border: 1px solid black !important;
}
.backend-login .inner button {
	width: 100%;
	border: 5px solid #de4848 !important;
    border-radius: 0 !important;
}
.backend-login .inner button:hover {
    background: #ffffff;
}

.backend-login .lock-image {
	margin-left: 29px;
}
.backend-login .logo {
	margin: auto;
    display: block;
}
.backend-login .sweet-alert fieldset {
    background: #ffffff;
}
.backend-login .sweet-alert button {
    background: rgb(174, 222, 244) !important;
}
.backend-login .sweet-alert button:hover {
    background: rgb(167, 213, 234) !important;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body {
	margin:0;
	padding:0 0 0 0;
	color:#000;
	font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
	text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}