.box-info {
  /*background-color:cadetblue;*/
  color: #666666;
  font-weight: bolder;
  font-size: x-large;
}

.top-block {
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  position: relative;
  display: block;
  line-height: 22px;
  text-shadow: 0 0 1px #DDD;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
  -moz-box-shadow: inset 0 0 0 1px #FAFAFA;
  box-shadow: inset 0 0 0 1px #FAFAFA;
  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 0.2)), color-stop(100%, rgba(125, 185, 232, 0)));
  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
  background: -o-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
  background: -ms-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#331e5799', endColorstr='#007db9e8', GradientType=0);
}

  .top-block span {
    clear: both;
  }

  .top-block i {
    font-size: 25px;
  }

  .top-block:hover {
    text-decoration: none;
  }

.notification {
  display: block;
  position: absolute;
  top: -10px;
  right: -5px;
  line-height: 16px;
  height: 22px;
  padding: 0 5px;
  font-family: Arial, sans-serif;
  color: white !important;
  text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
  border-color: #2FABE9;
  background-color: #b9d196;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
  background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
  background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
  background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
  background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
  background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}

  .notification.green {
    border-color: #5AAD34;
    background-color: #78CD51;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));
    background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
  }

  .notification.yellow {
    border-color: #F4A506;
    background-color: #FABB3D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
  }

  .notification.red {
    border-color: #FA5833;
    background-color: #FA603D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
  }

.box {
  margin-top: 10px;
  margin-bottom: 10px;
}

.box-inner {
  padding: 15px;
  background-color: #fcfcfc;
  /*background-color: #ffffff;*/
  /*background-image: url(http://www.transparenttextures.com/patterns/dark-wall.png);*/
  border: 1px solid rgba(30, 87, 153, 0.2);
  border-radius: 3px 3px 15px 15px;
  /*border-radius: 2% 2% 5% 5%;*/
  -webkit-border-radius: 15px, 15px, 15px, 15px;
  -moz-border-radius: 3px 3px 15px 15px;
  box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
  -moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
}

  .box-inner table {
    border: none;
    /*font-size: large;*/
    font-weight: bold;
  }

.box-header {
  border: none;
  padding-top: 5px;
  border-bottom: 2px solid #2c77ba;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  height: 35px;
  min-height: 35px !important;
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: bold;
  /*font-size: larger;*/
  background: -moz-linear-gradient(top, #2c77ba 0, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, #2c77ba 0, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C6E2EE', endColorstr='#1a000000', GradientType=0);
}

  .box-header .glyphicon {
    font-size: larger;
  }

  .box-header i {
    margin-right: 10px;
  }

  .box-header button {
    height: 25px;
    font-size: x-small;
    font-weight: bold;
  }

  .box-header h2 {
    font-size: larger;
    width: auto;
    clear: none;
    float: left;
    line-height: 25px;
    white-space: nowrap;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
  }

  .box-header h3 {
    font-size: 13px;
    width: auto;
    clear: none;
    float: left;
    line-height: 25px;
    white-space: nowrap;
  }

  .box-header h2 > i {
    margin-top: 1px;
  }

.box-icon {
  float: right;
}

  .box-icon a {
    clear: none;
    float: left;
    margin: 0 2px;
    height: 20px;
    width: 5px;
    margin-top: 1px;
  }

    .box-icon a i {
      margin-left: -6px;
      top: -1px;
    }

.box-content {
  padding: 10px;
}

.stackControls {
  padding: 5px;
}

.box-content .nav-tabs {
  margin-right: -10px;
  margin-left: -10px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 979px) {
}

/* Computer */
@media only screen and (min-width: 980px) {
}