header {
  margin-bottom: 30px;
}

body {
  padding: 20px 0px !important;
  font-family: 'Lato', sans-serif;
  /* background-image: url('../img/grid.png'); */
}

a {
  color: rgba(30, 169, 174, 1);
  text-decoration: none;
}


.navbar {
  background-color: rgba(30, 169, 174, 1);
  border: none;
  min-height: 75px;
  padding-bottom: 0px !important;
}

.top-nav-collapse {
  box-shadow: 0px 2px 5px #000;
}

.navbar-nav ul>li>a:hover {
  color: #34495e
}

.navbar-brand {
  float: left;
  height: 35px;
  padding: 20px 15px;
  font-size: 18px;
  min-width: 400px;
  line-height: 20px;
}

.navbar-brand h1 {
  margin-top: -50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}


.navbar-brand img.lg-logo {
  float: left;
  margin: 15px 15px 15px 0px;
  width: 70px;
  -webkit-transition-property: all, all;
  /* Safari */
  -webkit-transition-duration: .5s;
  /* Safari */
  transition-property: width, height;
  transition-duration: .5s;
}

.navbar-brand .sm-brand {
  margin-top: -15px;
  font-size: 40px;
}

.navbar-brand .sm-brand small {
  position: relative;
  top: -20px;
}

.navbar-brand img.sm-logo {
  float: left;
  margin: 0px 15px 15px 0px;
  width: 50px;

}

ul.nav>li:hover ul {
  display: block;
}

.lg-brand {
  font-size: 32px;
}

ul.nav>li>a {
  color: #fff !important;
}

ul.nav>li>a:hover {
  color: #34495e !important;
}

@media(max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #f2f2f2;
  }

}


ul.nav>li>a {
  color: #fff !important;
}

ul.nav>li>a:hover {
  color: #34495e !important;
}

.dropdown-menu>li>a {
  color: #34495e;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  color: #34495e !important;
  background-color: transparent;
}

ul.nav-tabs>li>a,
ul.nav-stacked>li>a {
  color: rgba(30, 169, 174, 1) !important;
  text-decoration: none;
}

.navbar-nav>li>a {


  position: relative;
  top: 13px;
}

#myCarousel {
  margin-top: 61px;
  height: 250px;
}

@media(min-width:767px) {
  #myCarousel {
    margin-top: 91px;
    height: 250px;
  }
}

.carousel-caption {
  right: -60% !important;
  left: 20% !important;
  padding-bottom: 0px;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: -20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

p {
  color: #34495e;
}

#page-content {
  margin-top: 50px;
}

#page-content .container {
  box-shadow: 0px 0px 10px #ddd;
  padding: 15px;
}

#page-content p,
#main-content p {
  font-size: 14px;
}

h1,
h2,
h3 {
  padding: 0 !important;
  color: rgba(30, 169, 174, 1);
}

h1 small,
h2 small,
h3 small {
  font-size: 50%;
  color: inherit;
}

.bottom-line {
  border-bottom: 1px solid #eee;
}

h1 {
  font-size: 32px;
}

h3 {
  font-size: 18px;
  font-weight: 200;
}

h2 {
  font-size: 24px;
  font-weight: 200;
}

/*
 * See it in action here: http://jsfiddle.net/seydoggy/6s92p51a/
 */
.list-group.panel>.list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.list-group-submenu {
  margin-left: 20px;
}

th,
td {
  text-align: center;
}

.shadow-box {
  box-shadow: 0px 0px 10px #ddd;
  padding: 15px;
}

.shadow {
  box-shadow: 0px 0px 10px #ddd;
}


.prof-photo {
  width: 120px;
  height: 110px;
  border: #ddd 2px solid;
  border-radius: 3px;
  position: relative;
}


.midpage {
  position: relative;
  bottom: 10px;
  width: 350px;
  /* Set the fixed height of the footer here */
  height: 380px;
  background:
    /* color overlay */
    linear-gradient(rgba(239, 238, 231, 0.45),
      rgba(181, 176, 176, 0.45)),
    /* image to overlay */
    url(http://images.cdn.fotopedia.com/_avPIZmqM3w-7z161LH_268-hd.jpg);
}


.container1 {
  width: 100%;

  padding: 0 15px;
}

.container1 .text-muted {
  margin: 20px 0;
}

.footertext {
  color: #333;
  text-align: center;
}

.btn-text2 {
  color: #fff;
  background-color: #446CB3;
  border-color: #2e6da4;
}

.btn-text {
  color: #34495e;
  background-color: #E4F1FE;
  border-color: #E4F1FE;
}

.side-icon {
  height: 150px;

}

.side-icon img {
  margin: 0 auto;
  width: 150px;
}

ul.side-links {
  margin-left: -40px;
}

ul.side-links li {

  list-style: none;
  padding: 5px;
  float: none;

}

/* Custom footer CSS
-------------------------------------------------- */

#footer {
  margin-top: 20px;
  background: rgba(108, 122, 137, 1);
  padding: 17px 0 18px 0;
}

#footer a,
#footer p {

  color: rgb(230, 239, 239);
}

#footer a:hover {
  color: #efefef;
}

ul.acadmtech li {
  display: inline-block;
  font-size: 12px;
  text-transform: capitalize;
}

ul.acadmtech li::before {
  content: '\ffed';
  margin-right: 5px;
  margin-left: 10px;
}


/* ------------ Placement Stats CSS ------------ */

tr.expandable-row {
  cursor: pointer;
}

tr.expandable-row.collapsed td .expand-pointer {
  display: inline;
}
tr.expandable-row.collapsed td .collapse-pointer {
  display: none;
}
tr.expandable-row.expanded td .expand-pointer {
  display: none;
}
tr.expandable-row.expanded td .collapse-pointer {
  display: inline;
}

tr.row-expandable {
  border-left: 3px solid black;
  overflow: hidden;
  transition: border-left-color 200ms ease-out;
}
tr.row-expandable.expanded {
  border-left-color: rgba(0,0,0,1);
}
tr.row-expandable.collapsed {
  border-left-color: rgba(0,0,0,0);
}

tr.row-expandable td {
  padding: 0px !important;
  border-top-width: 0px !important;
}

tr.row-expandable td div {
  text-align: center;
  padding: 8px;
  vertical-align: top;
  overflow: hidden;
  transition: all 200ms ease-out;
  border-top: 1px solid #ddd;
}
tr.row-expandable.expanded td div {
  height: auto;
  padding: 8px;
  border-top-width: 1px;
}
tr.row-expandable.collapsed td div {
  height: 0px;
  padding: 0px;
  border-top-width: 0px;
}
