body{
	color: #0E2240;
	font-size: 16px;
	line-height: 1.5;
}

form{
	margin-bottom: 0;
}

.margin-right {
	margin-right: 1rem;
}

h1{
	font-weight: bold;
	font-size: 24px;	
}

h2{
	font-weight: bold;
	font-size: 20px;
}

h3{
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 20px;	
}

input[type=text], input[type=password], textarea, select{
	width: 100%;
	padding: 6px 12px;
	display: block;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px #0000001a;
}

input[type=text].inline, .select-wrapper.inline select{
	width: auto;
	display: inline-block;
	margin-right: 15px;
}

input[type=text].inline.interjacent, .select-wrapper.inline.interjacent select{
	margin-left: 15px;
}

input[type=text].inline.interjacent + input[type=text].inline.interjacent, 
input[type=text].inline.interjacent + .select-wrapper.inline.interjacent select,
.select-wrapper.inline.interjacent + input[type=text].inline.interjacent, 
.select-wrapper.inline.interjacent + .select-wrapper.inline.interjacent select{
	margin-left: 0;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	border-color: #8D7249;
	box-shadow: inset 0 1px 1px #0000001a,0 0 8px #8D724999;
}

input[type=submit]:disabled, input[type=button]:disabled{
	background-color: #CCC;
	border-color: #CCC;
	color: #888;
}

textarea{
	resize: vertical;
	height: 100px;
}

input[type=text].inline, .select-wrapper.inline select{
	display: inline-block;
	width: auto;
}

input[type=text].small, .select-wrapper.small select{
	font-size: 14px;
	padding: 3px 4px;
}

input[type=radio],input[type=checkbox] {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
}

.actions input[type=checkbox] {
	float: unset;
	margin: .75em 1em;
}

input[type=radio]+label, input[type=checkbox]+label, table.radio input[type=radio]+label, table.radio input[type=checkbox]+label{
	padding-left: 25px;
	font-weight: normal;
	display: block;
}

input[type=radio]+label.inline{
	display: inline;
	padding-left:0;
}

.monospace{
	font-family: "Courier New", "Courier", monospace;
}

label, .label{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

label.inline{
	display: inline;
}

label.normal{
	font-weight: normal;
}

p, .paragraph{
	margin-bottom: 16px;
	display: block;
}

ul.listing, ol.listing{
	padding-left: 25px;
}

ul.listing li, ol.listing li{
	padding-left: 5px;
	margin-bottom: 3px;
}

ul.listing li{
	list-style: square;
}

ul.listing li ul{
	padding-left: 20px;
}

ol.listing li{
	list-style: decimal;
}

#main .steps{
	margin-bottom: 15px;
}

#main .steps .step{
	border-bottom: 2px solid #DDD;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

#main .steps .step.current{
	border-color: #0E2240;
}

/* Classes */

.select-wrapper{
	display: block;
}

.select-wrapper.inline{
	display: inline-block;
}

.error, .important, .succeederror{
	color: #D9534F;
}

.debit{
	color: #D9534F;
}

.form{
	margin-bottom: 30px;
}

.form.separate{
	border: 1px solid #CCC;
	padding: 20px;
	border-radius: 4px;
}

.form.separate .form-heading h2{
	margin-top: 0;
}

.form .form-body > .panel:last-child{
	margin-bottom: 0;
}

.panel{
	border: 1px solid #CCC;
	padding: 15px 20px;
	margin-bottom: 30px;
	border-radius: 4px;
	border-left-width: 4px;
}

.panel .panel-heading{
	margin-top: 0;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 8px;
}

.panel.panel-primary{
	border-left-color: #8D7249;
}

.panel.panel-primary .panel-heading{
	color: #8D7249;
}

.panel-secondary{
	border-left-width: 1px;
}

.panel.panel-important{
	border-left-color: #D9534F;
}

.panel.panel-important .panel-heading{
	color: #D9534F;
}

.panel .panel-body > p:last-child, .panel .panel-body > ul:last-child{
	margin-bottom: 0;
}
	
.subordinate{
	font-size: 12px;
	color: #888;
}

.strong{
	font-weight: bold;
}

.mobile-label{
	font-weight: bold;
}

.pagination{
	margin: 15px 0 25px;
	text-align: center;
}

.pagination input{
	margin: 0 5px;
	padding: 1px 9px;
	border: 1px solid #EEE;
	background-color: #FFF;
	border-radius: 3px;
	font-weight: bold;
	color: #777;
	line-height: 2rem;
}

.pagination input.current, .pagination input.current:hover{
	background: #8D7249;
	color: #FFF;
}

.pagination input:hover{
	background-color: #E8E3DB;
}

.month-filter {
	float: right;
	margin-bottom: 5px;
}

.month-filter input{
	margin: 0 5px;
	padding: 1px 9px;
	border: 1px solid #EEE;
	background-color: #FFF;
	border-radius: 3px;
	color: #777;	
	margin-bottom: 15px;
}

.month-filter input.current, .month-filter input.current:hover{
	background: #8D7249;
	color: #FFF;
}

.month-filter input:hover{
	background-color: #E8E3DB;	
}

.month-filter .year-container{
	color: #AAA;
	padding: 0 7px 0 15px;
}

/** Form **/

.button{
	display: inline-block;
	border: none;
	cursor: pointer;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 6px 20px;
	border-radius: 3px;
	border: 1px solid #CCC;
	text-decoration: none;
	white-space: normal;
	text-align: center;
}

.button-icon{
	background-color: #FFF;
	border-color: #FFF;
	font-weight: normal;
	color: #888;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: -15px;
}

.button-icon:hover{
	background-color: #EFE3DE;
	color: #0E2240;
}

.button:hover, .button:focus{
	text-decoration: none;
}

.button.filled{
	width: 100%;
	display: block;
}

.button-primary{
	background-color: #8D7249;
	border-color: #8D7249;
	color: #FFF;
}

.button-primary:hover, .button-primary:focus{
	background-color: #0E2240;	
	border-color: #0E2240;
	color: #FFF;
}

.button-secondary{
	background-color: #E8E3DB;
	border-color: #E8E3DB;
	color: #0E2240;
}

.button-secondary:hover, .button-secondary:focus{
	background-color: #0E2240;	
	border-color: #0E2240;
	color: #FFF;
}

.button-back{
	background-color: #E8E3DB;
	border-color: #E8E3DB;
}

.button-back:hover, .button-back:focus{
	background-color: #0E2240;	
	border-color: #0E2240;
	color: #FFF;	
}

.button-important{
	background-color: #D9534F;
	border-color: #D9534F;
	color: #FFF;
}

.button-important:hover, .button-important:focus{
	background-color: #C9302C;
	border-color: #C9302C;
}

.input-container{
	margin-bottom: 20px;
}

.input-container.label-only{
	margin-bottom: 2px;
}

.input-container.last, .form.separate .form-body > .input-container:last-child, .form.separate .form-body > .row:last-child .input-container:last-child{
	margin-bottom: 0;
}

.input-container .info{
	margin-bottom: 10px;
	color: #666;
}

.input-container.submit{
	text-align: right;
}

.input-container.submit > .button:first-child {
	margin-left: 0;
}

.input-container.submit.submit-left{
	text-align: left;
}

.input-container.submit .button{
	margin-left: 15px;
}

.input-container.submit.submit-left .button{
	margin-left: 0;
	margin-right: 15px;
}

.data-listing{
	margin-bottom: 25px;
}

.data-listing .data-listing-body{
	padding: 0 15px;
}

.data-listing .row {
	border-bottom: 1px solid #DDD;
	padding: 10px 0 10px;
}

.data-listing .row:last-child {
	border-bottom: none;
}

.data-listing .label {
	text-align: right;
	font-weight: bold;
	margin-bottom: 0;
}

table.radio td {
	padding-right: 30px;
}

table.radio input {
	margin-right: 10px;
	vertical-align: middle;
}

table.radio label {
	display: inline-block;
}

.radiobutton-spread{
	padding-top:7px;
}

.fieldset{
	margin-bottom: 30px;
}

.fieldset-heading {
	margin-bottom: 15px;
}



/* Table */
table.table {
	width: 100%;
	cursor: default;
	margin-bottom: 30px;
}

table.table th, table.table td, .data-listing-heading, .fieldset-heading{
	padding: 10px;
}

table.table th, table.table td{
	vertical-align: middle;
}

table.table thead th, .data-listing-heading, .fieldset-heading {
	font-weight: bold;
	text-transform: uppercase;
	color: #8D7249;
	font-size: 14px;
}

table.table thead tr, .data-listing-heading, .fieldset-heading{
	border-top: 1px solid #DDD;
}

table.table tr, .data-listing-heading, .fieldset-heading {
	border-bottom: 1px solid #DDD;
}

table.table tbody tr:last-child{
	border-bottom: none;
}

table.table td.amount, table.table th.amount, table.table td.actions, table.table th.actions{
	text-align: right;
}

table.table .actions .button-icon{
	margin: 3px -15px 3px 15px;
}

/* IDs */

#header{
	margin-bottom: 20px;
}

#logo{
	padding: 40px 0;
	text-align: center;
}

#nav-secondary{
	margin-left:-15px;
	margin-right: -15px;
	text-align: center;
	background-color: #E8E3DB;
}

#nav-secondary li{
	font-size: 17px;
	line-height: 50px;
	font-family: 'Libre Baskerville', serif;
	text-transform: uppercase;
	width: 49%;
	display: inline-block;
}

#nav-secondary li.first{
	border-right: 1px solid #8D7249;
}

#nav-secondary li a{
	color: #0E2240;
	display: block;
}

#nav-secondary li a:hover{
	text-decoration: none;
}

#content{
	margin-left: -20px;
	margin-right: -20px;
}

#sidebar-primary{
	float: left;
	width: 20%;
}

#sidebar-secondary{
	float: left;
	width: 20%;
}

#main{
	margin-bottom: 30px;
	float: left;
	width: 60%;
}

#main.full{
	width: 80%;
}

#sidebar-primary > .inside, #sidebar-secondary > .inside, #main > .inside{
	padding-left: 20px;
	padding-right: 20px;
}

#nav-primary .level_2 {
	margin-bottom: 25px;
}

#nav-primary .level_2 li {
	border-bottom: 1px solid #CCC;
}

#nav-primary .level_2 li a{
	color: #0E2240;
	display: block;
	padding: 6px 0 6px 10px;
}

#nav-primary .level_2 li a:hover{
	text-decoration: none;
	color: #337ab7;
}

#nav-primary .level_2 li.first {
	border-top: 1px solid #CCC;
}

#sidebar-primary .user{
	margin: 0 -15px;
	padding: 7px 15px;
}

#sidebar-primary .user, #mNav .user{
	background-color: #0E2240;
	color: #FFF;	
}

#mNav .user{
	padding: 45px 15px 15px 15px;
}

#sidebar-primary .user a, #mNav .user a{
	color: #FFF;
}

#sidebar-primary .user .name{
	display: block;
	font-family: "Libre Baskerville", serif;
	text-transform: uppercase;
}

#sidebar-secondary .label{
	display: inline;
}

#footer{
	background-color: #E8E3DB;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
