.widget-payment-simple-amount-item {
  min-height: 124px;
  padding: 30px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border-color: #e5e5e5;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .widget-payment-simple-amount-item .payment-simple-amount-item-icon-block {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 32px;
            border-radius: 32px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px; }
    .widget-payment-simple-amount-item .payment-simple-amount-item-icon-block > .icon {
      position: relative;
      left: 1px;
      color: #fff;
      font-size: 32px; }
    .widget-payment-simple-amount-item .payment-simple-amount-item-icon-block > [class*="icon-"] {
      font-size: 24px; }
  .widget-payment-simple-amount-item .payment-simple-amount-item-amount {
    margin-bottom: 7px; }
    .widget-payment-simple-amount-item .payment-simple-amount-item-amount > .amount {
      font-size: 24px;
      font-weight: 600;
      display: inline-block;
      margin-right: 16px; }
    .widget-payment-simple-amount-item .payment-simple-amount-item-amount > .amount-icon {
      font-size: 18px;
      -webkit-transform: rotate(-360deg);
          -ms-transform: rotate(-360deg);
              transform: rotate(-360deg); }
  .widget-payment-simple-amount-item .payment-simple-amount-item-description {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500; }
    .widget-payment-simple-amount-item .payment-simple-amount-item-description > .progress-type {
      font-weight: 600; }
  .widget-payment-simple-amount-item.purple .payment-simple-amount-item-icon-block {
    background-color: #4e54a8; }
  .widget-payment-simple-amount-item.purple .amount-icon, .widget-payment-simple-amount-item.purple .progress-type {
    color: #4e54a8; }
  .widget-payment-simple-amount-item.green .payment-simple-amount-item-icon-block {
    background-color: #81c159; }
  .widget-payment-simple-amount-item.green .amount-icon, .widget-payment-simple-amount-item.green .progress-type {
    color: #81c159; }
  .widget-payment-simple-amount-item.pink .payment-simple-amount-item-icon-block {
    background-color: #df538b; }
  .widget-payment-simple-amount-item.pink .amount-icon, .widget-payment-simple-amount-item.pink .progress-type {
    color: #df538b; }
  .widget-payment-simple-amount-item.orange .payment-simple-amount-item-icon-block {
    background-color: #f88528; }
  .widget-payment-simple-amount-item.orange .amount-icon, .widget-payment-simple-amount-item.orange .progress-type {
    color: #f88528; }

.widget-payment-card-rate-details .card-block {
  padding-top: 0;
  padding-bottom: 20px; }
  .widget-payment-card-rate-details .card-block .card-widget-datetime {
    margin-bottom: 20px; }

.widget-payment-card-rate-details .payment-card-rate-details-table {
  margin: 0;
  width: 100%; }
  .widget-payment-card-rate-details .payment-card-rate-details-table td {
    font-size: 14px;
    padding-bottom: 8px; }
    .widget-payment-card-rate-details .payment-card-rate-details-table td.currency {
      padding-left: 0; }
      .widget-payment-card-rate-details .payment-card-rate-details-table td.currency > .flag {
        margin-top: -3px;
        margin-right: 10px;
        display: inline-block; }
    .widget-payment-card-rate-details .payment-card-rate-details-table td.amount {
      padding-right: 0;
      width: 1px;
      font-weight: 600;
      text-align: right; }
  .widget-payment-card-rate-details .payment-card-rate-details-table tr:first-child td {
    border-top: none; }

.widget-payment-earnings .payment-earnings-chart {
  height: 155px;
  margin-left: -36px;
  margin-right: -36px;
  margin-bottom: -39px;
  -webkit-border-radius: 3px;
          border-radius: 3px; }
  .widget-payment-earnings .payment-earnings-chart .c3-line {
    stroke-width: 2px; }

.widget-payment-earnings .payment-earnings-amount {
  font-size: 36px;
  font-weight: 500;
  color: #171717;
  margin-bottom: 12px; }

.widget-payment-earnings .payment-earnings-amount-description {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(23, 23, 23, 0.8);
  margin-bottom: 22px; }

.widget-payment-budget .card-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.widget-payment-budget .thumbnail {
  display: block; }

.widget-payment-budget .card-widget-datetime {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5; }

.widget-payment-budget .payment-budget-amount-block > .text-action,
.widget-payment-budget .payment-budget-remaining-block > .text-action {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px; }

.widget-payment-budget .payment-budget-amount-block > .description,
.widget-payment-budget .payment-budget-remaining-block > .description {
  font-size: 12px;
  color: #858585; }

.widget-payment-price-ratio {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  text-align: center;
  padding: 31px 35px;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .widget-payment-price-ratio .price-ratio-title {
    font-size: 10px;
    font-weight: 500;
    color: rgba(23, 23, 23, 0.8);
    text-transform: uppercase;
    margin-bottom: 17px; }
  .widget-payment-price-ratio .price-ratio-amount {
    color: #171717;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 12px; }
  .widget-payment-price-ratio .price-ratio-progress {
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
    .widget-payment-price-ratio .price-ratio-progress > .icon {
      font-size: 18px;
      display: inline-block;
      margin-right: 7px; }
  .widget-payment-price-ratio.green {
    background-color: rgba(129, 193, 89, 0.15); }
    .widget-payment-price-ratio.green .price-ratio-progress {
      color: #81c159; }
  .widget-payment-price-ratio.purple {
    background-color: rgba(223, 82, 139, 0.1); }
    .widget-payment-price-ratio.purple .price-ratio-progress {
      color: #df538b; }
  .widget-payment-price-ratio.blue {
    background-color: #eff1fc; }
    .widget-payment-price-ratio.blue .price-ratio-progress {
      color: #4e54a8; }
  .widget-payment-price-ratio.yellow {
    background-color: rgba(248, 238, 62, 0.2); }
    .widget-payment-price-ratio.yellow .price-ratio-progress {
      color: #f88528; }

.widget-payment-table-invoicing .payment-table-invoicing {
  margin-top: 20px;
  margin-bottom: 0; }
  .widget-payment-table-invoicing .payment-table-invoicing tr:first-child td {
    border-top: none; }
  .widget-payment-table-invoicing .payment-table-invoicing td {
    padding-bottom: 8px;
    font-size: 14px; }
    .widget-payment-table-invoicing .payment-table-invoicing td:first-child {
      padding-left: 0; }
    .widget-payment-table-invoicing .payment-table-invoicing td:last-child {
      padding-right: 0;
      text-align: right; }

.widget-payment-table .payment-table {
  margin-top: 20px;
  margin-bottom: 0; }
  .widget-payment-table .payment-table tr:first-child td {
    border-top: none; }
  .widget-payment-table .payment-table td {
    vertical-align: middle;
    padding-bottom: 8px;
    font-size: 14px; }
    .widget-payment-table .payment-table td:first-child {
      padding-left: 0; }
    .widget-payment-table .payment-table td:last-child {
      padding-right: 0;
      text-align: right; }
  .widget-payment-table .payment-table .avatar {
    position: relative;
    margin-top: -2px;
    display: inline-block;
    margin-right: 10px; }

.widget-chart-orders .chart-orders-block {
  margin-left: -20px; }

.widget-chart-orders .c3-line {
  stroke-width: 2px; }

.widget-chart-orders .c3-axis-y .tick line, .widget-chart-orders .c3-axis-x .tick line {
  opacity: 0; }

.widget-chart-orders .c3-axis-y .domain, .widget-chart-orders .c3-axis-x .domain {
  opacity: 0; }

.widget-chart-orders .tick {
  font-size: 12px;
  fill: #858585; }

.widget-chart-orders .c3-legend-item-event {
  font-size: 12px; }

.widget-chart-orders .c3-ygrid-line line {
  stroke: rgba(57, 80, 155, 0.1); }

.widget-payment-total-amount .card-block {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.widget-payment-total-amount .payment-total-amount-item-icon-block {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 32px;
          border-radius: 32px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px; }
  .widget-payment-total-amount .payment-total-amount-item-icon-block > .icon {
    position: relative;
    left: 1px;
    color: #fff;
    font-size: 32px; }
  .widget-payment-total-amount .payment-total-amount-item-icon-block > [class*="icon-"] {
    font-size: 24px; }

.widget-payment-total-amount .payment-total-amount-item-amount {
  margin-bottom: 7px;
  text-align: right; }
  .widget-payment-total-amount .payment-total-amount-item-amount > .amount {
    font-size: 36px;
    font-weight: 600;
    display: inline-block; }

.widget-payment-total-amount .payment-total-amount-item-description {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: right; }
  .widget-payment-total-amount .payment-total-amount-item-description > .progress-type {
    font-weight: 600;
    text-align: right; }

.widget-payment-total-amount.purple-light .payment-total-amount-item-icon-block {
  background-color: #eff1fc; }
  .widget-payment-total-amount.purple-light .payment-total-amount-item-icon-block > .icon {
    color: #4e54a8; }

.widget-payment-total-amount.green-light .payment-total-amount-item-icon-block {
  background-color: rgba(129, 193, 89, 0.15); }
  .widget-payment-total-amount.green-light .payment-total-amount-item-icon-block > .icon {
    color: #81c159; }

.widget-payment-total-amount.pink-light .payment-total-amount-item-icon-block {
  background-color: rgba(255, 61, 0, 0.1); }
  .widget-payment-total-amount.pink-light .payment-total-amount-item-icon-block > .icon {
    color: #df538b; }

.widget-payment-total-amount.orange-light .payment-total-amount-item-icon-block {
  background-color: rgba(248, 238, 62, 0.2); }
  .widget-payment-total-amount.orange-light .payment-total-amount-item-icon-block > .icon {
    color: #f88528; }

.payment-widget-table-and-map .card-block {
  padding-top: 20px;
  padding-bottom: 20px; }
  .payment-widget-table-and-map .card-block .card-widget-datetime {
    margin-bottom: 20px; }

.payment-widget-table-and-map .payment-widget-table-and-map-table {
  margin: 0;
  width: 100%; }
  .payment-widget-table-and-map .payment-widget-table-and-map-table td {
    font-size: 14px;
    padding-bottom: 8px; }
    .payment-widget-table-and-map .payment-widget-table-and-map-table td.flag {
      padding-left: 0;
      padding-right: 0; }
      .payment-widget-table-and-map .payment-widget-table-and-map-table td.flag > img {
        margin-top: -4px;
        margin-right: 10px;
        display: inline-block; }
    .payment-widget-table-and-map .payment-widget-table-and-map-table td.amount {
      padding-right: 0;
      width: 20%;
      font-weight: 600;
      text-align: right; }
  .payment-widget-table-and-map .payment-widget-table-and-map-table tr:first-child td {
    border-top: none; }

.widget-payment-active-clients .card-widget-datetime {
  margin-bottom: 30px; }

.widget-payment-active-clients .active-clients-category-progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #858585;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px; }
  .widget-payment-active-clients .active-clients-category-progress .name {
    font-weight: 500;
    color: #333;
    min-width: 50px; }
  .widget-payment-active-clients .active-clients-category-progress .progress {
    min-width: 180px;
    margin: 0 20px; }
  .widget-payment-active-clients .active-clients-category-progress + .active-clients-category-progress {
    margin-top: 19px; }
  .widget-payment-active-clients .active-clients-category-progress + hr {
    margin-top: 26px; }
