/* css code to include */
$icon-font-path: "../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";
$fa-font-path: "../bower_components/font-awesome/fonts";


/** Bootstrap customizations **/
$body-bg: #ffffff;
$border-radius-base: 3px;
$border-radius-large: 3px;

$font-family-sans-serif: "Open Sans", Arial, sans-serif;
$navbar-inverse-bg: rgb(42, 47, 45);
$navbar-inverse-border: none;
$navbar-inverse-color: #e0e0e0;
$font-size-base: 14px;
//$state-info-bg: #F58B00;
$state-info-bg: #4DC35B;
$state-info-text: #ffffff;
$state-info-border: darken($state-info-bg, 5%);




/** Custom **/
$app-title-color: #3e7b4e;
$header-size:60px;


@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf?v=1.0');
  font-weight: normal;
  font-style: normal;
}

@import 'bootstrap-sass-official/assets/stylesheets/bootstrap';
@import 'font-awesome/scss/font-awesome';


/**
 * App-wide Styles
 */
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.app-logo {
  padding:6px;

  .app-logo-img {
    max-width:50px;
    height: auto;
  }

  .app-logo-text {
    padding: 4px 6px;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
  }
}

.app-header {
  height: $header-size;
}


body {
	padding-top: $header-size;
}

.no-border {
	border-color: transparent;
	border-width: 0;
	box-shadow: none;
}

.no-border:focus {
	box-shadow: none;
}

.nav-ctrl {
	border:1px solid lighten($navbar-inverse-bg, 8%) !important;
	background: lighten($navbar-inverse-bg, 15%);
	color: #f0f0f0;
	font-size:12px;
}

.nav-ctrl:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.75);
}

.top-space {
	margin-top:8px;
}

.top-space-2x {
	margin-top:20px;
}

.top-space-3x {
	margin-top:32px;
}

.wrapper {
	margin-top:8px;
	margin-bottom:8px;
	display: block;
}

.wrapper-2x {
	margin-top:20px;
	margin-bottom:20px;
	display: block;
}

.title {
	position: relative;
	display: block;
	margin-bottom: 1.20em;
	border-bottom: 1px solid #cdcdcd;
	color: $app-title-color;
	text-align: left;
	font-weight: bold;
}

.tpline {
	border-top: 1px solid #cdcdcd;
}