body{
	background-color: #fff;
	color: #002E32;
	font-family: "SuisseIntl-Regular", sans-serif;
	font-size: 14px;
}

#header > .inside{
	padding-top: 2rem;
}

#user-status {
	margin-right: 15px;
}

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

#logo{
	margin: 0 auto;
	padding-bottom: 1rem;
	display: table;
}

#logo img{
	width: 225px;
	height: auto;
}

.logout .button{
	text-transform: none;
	display: inline-block;
	position: relative;
	padding: 0.6em 2.1em 0.6em 1.1em;
	margin-bottom: 0;
	border-radius: 0 0 8rem 2rem;
	font-size: 1.25rem;
}

.logout .button span:after{
	background: url("") center no-repeat;
	display: block;
	content: "";
	position: absolute;
	width: 7px;
	height: 13px;
	right: 0.8em;
	top: 50%;
	background-size: 7px 13px;
	z-index: 2;
}

.logout.logout-desktop{
	font-size: 0.85em;
	text-align: right;
}

.logout.logout-desktop .user{
	display: inline-block;
	padding: 9px 15px;
	color: #002E32;
}

.logout.logout-desktop .user a{
	color: #888;
	padding-right: 15px;
}

.logout.logout-desktop .user a:hover {
	color: #000;
}

.logout.logout-desktop .button{
	margin-top: -23px;
	padding-top: 32px;
	float: right;
	border-radius: 0 0 8px 3px;
	text-decoration: none !important;
	color: #002E32;
}

.logout.logout-desktop .button:hover {
	text-decoration: underline !important;
}

.logout .button span:after{
	margin-top: -7px;	
}

.logout.logout-desktop .button span:after{
	margin-top: 6px;	
}

#nav-primary{
	padding-top: 3rem;
	color: #002E32;
	font-family: 'SuisseIntl-Bold';
}

#nav-primary ul.level_1 {
	float: left;
	margin-bottom: 0;
	font-size: 1.6rem;
}

#nav-primary ul.level_1.right {
	float: right;
}

#nav-primary ul.level_1 > li {
	float: left;
	margin-right: 15px;
	padding-bottom: 10px;
	position: relative;
}

#nav-primary ul.level_1.right > li {
	margin-right: initial;
	margin-left: 15px;
}

#nav-primary ul.level_1 > li.current-parent > span.title,
#nav-primary ul.level_1 > li:hover span.title,
#nav-primary ul.level_1 > li:focus span.title,
#nav-primary ul.level_1 > li:focus-within span.title {
	color: #DBC7A9;
}

#nav-primary ul.level_1 > li > span.title{
	cursor: pointer;
}

#nav-primary ul.level_1 > li.highlighted {
	color: #DBC7A9;
}

#nav-primary ul.level_1 > li.highlighted > span.title{
	cursor: pointer;
}

span.arrow{
	background-color: #dbc7a9;
	height: .8rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 2.7rem;
	margin-top: auto;
	visibility: hidden;
	opacity: 0;
}

li.current-parent > span.arrow,
#nav-primary ul.level_1 > li:hover ul.level_2,
#nav-primary ul.level_1 > li:hover span.arrow,
#nav-primary ul.level_1 > li:focus ul.level_2,
#nav-primary ul.level_1 > li:focus span.arrow,
#nav-primary ul.level_1 > li span.arrow:hover,
#nav-primary ul.level_1 > li:focus-within ul.level_2 {
	visibility: visible;
	opacity: 1;
}

#nav-primary ul.level_2 {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	background-color: #fff;
	padding: 0 0 8px 0;
	min-width: 300px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
	border: 1px solid #bdbdbd;
	z-index: 10;
	border-top: 2px solid #dbc7a9;
	border-radius: 0 0 16px 4px;
	top: 3.5rem;
	margin-top: -1px;
}

#nav-primary ul.level_1.right ul.level_2 {
	left: auto;
	right: -15px;
	min-width: 150px;
}

#nav-primary ul.level_2 li a, #nav-primary ul.level_2 li input[type=submit]{
	padding: 8px 15px;
	margin: 0;
	display: block;
	color: #002E32;
	font-size: 1.25rem;
	text-decoration: none;
}


/* make the button look like a link */
#nav-primary ul.level_2 li input[type=submit]{
	border: none;
	width: 100%;
	text-align: left;
	background-color: transparent;
}

#nav-primary ul.level_2 li a:hover,
#nav-primary ul.level_2 li a:focus,
#nav-primary ul.level_2 li.current a,
#nav-primary ul.level_2 li input:hover[type=submit],
#nav-primary ul.level_2 li.current input[type=submit] {
	background-color: #f1f1f1;
	color: #DBC7A9;
	text-decoration: none;
}

.language-selection-icon {
	font-size: unset !important;
}

#content{
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #bdbdbd;
	border-top: 2px solid #dbc7a9;
	border-radius: 2px 2px 35px 5px;
}

#content > .inside{
	padding: 4rem 2rem;
}

#main {
	padding-right: 5rem;
}

#main .info{
	font-size: 0.8em;
}

#sidebar-secondary {
	/*padding-left: 2.5rem;*/
}

#sidebar-secondary .element h3{
}

#sidebar-secondary .element:first-child h3{
	margin-top:0;
}

#sidebar-secondary .element{
	padding-bottom: 1rem;

}

#sidebar-secondary .element.last{
	padding-bottom: 0;
}

#footer{
	background-color: #002E32;
	padding: 3em;
	box-shadow: 0 1px 5px #BBB;
}

#footer a:hover {
	color: #dbc7a9;
}

#footer .copy{
	color: #fff;
	font-size: 1.2rem;
}

#footer a:hover {
	color: #fff;
}

/** Elements **/

form{
	margin-bottom: 0;
}

h1{
	font-family: "SuisseIntl-Bold";
	font-size: 2rem;
	color: #002E32;
	margin-bottom: 0.5rem;
}

h1:first-child{
	margin-top: 0;
}

h2 {
	font-family: "SuisseIntl-Bold";
	font-size: 2rem;
	color: #002E32;
	margin-bottom: 0.5rem;
}

h3 {
	font-family: "SuisseIntl-Bold";
	font-size: 1.75rem;
	color: #002E32;
	margin-bottom: 0.5rem;
}

input[type=text], input[type=password], textarea, select{
	color: #414B56;
	background-color: #EFF1F4;
	border: 1px solid #DDDDDD;
	font-size: 0.9em;
	padding: 0.5em;
	width: 100%;
	display: block;
	border-radius: 2px;

}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	color: #002E32;
	outline: none;
	box-shadow: 0 3px 5px 0 #EEE;
}

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

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].small, .select-wrapper.small select{
	font-size: 14px;
	padding: 3px 4px;
}

input[type=radio],input[type=checkbox] {
	float: left;
	margin-right: 10px;
	height: 2rem;
}

.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;
}

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


input:disabled{
 	color: #AAA!important;
	background-color:#D9DBDC!important;
}

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

label, .label{
	font-family: SuisseIntl-Bold;
	display: block;
	margin-bottom: 5px;
}

label.inline{
	display: inline;
}

label.normal{
	font-weight: normal;
}

#sidebar-secondary label, #sidebar-secondary .label{
	font-weight: normal;
	display: inline;
	margin-bottom: auto;
}

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: disc;
	padding-left: 0.4em;
	margin-bottom: 0.25em;
	color: #002E32;
}

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

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

ul.listing.subordinate li{
    list-style-image: none;
    list-style-type: square;
}

ul.listing:last-child{
    margin-bottom: 0;
}

/* Classes */

.select-wrapper{
	display: block;
}

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

.error, .important, .succeederror, .debit, .debug {
	color: red;
}

.nav-trigger{
	width: 22px;
	display: inline-block;
	margin: 10px;
	float: right;
}

.nav-trigger .bar{
	width: 100%;
	height: 2px;
	background-color: #002E32;
	display: block;
	margin-bottom: 4px;
}

.form{
	margin-bottom: 30px;
}

.form.separate{
	border-bottom: 1px solid #D9DBDC;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.form-heading{
	font-family: SuisseIntl-Bold;
}

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

.form.separate.last{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

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

.subordinate{
	font-size: 12px;
	color: #888;
}

.strong{
	font-family: SuisseIntl-Bold;
}

.mobile-label{
	font-family: SuisseIntl-Bold;
}

/** Form **/

#curve {
	margin: -20rem -5rem -6rem -5rem;
}

.button{
	display: inline-block;
	border: none;
	cursor: pointer;
	font-family: SuisseIntl-Bold;
	margin: 0 0 15px;
	padding: 0.75em 1.5em;
	text-decoration: none;
	color: #002E32;
	background-color: #DBC7A9;
	border-radius: 2px 2px 8px 2px;
	transition: box-shadow .2s;
	white-space: normal;
	text-align: center;
}

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

.fa {
	border-radius: 2px 2px 5px 2px;
	font-family: 'FontAwesome';
}

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

.button-primary, .button-important{
	background-color: #DBC7A9;
	color: #002E32;
}

.button-primary:hover, .button-primary:focus, .button-important:hover, .button-important:focus{
	color: #000;
}

.button-secondary{
	color: #002E32;
	background-color: #dbdbdb;
}

.button-secondary:hover, .button-secondary:focus{
	color: #000;
}


.panel .button{
	background-color: #DBC7A9;
	color: #002E32;
}

.panel .button:hover, .panel .button:focus{
	color: #000;
}

.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-family: SuisseIntl-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;
}

.tooltip-area{
	font-size: 0.8em;
}

.steps{
	margin-bottom: 30px;
}

.steps .step{
	border-bottom: 1px solid #D9DBDC;
	padding-top: 15px;
	padding-bottom: 5px;
}

.steps .step.current{
	border-color: #dbc7a9;
	border-width: 2px;
}

.panel{
	background-color: transparent;
	padding: 12px;
	color: #002E32;
	margin-bottom: 30px;
	border: 1px solid #dbdbdb;
	border-radius: 2px 2px 8px 2px;
	width: fit-content;
}

.panel .panel-heading{
	font-family: SuisseIntl-Bold;
	margin-bottom: 0.7em;
}

.panel .panel-body > p:last-child, .panel .panel-body > ul:last-child, .panel .panel-body > table:last-child {
	margin-bottom: 0;
}

.panel.panel-important .panel-heading{
	color: #002E32;
}

.pagination input, .month-filter input{
	background-color: #bdbdbd;
	border: none;
	color: #FFF;
	padding: 5px 12px 3px;
	margin: 0 5px 10px;
	line-height: 2rem;
	border-radius: 2px 2px 5px 2px;
}


.pagination input.current, .month-filter input.current{
	background-color: #DBC7A9;
}

.pagination input:hover, .month-filter input:hover{
	background-color: #DBC7A9;
}

.pagination{
	padding-top: 15px;
	padding-bottom: 30px;
	text-align: center;
}

.month-filter{
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:right;
}

.month-filter .year-container{
	display: inline-block;
	padding: 0 15px 0 30px;
	font-family: "SuisseIntl-Bold";
}

.month-filter .year-container.last-year{
	color: #D9DBDC;
}

/* 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-family: SuisseIntl-Bold;
	font-size: 14px;
	border-bottom: 2px solid #D9DBDC;
}


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

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: 0 0 3px 3px;
	padding: 0.75em 1em;
	border-radius: 2px 2px 5px 2px;
}


td.amount{
	min-width: 200px;
}

table.oversized td.amount{
	min-width: auto
}

td.w20 {
    width: 20%;
}

.progress{
    background-color: #DDD;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.progress-bar{
    background-color: #53cf29;
    border-radius: 4px 0 0 4px;
    text-align: center;
    color: #FFF;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
	font-family: SuisseIntl-Bold;
}

.progress-bar-w33{
    width: 33.3%;
}

.progress-bar-w66{
    width: 66.6%;
}

.progress-bar-w100{
    width: 100%;
    border-radius: 4px;
}

div.leftblock {
    display: block;
    text-align: left;
    float: left;
}

div.rightblock {
    display: block;
    text-align: right;
    float: right;
}

a{
	color: #BD9154;
	text-decoration: underline;
}

a:hover{
    color: #002E32;
}

#footer a {
	color: #dbc7a9;
}