.dashboard-backoffice {

	align-self: auto;
	.bsp-color {
		color: $brand-orange;
		font-size: 30px;
	}

	.bsp-image-padd {
		padding: 1.1rem;

		.accordions .accordion {

			.accordion-header {
				border: none;
				padding-left: 0;
			}

			.accordion-body {
				li {
					list-style: none;
				}
			}
		}

		.color-link-dsh {
			display: block;

			.bsp-price {
				display: flex;
				justify-content: space-between;
				padding: 15px 0;

				span {
					font-size: 15px;

					&:first-child {
						font-weight: 600;
						font-size: 17px;
						color: #000;
					}
				}
			}

			.bsp-text {
				font-size: 14px;
				color: #000;

				span {
					display: block;
					padding-top: 10px;
					color: $brand-orange;
				}
			}
		}
	}

	.togglecust {
		&:hover {
			cursor: pointer;
		}
	}

	.boss {
		display: flex;
		flex-flow: row wrap;
		margin-top: 30px;

		.choose-box {
			flex: 1 1 33.3333%;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			padding: 1.1rem;

			a, .boost {
				display: flex;
				flex-direction: column;
				flex: 1 1 auto;
				cursor: pointer;

				&.label-cursor {
					cursor: inherit;
				}

				.box-border {
					border: 1px solid #dbdbdb;
					padding: 40px 30px;
					display: block;
					flex: 1 1 auto;

					&>div {
						display: flex;
						justify-content: space-between;
						align-items: center;

						span {
							font-size: 22px;
							font-weight: 700;
							color: #000;
							padding-bottom: 20px;
							line-height: normal;

							&:nth-child(2) {
								color: #97c322;
								font-weight: 600;
							}
						}
					}

					p {
						line-height: normal;
						font-size: 15px;
						color: #000;

						&.p-mar {
							margin-bottom: 20px;
						}
					}

					.btn-bsp {
						border: 1px solid $brand-orange;
						border-radius: 20px;
						padding: 7px 15px;
						color: $brand-orange;
						font-size: 13px;
						transition: 0.3s;
						display: inline-block;
						width: 150px;
						text-align: center;

						&:hover {
							background-color: $brand-orange;
							color: #fff;
						}
					}
				}
			}
		}
	}

	.accordions .accordion .accordion-header+.accordion-body .accordion-content {
		padding: 0;
  }

  .accordions .accordion .accordion-header+.accordion-body {
    border: 1px solid transparent;
	}
	.accordions .accordion a:not(.button):not(.tag) {
		text-decoration: none;
	}
  
  .accordions {
    .accordion {
      .accordion-body {
        background-color: #fff;
      }
      .accordion-content {
        li {
					font-size: 14px;
					padding: 0;
					color: #949494;
					border-color: transparent;
          span {
            font-size: 14px;
						font-weight: 400;
						color: $brand-orange;
          }
        }
      }
      .accordion-header {
        color: $completed;
        background-color: $white;
        border-bottom: 1px solid $completed;
        font-weight: 400;
				p {
					padding-top: 5px;
					font-size: 15px;
				}
        ion-icon {
          &:before {
            content: "\f27e";
            color: #fff;
          }
        }
      }
    }
  }

  .bsp-image-padd {
    a {
      min-height: 310px;
    }
  }
}