/*
Template Name: Admin pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*============================================================== 
widget-chart-page product review
 ============================================================== */
.product-review {
  margin: 0px;
  padding: 25px; }
  .product-review li {
    display: block;
    padding: 20px 0;
    list-style: none; }
    .product-review li .font,
    .product-review li span {
      display: inline-block;
      margin-left: 10px; }

.social-profile {
  text-align: center;
  background: rgba(7, 10, 43, 0.8); }

.profile-tab li a.nav-link,
.customtab li a.nav-link {
  border: 0px;
  padding: 15px 20px;
  color: #67757c; }
  .profile-tab li a.nav-link.active,
  .customtab li a.nav-link.active {
    border-bottom: 2px solid #398bf7;
    color: #398bf7; }
  .profile-tab li a.nav-link:hover,
  .customtab li a.nav-link:hover {
    color: #398bf7; }

/*******************/
/*widgets -app*/
/*******************/
.css-bar:after {
  z-index: 1; }

.css-bar > i {
  z-index: 10; }

ul.list-icons {
  margin: 0px;
  padding: 0px; }
  ul.list-icons li {
    list-style: none;
    line-height: 30px;
    margin: 5px 0;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    ul.list-icons li a {
      color: #67757c; }
      ul.list-icons li a:hover {
        color: #398bf7; }
    ul.list-icons li i {
      padding-right: 8px; }

/*Widget charts page*/
.total-revenue4 {
  position: relative; }
  .total-revenue4 .ct-series-a .ct-line {
    stroke: #398bf7;
    stroke-width: 1px; }
  .total-revenue4 .ct-series-a .ct-point {
    stroke: #398bf7;
    stroke-width: 5px; }
  .total-revenue4 .ct-series-b .ct-line {
    stroke: #06d79c;
    stroke-width: 1px; }
  .total-revenue4 .ct-series-b .ct-point {
    stroke: #06d79c;
    stroke-width: 5px; }
  .total-revenue4 .ct-series-a .ct-area {
    fill: #398bf7;
    fill-opacity: 0.2; }
  .total-revenue4 .ct-series-b .ct-area {
    fill: #06d79c;
    fill-opacity: 0.2; }

/*******************/
/*Comment widgets*/
/*******************/
.comment-widgets {
  position: relative;
  margin-bottom: 10px; }
.comment-widgets .comment-row {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  padding: 15px; }
.comment-widgets .comment-row:last-child {
  border-bottom: 0px; }
.comment-widgets .comment-row:hover, .comment-widgets .comment-row.active {
  background: rgba(0, 0, 0, 0.02); }

.comment-text {
  padding: 15px 15px 15px 20px;
  width: 80%; }
.comment-text:hover .comment-footer .action-icons,
.comment-text.active .comment-footer .action-icons {
  visibility: visible; }
.comment-text p {
  max-height: 50px;
  width: 100%;
  overflow: hidden; }

.comment-footer .action-icons {
  visibility: hidden; }
.comment-footer .action-icons a {
  padding-left: 7px;
  vertical-align: middle;
  color: #99abb4; }
.comment-footer .action-icons a:hover, .comment-footer .action-icons a.active {
  color: #398bf7; }

.round {
  line-height: 48px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  border-radius: 100%;
  background: #398bf7; }
.round img {
  border-radius: 100%; }