@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');

body {
  font-family: 'Montserrat', sans-serif;
  padding-top: 90px;
  background: #f6f8fa;
  color: #333;
  overflow-x: hidden;
  font-size: 12px;
}

a {
  color: #346d9a;
}

.btn-primary {
    background-color: #346d9a !important;
}

.navbar-inverse {
  background: #3e474f;
  background-image: linear-gradient(to right, #01a08c, #3c609e);
  border-width: 0px;
  font-size: 15px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus {
  background: #2d343a40;
}

.navbar-inverse .navbar-nav>.active>a:hover {
   color: #fff;
   background: #2d343a50;
 }

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{
  color: #ffffff95;
}

.unstyled-list {
  list-style:none;
  margin: 0;
  padding: 0;
}
.unstyled-list li span.list-label {
  width: 20%;
  font-weight: bold;
  display: inline-block;
}

.unstyled-list li {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .navbar-brand {
    padding: 25px 15px;
    height: 70px;
  }
  div#navbar {
	  float: right;
  }
}
.navbar-brand .firstpart {
  color: #FFFFFF99;
}
.navbar-brand .secondpart {
  color: #FFFFFF;
}
.box p:last-child {
  margin-bottom: 0;
}

.box {
  position: relative;
  background: #fff;
  box-shadow: 0 2px 0 rgba(0,0,0,0.06);
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 30px;
  margin-bottom: 30px;
}

.box-side {
    background: #fafbfc;
    padding: 20px;
    line-height: 18px !important;
    border: 1px solid #ddd;
    font-size: 13px !important;
}

.breadcrumb {
    background: #FAFBFD;
    border: 1px solid #ddd;
}

.box-title-large {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 1;
  color: #576366;
}

.box {
  font-size: 14px;
  line-height: 23px;
}

.box-feature {
  font-size: 16px;
  line-height: 1.8;
  font-size: 14px;
}

.box-title {
  margin-top: 30px;
  margin-bottom: 12px;
  font-size: 19px;
  line-height: 1;
  color: #576366;
}

.box-title-stakeholders {
  margin-top: 0;
}

.inner-box {
  background: #fafbfc;
  padding: 30px;
}

.box-open { border-top: 3px solid #39ADD1; }
.box-closed { border-top: 3px solid #e15258; }
.box-denied { border-top: 3px solid #e59a13; }
.box-processed { border-top: 3px solid #53BBB4; }


.label-primary {
  background: #39ADD1;
}

.text-succes {
  color: #53BBB4;
}
.btn-success, .label-success {
  background: #53BBB4;
}

.text-info {
  color: #838CC7;
}
.btn-info, .label-info {
  background: #838CC7;
}

.text-warning {
  color: #e59a13;
}
.btn-warning, .label-warning {
  background: #e59a13;
}

.text-danger {
  color: #e15258;
}
.btn-danger, .label-danger {
  background: #e15258;
}

.box.comment {
    position: relative;
    padding: 65px 25px 25px 25px;
    border: 1px solid #d1d5da;
    margin-bottom: 10px;
}

.comment-details {
    position: absolute;
    left: 0;
    top: 0;
    background: #f6f8fa;
    border-bottom: 1px solid #d1d5da;
    padding: 12px 25px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    color: #333;
}

.comments .comment:last-of-type {
    margin-bottom: 0;
}

.user-avatar-wrapper {
    display: inline-block;
    position: relative;
}

.user-avatar-wrapper .status {
    border-radius: 100%;
    height: 8px;
    width: 8px;
    background: grey;
    position: absolute;
    left: -1px;
    bottom: -1px;
    border: 1px solid #fff;
}

.user-avatar-wrapper .status.online {
    background: #01a08c;
}

.user-avatar-wrapper .status.offline {
    background: #a10038;
}


.user-avatar {
    height: 30px;
    width: 30px;
    margin-right: 12px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 10px 20px 0 rgba(0,0,0,.05);
}

.user-avatar-tiny {
    height: 20px;
    width: 20px;
    margin-right: 4px;
}

.comment .user-avatar {
    height: 28px;
    width: 28px;
    margin-right: 10px !important;
}

.add-stakeholder {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 4px;
  margin-top: 15px;
}

.add-stakeholder input[type="text"],
.add-stakeholder input[type="email"] {
  border: 1px solid #eee;
  padding: 2px;
  border-radius: 4px;
}

.delete-hover {
  display: none;
}

.stakeholder:hover .delete-hover {
  display: inline-block;
}

.stakeholder {
  border-left: 3px solid #eee;
  padding-left: 15px;
}

.stakeholder .name {
  color: #39ADD1;
}

[class|="confetti"] {
  position: absolute;
}

.red {
  background-color: #E94A3F;
}

.yellow {
  background-color: #FAA040;
}

.blue {
  background-color: #5FC9F5;
}