/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.csr-project-page {
  background: url(../../images/background/bg-csr-1.png) repeat;
  background-size: 1%;
  color: #333;
  right: 0;
}

.csr-project-1 {
  border: 1px solid #b4e3ea;
  background: rgba(196, 228, 234, 0.75);
}

.csr-project .impact-heading h1 {
  color: #0996b7;
  font-weight: 300;
}

.csr-project ul li {
  display: inline-block;
  color: #55a4b9;
  border: 1px solid #a2ccd2;
  margin-right: 5px;
  margin-bottom: 5px;
}

.csr-project ul.ul-1 li {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
}

.csr-project ul {
  margin-bottom: 15px;
}

.csr-project h3 {
  font-size: 20px;
  margin-top: 10px;
  line-height: 24px;
}

.csr-project-list {
  background: url(../../images/background/bg-csr-2.png) repeat;
  background-size: 11%;
}

.csr-project-list-div tr td {
  padding: 2px 8px !important;
}

.csr-project-list-div {
  background: rgba(226, 228, 228, 0.63);
}

.csr-project-dashboard-page {
  background: #041f2f url(../../images/background/bg-csr-dashboard.png);
}

.csr-project-dashboard .prjct-div {
  background: rgba(12, 56, 101, 0.21);
  color: #e8e8e8;
}

.csr-project-dashboard .prjct-div .btn-info {
  background: rgba(0, 224, 255, 0.2588235294);
  border-color: #2b6994;
}

.csr-project-dashboard .prjct-div .slider {
  background-color: rgba(255, 254, 254, 0.3215686275);
}

.csr-project-dashboard .prjct-div .slider:before {
  background-color: #d0d0d0;
}

.csr-project-dashboard .prjct-div input:checked + .slider {
  background-color: rgba(0, 224, 255, 0.4117647059);
}

.csr-project-dashboard .prjct-div h5 a {
  color: #b6f6ff;
}

.csr-project-dashboard-fh {
  height: 850px;
  overflow: auto;
}

.csr-project-dashboard a {
  color: #ffffff;
}

.csr-project-dashboard-1 {
  background: rgba(158, 146, 132, 0.43);
}

.csr-project-dashboard-2 {
  background: rgba(84, 185, 199, 0.431372549);
}

.csr-project-dashboard-3 {
  background: rgba(192, 108, 132, 0.431372549);
}

.csr-project-dashboard-4 {
  background: rgba(145, 162, 31, 0.4196078431);
}

.csr-project-dashboard h4 {
  margin: 0;
  color: #ffffff;
  padding: 7px 15px;
}

.csr-project-dashboard-1 h4 {
  background: #deb887;
}

.csr-project-dashboard-2 h4 {
  background: #54b9c7;
}

.csr-project-dashboard-3 h4 {
  background: #c06c84;
}

.csr-project-dashboard-4 h4 {
  background: #91a21f;
}

.csr-project-dashboard-1 .prjct-dv-vall {
  background: rgba(222, 184, 135, 0.5411764706);
}

.csr-project-dashboard-2 .prjct-dv-vall {
  background: rgba(84, 185, 199, 0.5411764706);
}

.csr-project-dashboard-3 .prjct-dv-vall {
  background: rgba(192, 108, 132, 0.5411764706);
}

.csr-project-dashboard-4 .prjct-dv-vall {
  background: rgba(145, 162, 31, 0.5411764706);
}

.csr-project-dashboard-view select option {
  background: #041f2f;
  color: #ffffff;
}

.csr-project-dashboard-view select option:hover {
  background: #ffffff;
}

.csr-project-dashboard-view input:checked + .slider {
  background-color: #468088;
}

/* .custom-milestone-detail{background:url(../../images/background/bg-csr-2.png) repeat;background-size:11%} */
/* .custom-milestone-detail .btn{background:#212120;border:#212120} */
@media (max-width: 767px) {
  .custom-milestone-detail {
    background: #ffffff;
  }
  .custom-milestone-detail h3 {
    font-size: 16px;
  }
  .custom-milestone-detail h2 {
    font-size: 18px;
  }
}

/*# sourceMappingURL=csr-project.css.map */