@charset "utf-8";
/*
Color Settings :
Background : #dcecc7;
Dark Green : #227642;
Light Green: #dcecc7;
Text       : #000
Light Blue : #00a2e9
Orange     : #F90
Blue       : #08F
Red        : #F00
*/

.items-box {
  margin: 0 20px 20px 0;
  padding: 10px 10px 20px 10px;
  background-color: #dcecc7;
  border: 2px solid #CCC;
  border-radius: 5px;
}
.items-box img {
  max-width: 110px;
}
.items-box a {
  color: #227642;
}
.post-prev-text {
  color: #227642;
}
.post-prev-more a {
  background-color: #227642 !important;
  color: #dcecc7 !important;
  border-radius: 5px;
}
.post-prev-more a:hover {
  background-color: #dcecc7 !important;
  color: #F90 !important;
  font-weight: bold;
}

/* Calculator Sytles */
/*-----------------------------------------------------------------------------------*/
/*  Grids and Box
/*-----------------------------------------------------------------------------------*/
.box {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.box .box-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #c4c4c4;
  min-height: 30px;
}
.box .box-title h4 {
  font-family: "Century Gothic","Open Sans";
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
  color: #555555;
}
.box .box-title h4 i {
  margin-right: 10px;
  color: #666;
}
.box .box-title .items {
  display: inline-block;
  padding: 0;
  margin-bottom: 7px;
  margin-top: 7px;
  float: right;
  width: 40%;
  clear: both;
}
.box .box-title .items .progress {
  height: 7px !important;
}
.box .box-body.bg {
  border-radius: 0 0 4px 4px;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #227642;
  border-top: 1px solid transparent;
  margin-top: -15px;
}
/* Sortable */
.box-placeholder {
  border: 1px dashed #c4c4c4;
  background-color: #eaeaea;
  border-radius: 4px;
}

/* Box border */
.box.border,
.box.solid {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.box.border .box-title,
.box.solid .box-title {
  padding: 5px 10px 3px;
  border-bottom: 1px solid #c4c4c4;
  min-height: 30px;
  background-color: #dbdbdb;
  /* border-radius: 4px 4px 0 0; */

  margin-bottom: 0;
}
.box.border .box-title h4,
.box.solid .box-title h4 {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 3px;
}
.box.border .box-title h4 i,
.box.solid .box-title h4 i {
  margin-right: 10px;
  color: #666;
}
.box.border .box-title .tools,
.box.solid .box-title .tools {
  display: inline-block;
  padding: 0;
  margin-bottom: 7px;
  float: right;
  clear: both;
  min-height: 30px;
}
.box.border .box-title .tools > a,
.box.solid .box-title .tools > a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #ababab;
  margin-right: 5px;
}
.box.border .box-title .tools > a :hover,
.box.solid .box-title .tools > a :hover {
  color: #919191;
}
.box.border .box-body,
.box.solid .box-body {
  border-radius: 0 0 4px 4px;
  padding: 10px;
  background-color: #FFFFFF;
}
.box.border.lite .box-title {
  background-color: #f4f4f4;
}
.box.border.lite .box-title h4 {
  color: #6f6f6f;
}

/* Box Color */
.box.border {
  border: 1px solid #507aa4;
}
.box.border .box-title {
  color: #FFFFFF !important;
  background-color: #227642 !important;
  border-bottom: 1px solid #227642;
}
.box.border .box-title h4 {
  color: #FFFFFF !important;
}
.box.border .box-title h4 i {
  color: #FFFFFF !important;
}
.box.border .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box.border .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}

/* The Contents*/
.content-title {
  /*background-color: red;*/
  margin: 0 0 10px 0;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #227642;
}

.result-box {
  margin: 0 10px 0 0;
  padding: 10px 10px;
  background-color: #DDD;
  border: 2px solid #227642;
  border-radius: 5px;
}
.result-box-final {
  margin: 0 10px 10px 0;
  padding: 10px 10px;
  background-color: #dcecc7;
  border: 3px solid #227642;
  border-radius: 5px;
}

.promo {
  background-color: #dcecc7;
  color: #F00;
  min-height: 250px;
  text-align: center;
  border: 1px solid #227642;
  border-radius: 10px;
}
.promo span {
  margin: 0 0 20px 0;
  max-height: 150px;
}
.promo img {
  margin: 0 0 0 0;
  max-height: 110px;
}
.promo-title {
  font-size: 20px;
  font-weight: bold;
  co
}
a.promo-link {
  font-size: 16px;
  font-weight: bold;
  color: #F00 !important;
}
a:hover.promo-link {
  color: #F90 !important;
}


.calc-icons {
  margin-left: 5px;
  margin-top: -22px;
  width: 25px;
}