@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
	font-family: "HaiHo";
	src: url("fonts/HaiHo.eot");
	src: url("fonts/HaiHo.eot?#iefix") format("embedded-opentype"),
	url("fonts/HaiHo.woff2") format("woff2"),
	url("fonts/HaiHo.woff") format("woff"),
	url("fonts/HaiHo.ttf") format("truetype"),
	url("fonts/HaiHo.svg#font") format("svg");
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: "HaiHo";
		src: url("fonts/HaiHo.svg#HaiHo") format("svg");
	}
}

page-info {
	display: none;
}

.logo{
	width:250px;
	height:250px;
	text-align:center;
}

.navbar-header img {
	height: 75px;
    padding-top: 4px;
    margin-top: -15px;
}

.navbar-default {
	background-color: #ffffff;
	border-color: #e7e7e7;
}
h2 {
	color: #0ccaf3;
}

h3 {
	color: #f30caf;
	font-size: 18px;
}

.navbar {
    min-height: 90px;
 }

.page-header {
    /*margin: 90px 0 20px;*/
	visibility: hidden;
}

div.alert  {
	padding: 12px;
	display: flex;
	border: solid #d43f3a 1px;
}

div.alert:BEFORE {
	font-family: FontAwesome;
	content: "\f071";
	padding-left: 5px;
	padding-right: 5px;
	color: #d43f3a;
	font-size: 60px;
}

div.info  {
	padding: 12px;
	display: flex;
	border: solid #e57c0b 1px;
}

div.info:BEFORE {
	font-family: FontAwesome;
	content: "\f129";
	padding-left: 5px;
	padding-right: 26px;
	color: #e57c0b;
	font-size: 60px;
}

#localeselector {
	line-height: 52px;
}

#localeselector a.active {
	font-weight: bold;
	color: black;
}

table.settings {
	width: unset;
}

table.settings thead td {
	font-weight: bold;
}

table.settings tbody tr td:first-of-type {
	padding-right: 4px;
	color: #2a2ae7;
}

table.settings tr td {
	border-bottom: 1px solid gray;
}

div .trail a {
	color: green;
}

div .trail a:AFTER {
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 5px;
	padding-right: 5px; 
}

div .trail span {
	color: orange;
}

div.trail {
	padding: 5px;
}

div.trail:BEFORE {
	font-family: FontAwesome;
	content: "\f18e";
	padding-left: 5px;
	padding-right: 5px;
	color: green;
}

#editwidget {
	padding-left: 20px;
    line-height: 52px;
}

.how-tos {
	padding-left: 46px;
}

.howto {
	padding: 6px;
}
.howto:before {
	position: relative;
	left: -32px;
	width: 0px;
	display: inline-block;
 	content: url("/crm/doc/haiho-documentation/images/logo_24.png");
}

.howto a {

}

.howto > p {
	padding-left: 12px;
}

.howto a:after {
	content: '...';
}







.releases {
	padding-left: 46px;
}

.release {
	padding: 6px;
}
.release:before {
	position: relative;
	left: -32px;
	width: 0px;
	display: inline-block;
	content: url("/crm/doc/haiho-documentation/images/logo_24.png");
}

.release a {

}

.release > p {
	padding-left: 12px;
}

.release a:after {
	content: '...';
}


.haiho:before {
	display: inline-block;
	font-family: "HaiHo";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.hai:before {content: "\f100";}
.ho:before {content: "\f101";}


.optional-module {
	padding: 12px;
	display: flex;
	width: 500px;
	border: solid orange 1px;
}

.optional-module-button {
	width: 64px;
}

.optional-module span {
	margin: 12px;
}

.choose-button {
	padding: 12px;
	display: flex;
	width: 500px;
	border: solid #4cae4c 1px;
}

.choose-button-button {
	width: 64px;
}

.choose-button span {
	margin: 12px;
}

.imageholder {
	text-align: center;
}

.imageholder img {
	max-width: 500px;
}