/*---------------------------------------------------------------------------*/
/*pay*/
.sale-order-payment-change-pp-list {
  display: flex;
  flex-flow: wrap;
  margin-top: 20px;
}

.sale-order-payment-change-pp a {
  height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 25px;
  background-color: var(--base_color);
  border-radius: 20px;
  color: #fff;
  margin-left: 10px;
}

.sale-order-payment-change-pp a:hover {
  color: #fff;
}

.sale-order-payment-change-pp-company {
  background-color: #fff;
  min-height: 80px;
}

.sale-order-payment-change-pp .sale-order-payment-change-pp-company:nth-child(2n) {
  margin-left: 20px;
}

.sale-order-payment-change-pp .sale-order-payment-change-pp-company:nth-child(1n+3) {
  margin-top: 20px;
}

.sale-order-payment-change-pp .sale-order-payment-change-pp-company {
  flex: 1 40%;
  background-color: var(--block_color);
  padding: 0 20px;
  cursor: pointer;
  border-radius: var(--element_radius);
  box-shadow: 0 0 var(--border_block_blur) 1px color-mix(in srgb, var(--border_block_color) var(--border_block_opacity), transparent);
}

.sale-order-payment-change-pp-company-graf-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  height: 100%;
}

.sale-order-payment-change-pp-company-image {
  display: flex;
  height: 100%;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.5s;
}

.sale-order-payment-change-pp-company-image svg {
  display: block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  fill: var(--icon_color);
  margin: auto;
}

.sale-order-payment-change-pp-company:hover .sale-order-payment-change-pp-company-smalltitle span {
  color: var(--base_color);
}

.sale-order-payment-change-pp-company-smalltitle {
  margin-left: 10px;
  padding: 15px 0;
  cursor: pointer;
}

.sale-order-payment-change-pp-company-smalltitle span {
  border-bottom: 1px dashed;
}

@media (max-width: 560px) {
  .sale-order-payment-change-pp .sale-order-payment-change-pp-company:nth-child(2n) {
    margin-left: 0;
    margin-top: 20px;
  }
  .sale-order-payment-change-pp-list {
    flex-direction: column;
  }
  .sale-order-payment-change-pp-company-graf-container {
    justify-content: flex-start;
  }
}
span.sale-order-payment-change-status-alert {
  color: #e30613;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDZCODQ2NjE1NUY2MTFFNDhBMDY4QzM3OEMwQTI3MzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDZCODQ2NjI1NUY2MTFFNDhBMDY4QzM3OEMwQTI3MzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkI4NDY1RjU1RjYxMUU0OEEwNjhDMzc4QzBBMjczNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENkI4NDY2MDU1RjYxMUU0OEEwNjhDMzc4QzBBMjczNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZSLLsAAACuSURBVHjaYvr//z8DOZiFAQ3c5eePB1IJQKwAxAJAfAGIFyh//LgQWR0jSDdUAz+QOgDEBgzYAcgAB6ABH0EcJiQJfJoYoHIHYBwmJOfh0wTXDFULtzGBgXgQACJYkJwBBkA/MGJTDbTpP7JamI0fSLBRANnGB9DgRzaZAU/owm1cQIKNC+AaoZF7gQhNF2AJATkeHQhovgBVg5pysCQ5A2iggTRswJnkSAUAAQYAay1fB+LgK9gAAAAASUVORK5CYII=");
}

span.sale-order-payment-change-status-success {
  color: #2da416;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCQzFFRjczOEJENjExRTc4Mzk3QzY4MzQ2N0E4QTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCQzFFRjc0OEJENjExRTc4Mzk3QzY4MzQ2N0E4QTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REJDMUVGNzE4QkQ2MTFFNzgzOTdDNjgzNDY3QThBMkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REJDMUVGNzI4QkQ2MTFFNzgzOTdDNjgzNDY3QThBMkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UULZqAAABL0lEQVR42mL8//8/AzmABUTYnWmB8dmAOAOII4FYByp2BYiXA/EMIP4FEjhkUgPRCAXSQLwFiA3QDLeA4kQg9gHipyBBJiSbsGkCAw4mVgao3FYgZkfWmI5Lk52gOsNSnSwGZU4xEFcfiNOQNUbBFDoKajKwMjJDNWkw1CsFMYiy8TLkyLoyIKuF+dEIRCRK2YHxwfc3GA68v85QpegHNuTu91cMjffWwzQaImtEAfZAm0AYBECaCm8uYfjw5xtM+jeyU8+BiPnPDoExDGDRBIseuI3LoUEO1wjyHxZNMLUMjKCUA0wAoCA+CQ01MGBnYmH4+e8PuqZLQGwGTAA/YU79CcTeQHwBpgKLpotA7AVVC/cjAzRFmANxARCfAeKvUHwGKmYGSzVwp5IDAAIMANmrX1iLLzmtAAAAAElFTkSuQmCC");
}

span.sale-order-payment-change-status-restricted {
  color: #ffa500;
  padding: 4px 0 5px;
}

.sale-order-payment-change-status-alert,
.sale-order-payment-change-status-restricted,
.sale-order-payment-change-status-success {
  display: inline-block;
  padding: 4px 0 5px 30px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
  font-size: 87.5%;
  vertical-align: middle;
  flex: 1;
}