/* fullscreen frontpage, rest in home.css */

html{
	padding:0px;
	margin:0px;
	height:100%;
}

body{
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	background-color:white;
}

h1.inline{
	display:inline;
}

#main_container{
	max-width:1440px;
	margin:auto;
	height:100%;
}

.wrapper {
	min-height: 85%;
	margin: 0 auto -13px; /* the bottom margin is the negative value of the footer's height */
}

#content{
}

#footer {
	width:100%;
	clear:both;
	margin: 0px 0 10px 0;
	font-size:12px;
	text-align:center;
}

#footer a{
	text-decoration:none;
}

#footer a:visited{
	text-decoration:none;
}

#footer a:hover;{
	text-decoration:none;
}

.ng-scope{
    height: 100%;
}

.height_100{
	height:100%;
}

@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 700;
  src: local('Metrophobic'), url(/fonts/Metrophobic-Bold.ttf) format('ttf');
}

/* feat: before angular is ready, display loading animation */
body.waiting-for-angular div#content-outer {
  display: none;
}
body.waiting-for-angular div#initializing-panel {
	display: block;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color:white;
	z-index:10002;
}

#loading_message {
	font-family: "Metrophobic", sans-serif;
    position:absolute;
	width:100%;
	text-align:center;
	color:black;
}

#logo_loading{
	font-family: 'Play', sans-serif;	
	color:white;
	font-size:100px;
	background-color:white;
	width:100%;
	text-align:center;
	padding:91px 0px;
	color:#131518;
}

h1.inline{
	display:inline;
}

.main_container{
    position: relative;
}

#application {
	font-family: "Metrophobic", sans-serif;
	color:#333;
	font-size:16px;
	background-color:blue;
}

.view-container {
	height:100%;
}

.view-container a:hover{
	text-decoration: none;
}

.content_margin{
	padding: 60px 120px 0px 120px;
	background-color:grey;
}

.view-frame {
}

.view-frame.ng-enter,
.view-frame.ng-leave {
  background: white;
  height:100%;
  position: absolute;
  top: 20;
  left: 0;
  right: 0;
}

.view-frame.ng-enter {
  -webkit-animation: 0.5s fade-in;
  -moz-animation: 0.5s fade-in;
  -o-animation: 0.5s fade-in;
  animation: 0.5s fade-in;
  z-index: 100;
}

.view-frame.ng-leave {
  -webkit-animation: 0.5s fade-out;
  -moz-animation: 0.5s fade-out;
  -o-animation: 0.5s fade-out;
  animation: 0.5s fade-out;
  z-index: 99;
}

.plain_button{
	padding: 0;
	border: none;
	background: none;
	font-size:14px;
	color:#428bca;
}

.plain_button:hover {
	color:#c2231f;
}

.plain_button_no_font_size{
	padding: 0;
	border: none;
	background: none;
	color:#428bca;
}

.plain_button_no_font_size:hover {
	color:#c2231f;
}

#red{
	color:#c2231f;
}

.red{
	color:#c2231f;
}

.red a{
	color:#c2231f;
	text-decoration:none;
}

.red a:hover{
	color:#c2231f;
	text-decoration:none;
}

.red:hover{
	color:#c2231f;
	text-decoration:none;
}

.button_red{
	color:#c2231f;
	margin: 0px;
	padding: 0px;
	border:none;
    background-color: transparent;
}

.button_red a{
	color:#c2231f;
	style:none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border:none;
    background-color: transparent;
}

.button_red a:hover;{
	color:#c2231f;
	style:none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border:none;
    background-color: transparent;
}

.blue {
	color:#428bca;
}

.blue a{
	color:#428bca;
}

.errors{
    position: relative;
    -webkit-transition: top linear 0.7s;
    transition: top linear 0.7s;
    top: 0;
}

.errors_absolute{
    position: absolute;
    -webkit-transition: top linear 0.7s;
    transition: top linear 0.7s;
    top: 100px;
	width: 100%;
    z-index:10000;
}

.errors.ng-hide {
	top: -100px;
}
.errors.ng-hide-add,
.errors.ng-hide-remove {
	display: block!important;
}

.error_messages {
	padding: 0px 104px;
}

.warnings{
    position: relative;
    -webkit-transition: top linear 0.7s;
    transition: top linear 0.7s;
    top: 0;
}

.warnings_absolute{
    position: absolute;
    -webkit-transition: top linear 0.7s;
    transition: top linear 0.7s;
    top: 100px;
	width: 100%;
    z-index:10000;
}

.warnings.ng-hide {
	top: -100px;
}
.warnings.ng-hide-add,
.warnings.ng-hide-remove {
	display: block!important;
}

.warning_messages {
	padding: 0px 104px;
}

.successes{
    position: relative;
    -webkit-transition: top linear 0.7s;
    transition: top linear 0.7s;
    top: 0;
}

.successes_absolute{
    position: absolute;
    -webkit-transition: top linear 0.7s;
    transition: top linear 0.7s;
    top: 100px;
	width: 100%;
    z-index:10000;
}


.successes.ng-hide {
	top: -100px;
}
.successes.ng-hide-add,
.successes.ng-hide-remove {
	display: block!important;
}

.success_messages {
	padding: 0px 104px;
}

.btn_link {
	padding:0px;
	margin: 0px;
	border:0px;
}

.btn_link:hover {
	text-decoration:none;
}

.black_link {
	color:black;
}

.black_link:hover {
	color:black;
}


/* menu bar animation */

.navbar {
   background-color: transparent;
   border:0px;
   -webkit-transition: all 0.7s;
   -moz-transition: all 0.7s;
   transition: all 0.7s;
   margin: 0 0 40px 0;
	max-width:1440px;
	margin:auto;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    background-color: transparent;	
}

.navbar-inverse.shrink .navbar-nav>.open>a, .navbar-inverse.shrink .navbar-nav>.open>a:focus{
	color:black;
}

.navbar-inverse .navbar-nav>.open>a:hover{
	color:red;
}

.navbar-inverse.shrink .navbar-nav>.open>a:hover{
	color:red;
}

.navbar-inverse .navbar-nav>li {
	padding: 10px;
}

.navbar-inverse .navbar-nav>li>a {
	color: white;
	font-size:17px;
	decoration:none;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.navbar-inverse .navbar-nav>li>a {
	color: white;
	decoration:none;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

nav.navbar.navbar-inverse li>a:hover {
	color:red;
	decoration:none;
}

nav.navbar.navbar-inverse.shrink li>a:hover {
	color:red;
	decoration:none;
}

.navbar-brand{
	padding: 0px;
}

.navbar-inverse .logo{
	height:30px;
	width:183px;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url('/images/logow.png');
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin: 17px 0 0 0;
}

nav .navbar-toggle {	
}

.navbar-inverse.shrink {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.navbar-inverse.shrink .logo{
	height:30px;
	width:183px;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url('/images/logob.png');
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin: 10px 0 0 0;
}

.navbar-inverse.shrink .navbar-nav>li {
	padding:0px 10px 0px 10px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

nav.navbar.navbar-inverse.shrink {
	background: #f7f7f7;
}

nav.navbar.navbar-inverse.shrink.on_top {
	position:static;
}

nav.navbar.navbar-inverse.shrink li>a{
  color:black;
}

nav.shrink .navbar-brand {
}

nav.shrink .navbar-toggle {
}

/* menu bar for mobile phones */
@media only screen and (max-width: 767px) {
	.navbar {
	   background-color: #f7f7f7;
	   border:0px;
	}
	.navbar-toggle {
	    background-color: black;
	}
	.navbar-inverse .logo{
		height:30px;
		width:183px;
		background-position: center;
		background-repeat: no-repeat;
		background-image:url('/images/logob.png');
	    -webkit-transition: all 0.7s;
	    -moz-transition: all 0.7s;
	    transition: all 0.7s;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
		margin: 10px 0 0 10px;
	}
	
	.navbar-inverse .navbar-nav>li {
		padding: 10px 0px 0px 0px;
	}
		
	.navbar-inverse.shrink .navbar-nav>li {
		padding: 10px 0px 0px 0px;
	}
	
	.collapsing, .in {background-color: #f7f7f7;}
	.collapsing ul li a, .in ul li a {color: black!important;}
	.collapsing ul li a:hover, .in ul li a:hover {color: red!important;}
}

/* end animation bar */

.container_single {
	padding: 40px 0 0 0;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.white_text {
	color: white;
}

.btn {
	margin:0px;
}


/* making bootsrap columns same height */

/* columns of same height styles */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

/* firefox fix */
.img-responsive {
    width: 100%;
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/* bootstrap columns end here */

.header0 {
	font-size:22px;
	margin: 0px 0px 0px 0px;
    font-weight: 500;
}

.header1 {
	font-size:20px;
	margin: 0px 0px 0px 0px;
    font-weight: 500;
}

.subheader1 {
	font-size:20px;
	margin: 0px 0px 0px 0px;
    font-weight: 300;
}

.header2 {
	font-size:18px;
	margin: 0px 0px 0px 0px;
    font-weight: 500;
}