html,
body {
    height: 100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.container {
	background-color:  rgb(242,242,245);
}
#navbarContainer.container {
	background-color: transparent;
}

/* sticky footer */
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -50px;
  /* Pad bottom by footer height */
  padding: 0 0 50px;
}

/* Set the fixed height of the footer here */
#stickyfooter {
  height: 40px;
}

/* Footer Styles */

#footerSection .row {
	margin-left:0;
	margin-right:0;
}

footer {
	margin-top: 10px;
	margin-bottom:0;
}

#footerSection .row p {
	margin: 10px 0;
}
/*
#footerSection	{
    background-color: rgb(210,210,215);
}
*/

#footerSection {
    background-color: rgb(110,110,115);
    border-color: #080808;
	color : rgb(245,248,230);
}

#footerSection  > a:focus,
#footerSection  > .active,
#footerSection  > li + li:before,
#footerSection > li > a:active {
	color : rgb(255,255,255);
}
#footerSection a {
	color : rgb(205,205,255);
}
	
.navbar-inverse,
.breadcrumb {
    background-color: rgb(110,110,115);
    border-color: #080808;
	color : rgb(245,248,230);
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: outside none none;
	border-radius: 0;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: rgb(205,205,255);
}

.navbar-inverse a,
.breadcrumb > li + li:before,
.breadcrumb a {
	color : rgb(205,205,255);
}

.navbar-inverse .navbar-brand:active,
.navbar-inverse .navbar-nav > li > a:active ,
.navbar-inverse a:active,
.breadcrumb a:active,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > li > a:focus ,
.navbar-inverse a:focus,
.breadcrumb > a:focus,
.breadcrumb > .active,
.breadcrumb > li > a:active {
	color : rgb(255,255,255);
}

body.home a.home,
body.services a.services,
body.projects a.projects,
body.experience a.experience,
body.contact a.contact,
body.about a.about {
	color : rgb(255,255,255);
	cursor: default;
}

body.services a.services,
body.projects a.projects {
	cursor: pointer;
}

body.home .panel-heading,
body.home .panel-body {
	text-align: center;
}

img.bullet {
	width:19px;
	height:19px;	
}

.latalign {
	margin: 10px 0px;
}

.table {
    margin-bottom: 5px;
}

.table > thead > tr > th {
    vertical-align: top;
}

.table > tbody > tr > td {
    padding-top: 2px;
	padding-bottom: 2px;
}
.table-responsive.thumbnail th,
.table-responsive.thumbnail td {
	padding:2px 0;
}

.img-portfolio {
    margin-bottom: 30px;
}
.telesecureicon {
	/* content: "<img src='img/telesecure-short-logo.24.png'>"; */
    background-image: url("img/telesecure-short-logo.24.png");
}

.table-responsive.thumbnail > img, .table-responsive.thumbnail a > img {
    margin-right: auto;
    margin-left: 0;
}

hr {
	margin-top: 4px;
	margin-bottom: 0;
}
.newsList {
	/* height: 90vh; %-height of the viewport */
	height: auto;
    overflow-y: inherit;
}
.newsList .panel {
    margin-bottom: 5px;
}

.panel-heading h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.img-hover:hover {
    opacity: 0.8;
}
.noMarginx {
	margin-left: 0px;
	margin-right: 0px;
}
.news_header {
	/* background-color: #F7F7F7; */
    /* border-bottom: 1px solid #D8D8D8; */
	margin-bottom: 5px;
	padding-right:15px;
	padding-left:15px;
	box-sizing: border-box;
}

.pdfViewFrame {
	/* None of this works... */
	 /* height: -moz-calc(100% - 250px); Firefox */
	 /* height: -webkit-calc(100% - 250px);Chrome, Safari */
	/* height: calc(100% - 250px); IE9+ and future browsers */
	 height: 500px;
}

.file-header {
    padding: 5px 10px;
    /* background-color: #F7F7F7; */
    /* border-bottom: 1px solid #D8D8D8; */
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
	box-sizing: border-box;
}
.file-actions {
    float: right;
    padding-top: 3px;
}
.file-info {
    float: left;
    line-height: 32px;
}

.news_header,
.noMarginx,
.file-header,
.file-actions,
.file-info {
	background-color: #6E6E73;	
	color: #FFF;
}

.btn-group {
    display: inline-block;
    vertical-align: middle;
}

.btn.download,
.btn.action {
	color: #CDCDFF;
	background: transparent none repeat scroll 0px 0px;
	box-sizing: border-box;
	text-decoration: none;
	padding: 2px 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 3px;
}
.btn.download:hover,
.btn.action:hover {
	color: #FFF;
	/* background-color: #000; */
	text-decoration: underline;
}

	/*
.btn.download {
	position: relative;
	display: inline-block;
	padding: 2px 10px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-color: #EEE;
	background-image: linear-gradient(#FCFCFC, #EEE);
	border: 1px solid #D5D5D5;
	border-radius: 3px;
	-moz-user-select: none;
}
	*/

tr.darkBack {
	background-color : #dde;
}

th.lightBack,
tr.lightBack {
	background-color : #fff;
}

table.center {
	margin-top:5px;
	margin-bottom:5px;
    margin-left:auto; 
    margin-right:auto;
}
/*
.newsItemTable {
	border:  1px solid #888; 	
}  
*/

.newsItemTable th {
	padding-left:10px;
	padding-right:10px;
}

.newsItemTable td {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


.col-centered {
    float: none;
    margin: 0 auto;
	text-align: center;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media(max-height:1200px) {
	.pdfViewFrame {
		/* None of this works... */
		 /* height: -moz-calc(100% - 250px); Firefox */
		 /* height: -webkit-calc(100% - 250px);Chrome, Safari */
		/* height: calc(100% - 250px); IE9+ and future browsers */
		 height: 1000px;
	}
}

@media(max-height:991px) {
	.pdfViewFrame {
		/* None of this works... */
		 /* height: -moz-calc(100% - 250px); Firefox */
		 /* height: -webkit-calc(100% - 250px);Chrome, Safari */
		/* height: calc(100% - 250px); IE9+ and future browsers */
		 height: 690px;
	}
}

@media(max-height:900px) {
	.pdfViewFrame {
		/* None of this works... */
		 /* height: -moz-calc(100% - 250px); Firefox */
		 /* height: -webkit-calc(100% - 250px);Chrome, Safari */
		/* height: calc(100% - 250px); IE9+ and future browsers */
		 height: 600px;
	}
}

@media(max-height:767px) {
	.pdfViewFrame {
		/* None of this works... */
		 /* height: -moz-calc(100% - 250px); Firefox */
		 /* height: -webkit-calc(100% - 250px);Chrome, Safari */
		/* height: calc(100% - 250px); IE9+ and future browsers */
		 height: 500px;
	}
}

@media(max-height:700px) {
	.pdfViewFrame {
		/* None of this works... */
		 /* height: -moz-calc(100% - 250px); Firefox */
		 /* height: -webkit-calc(100% - 250px);Chrome, Safari */
		/* height: calc(100% - 250px); IE9+ and future browsers */
		 height: 400px;
	}
}