/*!
 * ITmanager.net
 * 2014
 * 
 */
 
 
/* BASIC CSS
-------------------------------------------------- */
body { 
	font-family: Helvetica;
	font-size: 17px;
	font-weight: lighter;
	line-height: 150%;
	padding-top: 50px;
	padding-bottom: 0px;
	color: #8f8f8f;
}

p {
	font-weight: lighter;
}

p small,
.small,
small {
	font-size:15px;  /* Support text, knowledge base etc */
	line-height:130%;

}

p large,
.large {
	font-size:35px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3, 
.h4,
.h5,
.h6 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.3;
	color: #4c4c4c;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1,
.h1 {modal
	font-size: 35px; /*Jumbo Texts but is overriden elsewhere*/
}

h1 small,
h1 .small {
	font-weight: lighter;
	display:block;
}

@media (max-width: 500px) {
	h1 small,
	h1 .small {
		font-size:50%;
	}
}

h2,
.h2 {
	font-size: 25px; /*Customers */
}

h2 small,
h2 .small {
	font-weight: lighter !important; 
}

h3,
.h3 {
	font-size: 20px; /*titles, VNC, Our Vision, etc */
}

h3 small,
h3 .small {
	font-size:18px;
	line-height:130%;
	font-weight: lighter;
}

.h3-center {
	font-size: 20px;
	text-align:center;
}

@media (max-width: 500px) {
	.h3-center {
		margin-top:30px;
	}
}


h4,
.h4 {
	font-size: 16px; /*NEWS + Names*/
}

@media all and (max-width: 500px) {
	h4,
	.h4 {
		font-size: 14px;
	}
}

.green-font {
	color: #43a42d;
}

.dark-font {
	color: #4c4c4c;
}

.error {
	color: red;
	font-size: 14px;
}

.warning {
	color: #43a42d;
	font-size: 14px;
}

.has-error {
  border-color: red;
}

a,
a:link,
a:visited,
a:focus {
	color: #43a42d;
}

a:hover {
	color: #ed9c28;
	text-decoration:none;
}

div:target {
   padding-top: 50px;
}

hr {
	margin: 20px 0 0 0;
	background-image:url(/images/hr_gradient.png);
	background-repeat:repeat-x;
	border:0;
	height:20px;
}

.hr-thin {
	background-image:initial;
	border-top: 2px solid #eeeeee;
}

@media screen and (min-width: 992px) {
	.hr-vertical-right {
		border-right: 2px solid #eeeeee;
		padding-right:5px;
	}
}

.no-margin-top {
	margin-top: 0px;
}

.no-margin-bottom {
	margin-bottom: 0px;
}

.extra-margin-bottom {
	margin-bottom: 30px;
}
.extra-padding-bottom {
	padding-bottom: 30px;
}

.extra-margin-bottom-sm {
	margin-bottom: 20px;
}

.extra-margin-top-sm {
	margin-top:15px;
}

.extra-margin-bottom-md {
	margin-bottom: 25px;
}

.extra-margin-top-md {
	margin-top: 25px;
}

.extra-margin-top-xs {
	margin-top: 10px;
}

.extra-margin-bottom-xs {
	margin-bottom: 10px;
}

.extra-margin-top {
	margin-top: 30px;
}

.no-border{
	border:none;
}

.stayGray {
	color: #8f8f8f;
}

.debug{
	border: 1px solid #ff00ff !important;
}

img.grayscale {
  /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(1);

  /* this is for Firefox 3.5+, Firefox mobile */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

  /* for IE6+ */
  filter: gray;
  
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale.disabled,
img.grayscale:hover {
  /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(0%);

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

img.grayscale:target {
  /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(0%);

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.panel .small {
	font-size:15px;
	line-height:120%;
}

.support-li {
	font-size:30px;
	color: #43a42d;
}

.support-li span {
	font-size:17px;
	vertical-align:middle;
}

.download-li {
	font-size:30px;
	line-height:34px;
	color: #43a42d;
}

.download-li span {
	font-size:17px;
	vertical-align:middle;
	color: #999 !important;
}

.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* CUSTOMIZE THE PANEL
-------------------------------------------------- */
.panel-shadow {
    box-shadow: 0 0 20px #888888;
}


/* CUSTOMIZE THE form controls for Forms
-------------------------------------------------- */
.control-label {
	font-weight: lighter;
	padding-right:0px;
}


/* CUSTOMIZE THE modal for IMAGE GALLERY
-------------------------------------------------- */
.modal {
	overflow: auto;
	color: #333;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.nav {
	font-size:14px;
	letter-spacing:0.05em;
}
.navbar-brand {
   padding-top: 7px; 
   padding-bottom: 7px;
   color: #ffffff;
}

.navbar-inverse {
  background-color: #2a7f16;
  border-color: #2a7f16;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #46b62d;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #46b62d;
}

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

.navbar-inverse .navbar-toggle {
  border-color: #ffffff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #46b62d;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #46b62d;
}

@media (max-width: 991px) {

    .navbar-header {
		float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;

    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

/* CUSTOMIZE THE GRID
-------------------------------------------------- */
.col-no-padding {
  padding: 0px 0px 0px 0px;
}

@media (max-width: 992px) {
    .customer-icon{
      padding-top: 15px;
    }    
}

.col-bottom-padding {
	padding-bottom: 30px;
}

.col-top-padding-sm {
	padding-top: 10px !important;
}

.row-eq-height {
    overflow: hidden;
  	clear:both; 
}

 .col-eq-height {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
 }

 

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel-itman {
  height: 300px;
  margin-bottom: 0px;
  background-color:#2a7f16;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption-itman {
  z-index: 10;
  /*border: 1px solid #dddddd*/
  text-align: justify;
  font-size: 25px;
  margin: 0;
  padding: 0;
}

.carousel-caption-itman smaller {
	font-size: 14px;
}

/* Declare heights because of positioning of img element */
.carousel-itman .item {
  height: 300px;
  background-color: #777;
}
.carousel-inner-itman > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}

@media (max-width: 750px) {
    .carousel-caption-itman {
       font-size: 20px;
	   margin-bottom: 0px;
    }
}

@media (max-width: 320px) {
    .carousel-caption-itman {
      margin-bottom: 0px;
    }
}

@media screen and (min-width: 970px) {
    .carousel-caption-itman {
      margin-bottom: 20px;
    }
}


/* CUSTOMIZE THE JUMBOTRON
-------------------------------------------------- */
.jumbotron-home {
	width:100%;
    padding: 0px;
    margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: inherit;
  	background-color: #43a42d;
}
.jumbotron-home h1,
.jumbotron-home .h1 {
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 5px;
}

.jumbotron-home p {
  color: #FFFFFF;
}

@media screen and (min-width: 768px) {
  .jumbotron-home {
    padding: 0px;
  }
  .jumbotron-home h1,
  .jumbotron-home .h1 {
    font-size: 35px; /*no idea?*/
	font-weight: bold;
  }
}

.jumbotron-home > img {
  width:100%;
}

.jumbotron-trial {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #43a42d;
}

.jumbotron-trial h1,
.jumbotron-trial .h1 {
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 5px;
}

.jumbotron-trial h2,
.jumbotron-trial .h2 {
  color: #FFFFFF;
}

@media (max-width: 750px) {
  .jumbotron-trial h1,
  .jumbotron-trial .h1 {
    font-size: 30px; /*no idea*/
  }
}

@media screen and (min-width: 768px) {
  .jumbotron-trial {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .jumbotron-trial h1,
  .jumbotron-trial .h1 {
    font-size: 33px; /*jumbo headers w/ buttons */
  }
}

.jumbotron-download {
    margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #1D4762;
}

.jumbotron-support {
    margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #93A136;
}

.jumbotron-features {
	margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #284F43;
}

.jumbotron-support {
    margin: 0;
   	font-size: 17px;
   	font-weight: lighter;
   	color: #FFFFFF;
  	background-color: #93A136;
}

.jumbotron-customers {
	margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #1F2E5E;
}

.jumbotron-aboutus {
	margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #5398C2;
}

.jumbotron-news {
	margin: 0;
  	font-size: 17px;
  	font-weight: lighter;
  	color: #FFFFFF;
  	background-color: #284f43;
}

@media screen and (min-width: 768px) {
  .jumbotron-download {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/* CUSTOMIZE THE PAGE HEADER
-------------------------------------------------- */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-style: none;
  text-align:center;
}

.page-header-sm {
  padding-bottom: 9px;
  margin: 0px 0 20px;
  border-style: none;
  text-align:center;
}

.page-header small {
  line-height: normal;
  font-weight: normal;
}

/* CUSTOMIZE THE MEDIA HEADING, BODY
-------------------------------------------------- */
.media {
	height:220px;
}

.news-index .media {
	height:140px;
}

@media (max-width: 768px) {
	.media {
		height:170px;
		padding-top:20px;
	}
	
	.news-index .media {
		height:110px;
	}
}


@media (max-width: 360px) {
	.media {
		margin-bottom:40px;
	}
}

.media-body,
.media-heading small {
	font-size: 14px;
	font-weight: lighter;
	line-height:130%;
}

/* CUSTOMIZE THE THUMBNAIL 
-------------------------------------------------- */	
.thumbnail-subscription-box {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.thumbnail-standard {
  margin-top: 25px;
}

.thumbnail-features {
  margin-bottom: 0px;
  padding: 0px;
  line-height: normal;
  border: none;
}

.caption-lighter {
   font-weight: lighter;
   color: #8f8f8f !important;
   text-align:center;
}

/* HERO set-up
-------------------------------------------------- */
/* backgrond images assigned as a style on the html */

.hero-bg-home {
	background-image:url('/images/hero_home_thanksgiving.png');
}

.hero-bg-applewatch {
	background-image:url('/images/applewatch/hero_watchmicrosite.png');
}

@media screen and (min-width: 992px) {
  .hero-bg-login {
    background-image:url('/images/hero_login_servers.png');
  }
  .login-form {
  	 margin-top:260px;
  }
}

@media screen and (max-width: 991px) {
  .hero-bg-login {
  	height:480px !important;
  }
  .login-form {
  	 margin-top:20px;
  }
}

.hero-itmananger {
	width:100%;
	height:300px;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-itmananger-home {
	width:100%;
	height:400px;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-itmananger-applewatch {
	width:100%;
	height:400px;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-itmananger-applewatch img,
.hero-itmananger img,
.hero-itmananger-home img {
	width:100%;
}

.quote-hero-container {
	text-align: justify;
	color:#fff;
	padding: 60px 10px;
}

.quote-hero-container span {
	text-align: right;
	color:#fff;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.quote-hero-container-home {
	color:#fff;
	padding: 60px 0px;
	text-align: bottom;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.quote-hero-container-home p {
	margin-bottom: 0px !important;
}

.quote-hero-container-home h1 {
	text-align: left;
	color:#fff !important;
	
}

.quote-hero-container-home h2 {
	text-align: left;
	color:#fff !important;
}

.quote-hero-container h2 {
	text-align: left;
	color:#fff !important;
}

.quote-hero-container span h3 {
	text-align: left;
	color:#fff !important;
}

.quote-hero {
	font-size: 22px;
	font-weight: normal;
	margin-top:0 !important;
}
.quote-hero span {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.quote-hero-home {
	font-size: 22px;
	font-weight: normal;
	padding: 20px 30px 30px 30px;
	margin-top:0 !important;
}

@media all and (min-width: 768px) {
	.quote-hero-home {	
		-webkit-box-shadow:0 0 1000px 1000px rgba(0,0,0,0.4) inset;
		-moz-box-shadow:0 0 1000px 1000px rgba(0,0,0,0.4) inset;
		box-shadow:0 0 1000px 1000px rgba(0,0,0,0.4) inset;
		border-radius:10px;
	}
}
@media (min-width: 2060px) {

	.hero-itmananger-applewatch {
		background-position: right -50px;
	}
}

@media all and (max-width: 1280px) {

	.hero-itmananger-applewatch {
		background-position: right top;
	}
}

@media all and (max-width: 1024px) {

	.hero-itmananger-applewatch,
	.hero-itmananger,
	.hero-itmananger-home {
		background-position: right top;
	}
	
	.hero-bg-customers {
		background-position: -100px top;
	}
}

@media all and (max-width: 992px) {
	.hero-itmananger-applewatch,
	.hero-itmananger,
	.hero-itmananger-home {
		background-position: right top;
	}	
	
	.hero-bg-customers {
		background-position: -100px top;
	}
	
	.hero-bg-support {		
	-webkit-box-shadow:0 0 1000px 1000px rgba(0,0,0,0.6) inset;
	-moz-box-shadow:0 0 1000px 1000px rgba(0,0,0,0.6) inset;
	box-shadow:0 0 1000px 1000px rgba(0,0,0,0.6) inset;
	}
	
}

@media all and (max-width:767px) {
	.hero-itmananger-applewatch,
	.hero-itmananger,
	.hero-itmananger-home {		
		-webkit-box-shadow:0 0 1000px 1000px rgba(0,0,0,0.6) inset;
		-moz-box-shadow:0 0 1000px 1000px rgba(0,0,0,0.6) inset;
		box-shadow:0 0 1000px 1000px rgba(0,0,0,0.6) inset;
	}
	
	.hero-bg-customers {
		-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.6) inset;
		-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.6) inset;
		box-shadow:0 0 0 0 rgba(0,0,0,0.6) inset;	
	}
	
	.hero-bg-login {
		-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.6) inset;
		-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.6) inset;
		box-shadow:0 0 0 0 rgba(0,0,0,0.6) inset;	
	}
	
}

@media all and (max-width: 500px) {
	.hero-itmananger,
	.hero-itmananger-home {
		background-position: -700px top;
	}

	.hero-bg-applewatch {
		background-position: -1070px top;
	}
		
	.hero-bg-customers {
		background-position: -380px top;
	}
	
	.quote-hero-container {
		padding-top: 40px;
	}
	
}


/* NEWS (and BLOG) CONTENT
-------------------------------------------------- */
/* Pad the edges of the mobile views a bit */
.newsheadlines {
  padding-bottom: 20px;
}

.newsheadlines .media-heading {
  padding-top: 10px;
}

.newsheadlines h4 small {
  line-height: 1.5em;
}

.newsheadlines .col-lg-4{
  padding-bottom: 5px;
}

.news-index {
	margin-top: 20px;
}

.news-index .news-archive > li > a,
.news-index .news-archive > li > a:link,
.news-index .news-archive > li > a:visited {
	font-size:17px;
	color: #8f8f8f;
}

.news-index .news-archive > li > a:hover,
.news-index .news-archive > li > a:focus {
	color: #8f8f8f;
}

.news-index .news-archive > .active > a,
.news-index .news-archive > .active > a:hover,
.news-index .news-archive > .active > a:focus {
	color: #8f8f8f;
	font-weight:bold;
}

.news-index .img-thumbnail,
.newsheadlines .img-thumbnail {
	padding: 0px;
}

/* FEATURETTES
-------------------------------------------------- */
.green-white-bg {
	background-image:url(/images/green_white_bkg.png);
	background-repeat:repeat-x;
	background-size:contain;
	color: #ffffff;
	padding: 20px 0 20px 0;
}

.green-bg {
	background-color:#43a42d;
	background-repeat:repeat-x;
	color: #ffffff;
    padding: 20px 0 20px 0;
}

.green-bg h2{
	color: #ffffff;
}

.green-bg-pricing {
	background-color:#43a42d;
	background-repeat:repeat-x;
	color: #ffffff;
}

.green-bg a,
.green-bg a:link,
.green-bg a:visited,
.green-bg a:hover,
.green-bg a:focus {
	color: #ffffff;
	text-decoration:underline;
}

.grey-bg {
	background-color:#4c4c4c;
	color: #ffffff;
}

.grey-bg a:hover,
.grey-bg a:focus {
	color: #ffffff;
	text-decoration:underline;
}

.black-bg {
	background-color:#000000;
	color: #ffffff;
}

.pricing-label {
	border: 1px solid #43a42d;
	height:100%; 
	text-align:center; 
	padding:5px 0 5px;
}

.pricing-label-popular {
	border-bottom-style:solid;
	border-width: 1px;
	height:100%; 
	text-align:center; 
	padding:5px 0 5px;
}

.featurette {
	margin-bottom: 30px;
	font-size: 17px;
	font-weight: lighter;
}

.featurette-footer {
	margin-bottom: 0px !important;
}

.featurette h1,
.featurette .h1 {
	color: #FFFFFF;
	/*margin: 0px 0 30px 0;*/
}

@media (max-width: 750px) {
	.featurette h1,
	.featurette .h1 {
		font-size: 25px;
	}
}

.featurette-testimonial {
	padding-bottom: 25px;
	font-weight:normal;
}

.featurette-testimonial .row {
	padding-bottom:30px;
}

/* FEATURES CSS
-------------------------------------------------- */
.feature-desc {
	font-size:14px;
	line-height:130%;
	height:100px;
}

.feature-icons {
	height:90px; 
	margin: auto; 
	text-align: center;
}

.feature-icons h3,
.feature-icons .h3 {
	font-size: 20px;
	margin:0;
}

.img-shadow-screenshots {
	position: relative;
	height:170px;width:auto;
	float:left;
	margin: 10px 20px 40px 20px;
}
    
.img-shadow-screenshots::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 8px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.7);
} 
	   
.img-shadow-screenshots img {
	float:left;
	height:170px;width:auto;
}

.img-shadow-screenshots-center {
	position: relative;
	height:170px;width:auto;
	margin: 10px 20px 40px 20px;
}
    
.img-shadow-screenshots-center::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 8px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.7);
} 
	   
.img-shadow-screenshots-center img {
	height:170px;
	width:auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


.screenshots {
	display:table;
	margin:0 auto;
}

/* ABOUT US CSS
-------------------------------------------------- */
.bio-desc {
	font-size:14px;
	line-height:130%;
}

.bio-icons {
	height:90px; 
	margin: auto; 
	text-align: center;
}

/* CUSTOMER
-------------------------------------------------- */
.customer-portfolio {
  padding-bottom: 40px;
}

.customer-portfolio .col-md-2 {
  padding-bottom: 5px;
}

/* 5 COLUMNS WIDTH
-------------------------------------------------- */

@media (min-width: 768px){
  .fivecolumns .span2 {
    width: 33.3%;
    *width: 33.3%;
  }
}

@media (min-width: 992px){
  .fivecolumns .span2 {
    width: 20%;
    *width: 20%;
  }
}

@media (min-width: 1200px){
  .fivecolumns .span2 {
    width: 20%;
    *width: 20%;
  }
}


/* 8 COLUMNS WIDTH
-------------------------------------------------- */

@media (min-width: 768px){
  .eightcolumns .span2 {
    border: 1px solid #ff00ff !important;
    padding: 0px 0px 0px 0px;
  }
}

@media (min-width: 1200px) {
  .eightcolumns .span2 {
   border: 1px solid #ff00ff !important;
	padding: 0px 0px 0px 0px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .eightcolumns .span2 {
	border: 1px solid #ff00ff !important;
    padding: 0px 0px 0px 0px;
  }
}

/* IT Manager Buttons
-------------------------------------------------- */
.btn {
	font-weight: lighter;

}
.btn-itmanager {
  color: #ffffff;
  background-color: #7dc24f;
  border-color: #ffffff;
}

.btn-itmanager:hover,
.btn-itmanager:focus,
.btn-itmanager:active,
.btn-itmanager.active,
.open .dropdown-toggle.btn-itmanager {
  color: #ffffff;
  background-color: #2a7f16;
  border-color: #ffffff;
}

.btn-itmanager:active,
.btn-itmanager.active,
.open .dropdown-toggle.btn-itmanager{
  background-image: none;
}

.btn-itmanager-reverse {
  color: #7dc24f;
  background-color: #ffffff;
  border-color: #7dc24f;
}

.btn-itmanager-reverse:hover,
.btn-itmanager-reverse:active,
.btn-itmanager-reverse:focus {
  color: #4c4c4c;
  background-color: #ffffff;
  border-color: #7dc24f;
}

.btn-itmanager.disabled,
.btn-itmanager[disabled],
fieldset[disabled] .btn-itmanager,
.btn-itmanager.disabled:hover,
.btn-itmanager[disabled]:hover,
fieldset[disabled] .btn-itmanager:hover,
.btn-itmanager.disabled:focus,
.btn-itmanager[disabled]:focus,
fieldset[disabled] .btn-itmanager:focus,
.btn-itmanager.disabled:active,
.btn-itmanager[disabled]:active,
fieldset[disabled] .btn-itmanager:active,
.btn-itmanager.disabled.active,
.btn-itmanager[disabled].active,
fieldset[disabled] .btn-itmanager.active {
	filter: alpha(opacity=35);
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #dbdbdb;
	border-color: #dbdbdb;
	color: #8f8f8f;
}

.btn-itmanager-gradient-signup {
  color: #e8f0de !important;
  border: solid 1px #ed9c28;
  border-radius: 4px !important;
  background-color: #ed9c28;
  background-color: -webkit-gradient(linear, left top, left bottom, from(#5fcf2b), to(#46a91c));
  background-color: -moz-linear-gradient(top,  #5fcf2b,  #46a91c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fcf2b', endColorstr='#46a91c');
}

.btn-itmanager-gradient-signup:hover,
.btn-itmanager-gradient-signup:focus,
.btn-itmanager-gradient-signup:active,
.btn-itmanager-gradient-signup.active,
.open .dropdown-toggle.btn-itmanager-gradient-signup {
  background-color: #ae6b0c;
  background-color: -webkit-gradient(linear, left top, left bottom, from(#0c5d01), to(#189804));
  background-color: -moz-linear-gradient(top,  #0c5d01,  #189804);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c5d01', endColorstr='#189804');
}

.btn-itmanager-gradient-signup:active,
.btn-itmanager-gradient-signup.active,
.open .dropdown-toggle.btn-itmanager-gradient-signup{
  background-image: none;
}

.btn-itmanager-gradient-signup.disabled,
.btn-itmanager-gradient-signup[disabled],
fieldset[disabled] .btn-itmanager-gradient-signup,
.btn-itmanager-gradient-signup.disabled:hover,
.btn-itmanager-gradient-signup[disabled]:hover,
fieldset[disabled] .btn-itmanager-gradient-signup:hover,
.btn-itmanager-gradient-signup.disabled:focus,
.btn-itmanager-gradient-signup[disabled]:focus,
fieldset[disabled] .btn-itmanager-gradient-signup:focus,
.btn-itmanager-gradient-signup.disabled:active,
.btn-itmanager-gradient-signup[disabled]:active,
fieldset[disabled] .btn-itmanager-gradient-signup:active,
.btn-itmanager-gradient-signup.disabled.active,
.btn-itmanager-gradient-signup[disabled].active,
fieldset[disabled] .btn-itmanager-gradient-signup.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-itmanager-login {
  color: #ffffff;
  background-color: #5fcf2b;
  border-color: #5fcf2b;
  border-radius: 4px !important;
}

.btn-itmanager-login:hover,
.btn-itmanager-login:focus,
.btn-itmanager-login:active,
.btn-itmanager-login.active,
.open .dropdown-toggle.btn-itmanager-login {
  background-color: #3D991F;
  color: #ffffff;
}

.btn-itmanager-login:active,
.btn-itmanager-login.active,
.open .dropdown-toggle.btn-itmanager-login{
  background-image: none;
}

/* FOOTER
-------------------------------------------------- */

.footer a,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer {
	font-size:13px;
	line-height:150%;
	font-weight:lighter;
	color: #ffffff;
}

.footer-header,
.footer-header > a,
.footer-header > a:link,
.footer-header > a:visited,
.footer-header > a:hover,
.footer-header > a:focus {
	font-size:13px;
	font-weight:normal;
	color: #ffffff;
	margin-bottom:15px;
}

.footer-nav {
	float:left;
	padding-right:40px;
	display:block;
	/*margin-bottom: -99999px;
	padding-bottom: 99999px;*/
}

.footer-eq-height {
    /*overflow: hidden; 
   	display:block;*/
}

@media (min-width: 992px) {
    .col-pad-right {
		padding-left:20px;
    }
}

@media (max-width: 768px) {
    .list-unstyled,
    .list-unstyled a {
		font-size:35px;
		padding-top:15px;
		padding-bottom:15px;
    }
}

/* NAVIGATION CSS
-------------------------------------------------- */
#home-page #navigationTop-home {
  color: #ffffff;
  background-color: #46b62d;
}
#customers-page #navigationTop-customers {
  color: #ffffff;
  background-color: #46b62d;
}
#news-page #navigationTop-news {
  color: #ffffff;
  background-color: #46b62d;
}
#news-page-2016 #navigationTop-news {
  color: #ffffff;
  background-color: #46b62d;
}
#news-page-2015 #navigationTop-news {
  color: #ffffff;
  background-color: #46b62d;
}
#news-page-2014 #navigationTop-news {
  color: #ffffff;
  background-color: #46b62d;
}
#news-page-2013 #navigationTop-news {
  color: #ffffff;
  background-color: #46b62d;
}
#news-page-2012 #navigationTop-news {
  color: #ffffff;
  background-color: #46b62d;
}
#features-page #navigationTop-features {
  color: #ffffff;
  background-color: #46b62d;
}
#support-page #navigationTop-support {
  color: #ffffff;
  background-color: #46b62d;
}
#company-page #navigationTop-company {
  color: #ffffff;
  background-color: #46b62d;
}
#signup-page #navigationTop-signup {
  color: #ffffff;
  background-color: #46b62d;
}
#login-page #navigationTop-login {
  color: #ffffff;
  background-color: #46b62d;
}


/* NEWS SIDEBAR Navigation CSS
-------------------------------------------------- */
#news-page #news-nav-latest {
	font-weight:bold;
}
#news-page-2015 #news-nav-2015 {
	font-weight:bold;
}
#news-page-2014 #news-nav-2014 {
	font-weight:bold;
}
#news-page-2016 #news-nav-2016 {
	font-weight:bold;
}
#news-page-2013 #news-nav-2013 {
	font-weight:bold;
}
#news-page-2012 #news-nav-2012 {
	font-weight:bold;
}


/* QUOTES CSS
-------------------------------------------------- */

.open-quote {
  padding-right:15px;
}

.close-quote {
  padding-left:15px;
}

.close-quote-inline {
  padding-top:15px; 
  vertical-align:top
}

.quote {
  margin-top: 25px;
  margin-left: 40px;
  margin-right: 40px;
  line-height: 130%;
}

.quote-center {
  text-align:center;
  padding-top:25px;
}

.quote-source {
  font-size: 17px;
  font-weight:lighter;
  margin-top:15px;
}

.quote-source-center {
   text-align:center;
}

/*blueimp-gallery CSS

-------------------------------------------------- */

.modal-content a,
.modal-content a:link,
.modal-content a:visited,
.modal-content a:hover,
.modal-content a:focus {
	color: #FFFFFF !important;
	padding: 0;
}

.modal-header {
	border: 0px;
	padding-bottom: 0px;
	min-height: 25px;
}

.modal-header-image {
	width: 48px;
	height: 48px;
	margin-right: 15px;
	vertical-align: middle;
}


.it-modal-title {
	font-size: 16px;
	font-weight: bold;
	color: #4c4c4c;
	padding-bottom: 10px;
}

.it-dark-bold {
	font-weight: bold;
	color: #4c4c4c;
}

.modal-footer {
	border: 0px;
	padding: 25px;
	margin-top: 0px;
}

.modal-footer button {
	margin-left: 5px;
}


.modal-body {
	padding: 0 25 0 25;
	margin-top: 0px;	
}

.modal-body .form-group {
	padding-left: 0px;
	padding-right: 0px;	
}

.modal-body .form-horizontal {
	margin-bottom: 0px;	
}

.modal-body .panel-body {
	padding: 0px;
}

.modal-body form .panel-body {
	padding-left: 15px;
}

.last-form-group {
	margin-bottom: 0px;
}





/*Customizations for the GOOGLE SEARCH

-------------------------------------------------- */
.gsc-selected-option-container {
	padding:0px !important; 
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #ffffff !important;
}

/*Customizations for the GOOGLE TRANSLATE

-------------------------------------------------- */
html.translated-ltr .navbar-inner { 
	padding-top: 39px; 
}


/* Table styles (yes, I know)

-------------------------------------------------- */
#itmanager-table {
	border-collapse: collapse; 
	width:100%;
	table-layout: fixed
}
#itmanager-table td {
	width: 50%;
	padding: 10px;
	vertical-align: top;
}